:root{--ink:#172033;--muted:#68758b;--line:#e6eaf0;--canvas:#f4f7fb;--white:#fff;--navy:#10243e;--blue:#2764e7;--blue-soft:#eaf1ff;--teal:#0e9384;--amber:#e89418;--purple:#7658d9;--danger:#d64545;--shadow:0 10px 30px rgba(28,45,77,.07)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-body{background:var(--canvas);min-height:100vh}.environment-banner{height:32px;background:#f6b81b;color:#212838;display:grid;place-items:center;font-size:.72rem;font-weight:800;letter-spacing:.12em}.app-shell{min-height:100vh;display:flex}.environment-banner+.app-shell{min-height:calc(100vh - 32px)}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--navy);color:#d8e2ef;z-index:30;display:flex;flex-direction:column;padding:26px 18px 20px}.environment-banner~.app-shell .sidebar{top:32px}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 26px;color:#fff}.brand-mark,.story-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#3b75ee,#1e55c9);display:grid;place-items:center;box-shadow:0 9px 20px #0a183655}.brand-mark svg,.story-mark svg{width:25px;stroke:#fff;stroke-width:2}.brand strong{display:block;font:800 1.17rem/1.1 Manrope,sans-serif}.brand small{display:block;color:#8fa5bf;font-size:.75rem;margin-top:3px}.main-nav{flex:1;overflow:auto}.nav-label{text-transform:uppercase;letter-spacing:.13em;color:#69809b;font-size:.65rem;font-weight:800;margin:18px 12px 8px}.nav-item{height:44px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:3px 0;color:#aebdd0;font-weight:600;font-size:.87rem;transition:.2s}.nav-item svg{width:20px;max-height:20px;fill:currentColor;stroke:none;opacity:.8}.nav-item:hover{background:#18314f;color:#fff}.nav-item.active{background:linear-gradient(90deg,#2c65de,#3473ed);color:#fff;box-shadow:0 8px 18px #071a3638}.nav-item small{margin-left:auto;font-size:.6rem;text-transform:uppercase;background:#263c56;color:#8195ac;padding:3px 6px;border-radius:10px}.nav-item.disabled{opacity:.56;cursor:not-allowed}.sidebar-foot{border-top:1px solid #243c57;padding:18px 10px 2px;display:flex;gap:10px;align-items:center}.status-dot{width:9px;height:9px;border-radius:50%;background:#26d69b;box-shadow:0 0 0 5px #26d69b20}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:.78rem;color:#dce6f1}.sidebar-foot small{font-size:.68rem;color:#7188a2;margin-top:2px}
.workspace{margin-left:252px;min-width:0;flex:1}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20}.environment-banner~.app-shell .topbar{top:32px}.menu-button{display:none}.topbar-title p{margin:0 0 2px;color:#8a96a8;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.topbar-title h1{font:800 1.38rem/1.2 Manrope,sans-serif;margin:0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.health-pill{display:flex;align-items:center;gap:8px;color:#4e5e72;font-size:.75rem;background:#f6f8fb;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.health-pill span{width:7px;height:7px;background:#14b886;border-radius:50%;box-shadow:0 0 0 3px #14b8861c}.user-menu{position:relative}.user-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}.user-menu summary::-webkit-details-marker{display:none}.avatar{width:36px;height:36px;border-radius:11px;background:#e4edff;color:#255ccf;display:grid;place-items:center;font-weight:800}.user-copy strong,.user-copy small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy strong{font-size:.78rem}.user-copy small{font-size:.68rem;color:#8591a2;margin-top:2px}.user-menu summary>svg{width:16px;color:#7c899a}.user-popover{position:absolute;right:0;top:49px;width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 45px #1720331c;padding:15px}.user-popover p{font-size:.74rem;color:var(--muted);line-height:1.5;margin:0 0 12px}.logout-button{width:100%;border:0;border-radius:8px;background:#fff0f0;color:#b43434;padding:9px;font-weight:700;cursor:pointer}.content{padding:28px 34px 48px;max-width:1600px;margin:auto}.flash{padding:12px 14px;border-radius:10px;font-size:.8rem;margin-bottom:18px}.flash.success{background:#e9f9f3;color:#11775c;border:1px solid #c8eee0}.flash.error{background:#fff0f0;color:#ae3333;border:1px solid #f5cccc}
.welcome-strip{background:linear-gradient(105deg,#15345b,#1e4d83);color:#fff;border-radius:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome-strip:after{content:"";position:absolute;width:260px;height:260px;border:52px solid #ffffff0a;border-radius:50%;right:-70px;top:-100px}.welcome-strip p{margin:0 0 4px;color:#a9c3e3;font-size:.75rem}.welcome-strip h2{font:800 1.45rem Manrope,sans-serif;margin:0 0 5px}.welcome-strip span{font-size:.78rem;color:#bed0e5}.welcome-meta{text-align:right;position:relative;z-index:1}.welcome-meta span,.welcome-meta strong{display:block}.welcome-meta strong{margin-top:7px;font-size:.76rem;background:#ffffff17;border:1px solid #ffffff18;border-radius:999px;padding:7px 12px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 15px #203b6410}.summary-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center}.summary-icon span{width:18px;height:18px;border:5px solid currentColor;border-radius:5px;transform:rotate(45deg)}.summary-card.blue .summary-icon{background:#e9f0ff;color:var(--blue)}.summary-card.teal .summary-icon{background:#e5f8f4;color:var(--teal)}.summary-card.amber .summary-icon{background:#fff4df;color:var(--amber)}.summary-card.purple .summary-icon{background:#f0ecff;color:var(--purple)}.summary-card p,.summary-card strong,.summary-card small{display:block}.summary-card p{margin:0;color:#69778a;font-size:.73rem;font-weight:600}.summary-card strong{font:800 1.58rem Manrope,sans-serif;margin:2px 0}.summary-card small{color:#9aa4b2;font-size:.65rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 18px #263d6209;min-width:0}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head p{margin:0 0 3px;color:#97a2b1;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.panel-head h3{margin:0;font:800 1rem Manrope,sans-serif}.panel-head a{color:var(--blue);font-size:.72rem;font-weight:700}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.company-stat{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 0}.company-code{height:37px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.68rem}.company-code.ac,.sector-badge.ac{background:#e8f1ff;color:#2864d9}.company-code.besi,.sector-badge.besi{background:#fff0df;color:#b96b11}.company-copy strong,.company-copy small{display:block}.company-copy strong{font-size:.76rem}.company-copy small{font-size:.64rem;color:#9aa4b2;margin-top:1px}.company-stat>span{font:800 .9rem Manrope,sans-serif}.progress{height:3px;background:#eef1f5;border-radius:4px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;background:#4e7fe7;border-radius:4px}.status-list>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0f2f5;padding:10px 2px}.status-list p{margin:0;flex:1;text-transform:capitalize;font-size:.76rem;color:#5f6e80}.status-list strong{font-size:.8rem}.status-bullet{width:8px;height:8px;border-radius:50%;background:#8a96a8}.status-bullet.available{background:#14b886}.status-bullet.unavailable{background:#e35555}.status-bullet.maintenance{background:#e5a128}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce3ed;color:#355574;padding:9px 13px;border-radius:9px;font-weight:700;font-size:.73rem}.secondary-button.full{width:100%;margin-top:15px}.compact-table{overflow:auto}.table-row{min-width:620px;display:grid;grid-template-columns:1.6fr .9fr 1fr .6fr;align-items:center;gap:12px;padding:11px 4px;border-top:1px solid #edf0f4;font-size:.72rem}.table-heading{border:0;color:#9aa4b2;text-transform:uppercase;letter-spacing:.05em;font-size:.61rem;font-weight:700;padding-top:0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell i{width:31px;height:31px;border-radius:9px;background:#edf2fc;color:#3f67ad;display:grid;place-items:center;font-style:normal;font-weight:800;flex:0 0 auto}.person-cell b{font-size:.72rem}.person-cell small{display:block;color:#9aa4b2;font-weight:500;font-size:.62rem;margin-top:2px}.tag{display:inline-flex;border-radius:999px;padding:4px 8px;font-style:normal;font-size:.63rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.tag.success{background:#e5f8f0;color:#148263}.tag.danger{background:#ffebeb;color:#bb3e3e}.tag.neutral{background:#edf2f8;color:#50637a}.warehouse-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4}.warehouse-icon{width:38px;height:38px;border-radius:10px;background:#edf3ff;color:#3165cb;display:grid;place-items:center;font-size:.65rem;font-weight:800}.warehouse-list p{margin:0;flex:1}.warehouse-list strong,.warehouse-list small{display:block}.warehouse-list strong{font-size:.74rem}.warehouse-list small{font-size:.62rem;color:#9ba5b3;margin-top:3px}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.project-cards article{border:1px solid #e9edf2;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.project-icon{width:40px;height:40px;border-radius:10px;background:#edf3ff;color:#3068d6;display:grid;place-items:center}.project-icon svg{width:20px;fill:currentColor;stroke:none}.project-cards article>div:nth-child(2){min-width:0;flex:1}.project-cards small,.project-cards strong,.project-cards p{display:block}.project-cards small{font-size:.58rem;color:#96a0af}.project-cards strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}.project-cards p{font-size:.62rem;color:#7c899a;margin:0}
.page-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-bottom:18px}.section-chip{font-size:.58rem;letter-spacing:.1em;font-weight:800;color:#3265cf;background:#eaf1ff;padding:5px 8px;border-radius:999px}.page-intro h2{font:800 1.25rem Manrope,sans-serif;margin:10px 0 4px}.page-intro p{margin:0;max-width:720px;color:#738095;font-size:.76rem;line-height:1.55}.intro-stat{text-align:center;min-width:110px;border-left:1px solid var(--line);padding-left:22px}.intro-stat strong,.intro-stat span{display:block}.intro-stat strong{font:800 1.55rem Manrope,sans-serif;color:#2c60ce}.intro-stat span{font-size:.65rem;color:#8b96a7;margin-top:2px}.data-panel{padding:0;overflow:hidden}.data-toolbar{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.search-form{height:36px;width:min(420px,70%);display:flex;align-items:center;border:1px solid #dfe5ed;border-radius:9px;padding:0 10px;background:#fafbfd}.search-form svg{width:17px;color:#8b97a8}.search-form input{border:0;outline:0;background:transparent;padding:0 9px;flex:1;font-size:.74rem}.search-form a{color:#2764e7;font-size:.68rem;font-weight:700}.data-hint{font-size:.68rem;color:#8c98a8}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;background:#f8fafc;color:#7c899a;text-transform:uppercase;letter-spacing:.055em;font-size:.6rem;padding:12px 18px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 18px;border-bottom:1px solid #edf0f4;font-size:.72rem;color:#4f5e71}.data-table td>strong{color:#26374c}.cell-subtitle{display:block;color:#9aa4b2;margin-top:3px;font-size:.61rem}.sync-state{display:flex;align-items:center;gap:6px;text-transform:capitalize}.sync-state i{width:7px;height:7px;background:#14b886;border-radius:50%}.pager{display:flex;justify-content:center;align-items:center;gap:18px;padding:15px;font-size:.7rem}.pager a{color:#2764e7;font-weight:700}.pager span{color:#7e8a9a}.pager .disabled{color:#b9c0ca}.company-master-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:0 4px 14px #203b6408}.entity-head{display:flex;align-items:center;justify-content:space-between}.entity-card .company-code{width:42px}.entity-card h3{font:800 .9rem Manrope,sans-serif;margin:15px 0 3px}.entity-card p{font-size:.7rem;color:#6d7b8e;margin:0}.entity-card>small{display:block;color:#a0a9b7;font-size:.58rem;margin-top:13px}.spaced{margin-top:18px}.sector-badge{padding:5px 8px;border-radius:7px;font-size:.64rem;font-weight:800}.project-list-page article{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(260px,1fr) auto;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.project-main{display:flex;align-items:center;gap:12px}.project-main h3{font:800 .8rem Manrope,sans-serif;margin:2px 0}.project-main small{font-size:.6rem;color:#3f6fd0;font-weight:800}.project-main p{font-size:.62rem;color:#919baa;margin:0}.package-list{display:flex;flex-wrap:wrap;gap:6px}.package-list span{background:#f4f7fb;border:1px solid #e6eaf0;border-radius:8px;padding:6px 8px;font-size:.6rem;color:#788698}.package-list b{display:block;color:#42546b;font-size:.62rem;margin-bottom:2px}.empty-state{text-align:center;color:#9ba5b2;font-size:.73rem;padding:24px}
.login-body{min-height:100vh;background:#edf3f8}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.login-story{background:linear-gradient(145deg,#102a4a 0%,#153e69 65%,#0f5b69 130%);color:#fff;padding:44px 8vw 34px 5vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid #ffffff0e;border-radius:50%}.login-story:before{width:430px;height:430px;right:-240px;top:90px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-story:after{width:240px;height:240px;left:-160px;bottom:-100px}.story-top{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.story-top strong,.story-top small{display:block}.story-top strong{font:800 .86rem Manrope,sans-serif;letter-spacing:.1em}.story-top small{font-size:.64rem;color:#88a6c4;margin-top:3px}.story-copy{margin:auto 0;max-width:540px;position:relative;z-index:1}.local-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff20;background:#ffffff0d;border-radius:999px;padding:7px 11px;font-size:.67rem;color:#bdd4ea}.local-chip i{width:7px;height:7px;background:#35d6a4;border-radius:50%;box-shadow:0 0 0 4px #35d6a422}.story-copy h1{font:800 clamp(2.3rem,4.2vw,4rem)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:28px 0 18px}.story-copy h1 em{font-style:normal;color:#75a8ff}.story-copy>p{color:#abc1d8;font-size:.9rem;line-height:1.7;max-width:480px}.story-metrics{display:flex;gap:42px;margin-top:40px}.story-metrics strong,.story-metrics span{display:block}.story-metrics strong{font:800 1.28rem Manrope,sans-serif}.story-metrics span{font-size:.64rem;color:#8ca9c5;margin-top:4px}.story-foot{text-transform:uppercase;letter-spacing:.19em;font-size:.57rem;color:#6f8eaa;margin:0;position:relative;z-index:1}.login-panel{background:#f7f9fc;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;position:relative}.login-card{width:min(430px,100%)}.mobile-brand{display:none}.login-kicker{color:#2b66db;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:800;margin:0 0 8px}.login-card h2{font:800 2rem Manrope,sans-serif;margin:0 0 8px;letter-spacing:-.03em}.login-subtitle{color:#7a8798;font-size:.79rem;line-height:1.6;margin:0 0 26px}.login-form label{display:block;font-size:.72rem;font-weight:700;margin:0 0 7px}.label-row{display:flex;justify-content:space-between;margin-top:18px}.label-row label{margin:0}.label-row span{font-size:.63rem;color:#8e99a8}.input-wrap{height:48px;background:#fff;border:1px solid #dce3eb;border-radius:10px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:#4d7fe8;box-shadow:0 0 0 3px #3c72e715}.input-wrap>svg{width:18px;color:#8a97a8;fill:currentColor;stroke:none}.input-wrap input{border:0;outline:0;min-width:0;flex:1;padding:0 11px;background:transparent;font-size:.8rem;color:#27364a}.reveal-button{border:0;background:transparent;color:#8693a5;cursor:pointer;padding:5px}.reveal-button svg{width:18px;fill:currentColor;stroke:none}.primary-button{border:0;width:100%;height:49px;border-radius:10px;background:linear-gradient(90deg,#275fd5,#3576ec);color:#fff;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 11px 22px #2764e72d;transition:.2s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #2764e73b}.primary-button svg{width:18px}.login-note{display:flex;gap:10px;margin-top:24px;padding:13px;background:#edf3fb;border-radius:10px;color:#657489;font-size:.67rem;line-height:1.5}.login-note svg{width:20px;min-width:20px;color:#3371df;fill:currentColor;stroke:none}.login-copyright{position:absolute;bottom:23px;color:#a2aab5;font-size:.62rem}
.icon-button{border:0;background:transparent;padding:7px}.icon-button svg{width:22px}.sidebar-backdrop{display:none}
@media(max-width:1150px){.summary-grid{grid-template-columns:repeat(2,1fr)}.company-master-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.project-list-page article{grid-template-columns:1fr auto}.package-list{grid-column:1/-1}.login-story{padding-left:4vw}.story-copy h1{font-size:2.7rem}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button{display:block}.sidebar-backdrop{position:fixed;inset:0;background:#10243e88;z-index:25}.sidebar-backdrop.visible{display:block}.topbar{padding:0 18px}.content{padding:22px 18px 40px}.health-pill{display:none}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px}.mobile-brand .story-mark{width:38px;height:38px}.company-master-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.user-copy{display:none}.summary-grid,.dashboard-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.company-grid,.project-cards{grid-template-columns:1fr}.welcome-strip{align-items:flex-start}.welcome-meta{display:none}.page-intro{align-items:flex-start}.intro-stat{display:none}.company-master-grid{grid-template-columns:1fr}.topbar-title p{display:none}.topbar-title h1{font-size:1.05rem}.login-panel{padding:26px 20px}.login-card h2{font-size:1.65rem}.login-copyright{position:static;margin-top:45px}.data-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.search-form{width:100%}}