@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#e8f0fb;font-synthesis:none;--bg:#07101c;--panel:#0d1827;--panel2:#111f30;--line:#203149;--text:#e8f0fb;--muted:#8192a9;--blue:#2d7df6;--cyan:#50b5ff;--green:#35c979;--amber:#f4b63e;--red:#ef5c68;background:#07101c;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -10%,#12315b55,transparent 35%),var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:#081321;border-right:1px solid #17263a;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #17263a;align-items:center;gap:12px;padding:0 7px 20px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:7px;width:73px;height:46px;padding:2px}.brand strong{letter-spacing:.08em;font-size:14px;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:5px;margin-top:20px;display:flex}.nav-item{color:#9fb0c5;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}.nav-item:hover,.nav-item.router-link-active{color:#fff;background:linear-gradient(90deg,#173f77,#13335f)}.logout{color:#a8b7c9;text-align:left;cursor:pointer;background:0 0;border:1px solid #22344c;border-radius:9px;margin-top:auto;padding:10px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#091522cc;border-bottom:1px solid #16263b;justify-content:flex-end;align-items:center;gap:24px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.project-selector{flex-direction:column;gap:4px;min-width:280px;display:flex}.project-selector span,.userbox span{color:var(--muted);font-size:10px}select,input,textarea{color:#e8f0fb;background:#0a1524;border:1px solid #263a54;border-radius:8px;outline:none;padding:11px 12px}select:focus,input:focus,textarea:focus{border-color:#438cff;box-shadow:0 0 0 3px #2d7df621}.project-selector select{padding:7px 9px;font-size:12px}.userbox{align-items:center;gap:10px;display:flex}.userbox strong{font-size:12px;display:block}.avatar{background:linear-gradient(135deg,#2d7df6,#55c2ff);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.content{max-width:1500px;margin:auto;padding:30px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-head h1{margin:4px 0 5px;font-size:27px}.page-head p{color:var(--muted);margin:0;font-size:13px}.eyebrow{letter-spacing:.18em;color:#55b9ff;font-size:10px;font-weight:700}.primary,.secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:11px 15px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#286fdc,#358fff);box-shadow:0 8px 20px #1363d129}.secondary{color:#b9c7d8;background:#0b1725;border-color:#2a3d57}.wide{width:100%}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{background:linear-gradient(145deg,#0e1b2c,#0b1725);border:1px solid #1b2e46;border-radius:12px;min-height:127px;padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";background:#2e7df315;border-radius:50%;width:90px;height:90px;position:absolute;top:-25px;right:-25px}.kpi span{color:#91a3b8;font-size:11px}.kpi strong{margin:13px 0 7px;font-size:30px;display:block}.kpi small{color:#5f7894;font-size:10px}.kpi.danger strong{color:#ff707a}.two-col{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.panel{background:#0c1827;border:1px solid #1b2d44;border-radius:12px;padding:18px;box-shadow:0 12px 30px #02091325}.panel-title{border-bottom:1px solid #17283d;justify-content:space-between;align-items:start;padding-bottom:12px;display:flex}.panel-title h3{margin:0;font-size:13px}.panel-title p{color:var(--muted);margin:4px 0;font-size:10px}.panel-title a{color:#5af;font-size:10px}.activity-row,.notification-row{border-bottom:1px solid #132338;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;display:flex}.activity-row:last-child,.notification-row:last-child{border-bottom:0}.activity-row div,.notification-row div{min-width:0}.activity-row strong,.notification-row strong{font-size:11px;display:block}.activity-row span:not(.badge),.notification-row span{color:#748ba5;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.badge,.priority{text-transform:uppercase;color:#aac0d9;background:#263850;border-radius:50px;padding:4px 7px;font-weight:700;font-size:8px!important}.badge.approved,.badge.closed{color:#64dd9c;background:#153c2a}.badge.rejected,.badge.cancelled{color:#ff8690;background:#492029}.badge.pending,.badge.submitted{color:#ffd06d;background:#493817}.priority.urgent{color:#ff8c96;background:#52232b}.priority.high{color:#ffcf68;background:#4a3718}.dot{background:#3994ff;border-radius:50%;flex:none;width:7px;height:7px}.notification-row{justify-content:flex-start}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.quick{background:#0b1928;border:1px solid #1b3451;border-radius:11px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.quick:hover{border-color:#397bd1;transform:translateY(-1px)}.quick>span{color:#5fb9ff;background:#14386a;border-radius:8px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.quick strong{font-size:11px;display:block}.quick small{color:#7188a2;margin-top:4px;font-size:9px;display:block}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#7188a1;text-transform:uppercase;letter-spacing:.06em;background:#0a1523;padding:13px 16px;font-size:9px}td{color:#b8c5d5;border-top:1px solid #14263a;padding:14px 16px}.mono{color:#75baff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty{font-size:11px;text-align:center!important;color:#687f99!important;padding:30px!important}.form-panel{max-width:900px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label,.login-card label{color:#95a6ba;flex-direction:column;gap:7px;font-size:10px;display:flex}.form-grid .span2{grid-column:span 2}textarea{resize:vertical;min-height:90px}.form-actions{border-top:1px solid #1b2e45;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;display:flex}.error{color:#ff9aa2}.banner{background:#421c255e;border:1px solid #71313b;border-radius:8px;margin-bottom:14px;padding:10px;font-size:11px}.placeholder{text-align:center;padding:70px 30px}.placeholder-icon{color:#3c8cff;font-size:45px}.placeholder h3{font-size:15px}.placeholder p{max-width:520px;color:var(--muted);margin:auto;font-size:11px;line-height:1.7}.mobile-brand{display:none}.login-page{background:#07101c;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(#081728cc,#06101bee),radial-gradient(circle at 20% 20%,#184d8250,#0000 40%);padding:50px;position:relative;overflow:hidden}.login-visual:after{content:"";opacity:.9;background:linear-gradient(15deg,#101d2a 0 35%,#0000 35% 45%,#0a1624 45% 58%,#0000 58%);height:65%;position:absolute;inset:auto -20% -35% -10%}.login-brand{z-index:1;position:relative}.login-brand img{background:#fff;border-radius:8px;width:195px;padding:5px}.portal-label{letter-spacing:.36em;color:#7891ad;margin:12px 8px;font-size:9px}.visual-copy{z-index:1;max-width:600px;position:absolute;bottom:80px;left:50px}.visual-copy h1{letter-spacing:-.03em;margin:10px 0 18px;font-size:46px;line-height:1.05}.visual-copy p{color:#849ab3;max-width:500px;font-size:13px;line-height:1.7}.login-panel{background:radial-gradient(circle at 80% 10%,#0f2b4e55,#0000 35%);place-items:center;padding:40px;display:grid}.login-card{background:#0c1827;border:1px solid #1d314a;border-radius:16px;width:min(420px,100%);padding:34px;box-shadow:0 30px 70px #0007}.login-logo{background:#fff;border-radius:7px;width:150px;margin-bottom:20px;display:none}.login-card h2{margin:0 0 5px;font-size:24px}.muted{color:var(--muted);margin:0 0 25px;font-size:11px}.login-card label{margin-bottom:15px}.secure-note{text-align:center;color:#566d86;margin-top:15px;font-size:9px}@media (width<=1000px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.brand div,.nav-item span{display:none}.brand img{width:54px;height:42px}.nav-item{justify-content:center;font-size:18px}.logout{text-align:center;font-size:0}.logout:first-letter{font-size:16px}.kpi-grid{grid-template-columns:1fr 1fr}.two-col,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-logo{display:block}}@media (width<=680px){.shell{display:block}.sidebar{display:none}.topbar{justify-content:space-between;gap:12px;height:auto;padding:12px 16px}.mobile-brand{display:block}.mobile-brand img{background:#fff;border-radius:5px;width:72px}.project-selector{flex:1;min-width:0}.userbox>div:not(.avatar){display:none}.content{padding:18px 14px 80px}.page-head{align-items:start}.page-head h1{font-size:22px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{min-height:110px;padding:14px}.kpi strong{font-size:24px}.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.two-col{gap:9px}.login-panel{padding:20px}.login-card{padding:25px}.table-wrap{margin:0 -2px}}.session-loading{color:#8ea1b9;letter-spacing:.02em;background:#07101d;place-items:center;min-height:100vh;font:600 14px/1.4 Inter,system-ui,sans-serif;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:420px;display:flex}.empty-state .empty-icon{opacity:.85;font-size:38px}.empty-state h2{margin:0}.empty-state p{max-width:460px;color:var(--muted,#8ea1b9)}.kpi-grid-6{grid-template-columns:repeat(6,1fr)}.quick-grid-4{grid-template-columns:repeat(4,1fr)}.toolbar{align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.toolbar input{flex:1}.toolbar select{min-width:170px}.toolbar-count{color:var(--muted);margin-left:auto;font-size:10px}.success.banner{color:#8be5b0;background:#153c2a66;border:1px solid #276847}.line-editor{border-top:1px solid #1b2e45;margin-top:22px;padding-top:18px}.line-editor-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.line-editor-head h3{margin:0;font-size:13px}.line-editor-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.line-row{grid-template-columns:34px 1fr 140px 150px 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.line-no{color:#6cb8ff;background:#12263f;border-radius:7px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.icon-button{cursor:pointer;background:#0a1524;border:1px solid #2a3d57;border-radius:8px;height:38px}.danger-text{color:#ff7e88}.icon-button:disabled{opacity:.35;cursor:not-allowed}.overdue{background:#431c232b}.late-pill{color:#ff929b;background:#54232b;border-radius:20px;margin-left:5px;padding:3px 6px;font-size:8px;font-weight:700;display:inline-block}.deliveries-grid{grid-template-columns:1.35fr .65fr}.stack-label{color:#95a6ba;flex-direction:column;gap:7px;margin:14px 0;font-size:10px;display:flex}.po-summary{background:#0a1624;border:1px solid #1c334e;border-radius:9px;flex-direction:column;gap:3px;margin-bottom:12px;padding:12px;display:flex}.po-summary strong{font-size:12px}.po-summary span{color:#9eb0c5;font-size:11px}.po-summary small{color:#647c98;font-size:9px}.receipt-lines{margin:12px 0}.receipt-line{border-bottom:1px solid #15283d;grid-template-columns:50px 1fr 130px 130px;align-items:center;gap:8px;padding:9px;font-size:10px;display:grid}.receipt-line.header{color:#7188a1;text-transform:uppercase;background:#091421;font-size:8px}.receipt-line input{padding:8px}.form-grid.compact{margin:14px 0}.form-grid.compact input{padding:9px}.notification-list{padding:8px}.notification-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #14263a;gap:12px;padding:15px 10px;display:flex}.notification-card:hover{background:#0f2033}.notification-card.unread{background:#10264266}.notification-card>div{flex:1}.notification-card-head{justify-content:space-between;gap:12px;display:flex}.notification-card-head strong{font-size:11px}.notification-card-head span{color:#677f9a;font-size:9px}.notification-card p{color:#9fb0c4;margin:5px 0;font-size:10px}.notification-card small{color:#617995;text-transform:uppercase;font-size:8px}.dot.warning{background:var(--amber)}.dot.error,.dot.critical{background:var(--red)}.dot.success{background:var(--green)}.upload-panel{align-items:center;gap:14px;margin-bottom:14px;display:flex}.upload-panel input[type=file]{max-width:320px}.upload-panel>div{flex-direction:column;flex:1;gap:3px;display:flex}.upload-panel strong{font-size:11px}.upload-panel span{color:var(--muted);font-size:9px}.table-action{color:#6bbaff;cursor:pointer;background:#102946;border:1px solid #2b4f79;border-radius:7px;padding:6px 9px;font-size:9px}.profile-grid{grid-template-columns:320px 1fr;gap:14px;display:grid}.profile-card{text-align:center}.large-avatar{background:linear-gradient(135deg,#2d7df6,#55c2ff);border-radius:50%;place-items:center;width:84px;height:84px;margin:10px auto 14px;font-size:32px;font-weight:800;display:grid}.profile-card h2{margin:0 0 5px}.profile-card p{color:var(--muted);font-size:10px}.role-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:15px;display:flex}.role-pill{color:#6ebaff;text-transform:uppercase;background:#123766;border-radius:30px;padding:5px 9px;font-size:8px}.permission-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding-top:12px;display:grid}.permission-grid span{color:#9db0c5;background:#0a1726;border:1px solid #1a324e;border-radius:7px;padding:9px;font-size:9px}.mobile-nav{display:none}@media (width<=1250px){.kpi-grid-6{grid-template-columns:repeat(3,1fr)}.quick-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.kpi-grid-6{grid-template-columns:1fr 1fr}.deliveries-grid,.profile-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.toolbar-count{margin-left:0}.line-row{grid-template-columns:28px 1fr 80px}.line-row input:nth-of-type(3){grid-column:2/4}.receipt-line{grid-template-columns:38px 1fr 95px}.receipt-line>:last-child{grid-column:2/4}.upload-panel{flex-direction:column;align-items:stretch}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#081321ee;border-top:1px solid #1d3048;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#7188a1;flex-direction:column;align-items:center;gap:2px;font-size:15px;display:flex}.mobile-nav a span{font-size:8px}.mobile-nav a.router-link-active{color:#58adff}}.muted-small{color:var(--muted);font-size:8px}.tabs{gap:8px;margin:0 0 18px;display:flex}.tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:10px;padding:10px 14px}.tabs button.active{color:var(--text);border-color:var(--accent);background:var(--panel-2)}.receipt-line.five{grid-template-columns:55px minmax(160px,1.5fr) 110px minmax(220px,1.3fr) minmax(130px,1fr)}.qty-triplet{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.qty-triplet input{min-width:0}@media (width<=900px){.receipt-line.five{grid-template-columns:1fr}.receipt-line.five.header{display:none}.qty-triplet{grid-template-columns:1fr 1fr 1fr}}.nav-count{color:#fff;background:#2f80ed;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:11px;display:inline-flex}.live-state{color:var(--muted,#8fa3bd);align-items:center;gap:7px;margin-right:14px;font-size:12px;display:flex}.live-dot{background:#7b8794;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #7b87941f}.live-dot.on{background:#27c281;box-shadow:0 0 0 3px #27c28124}.notification-actions{align-items:center;gap:10px;display:flex}.live-pill{border:1px solid #8ca0b92e;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:inline-flex}.live-pill i{background:#7b8794;border-radius:50%;width:7px;height:7px}.live-pill i.on{background:#27c281}:root{--bg:#081727;--panel:#0d2137;--panel2:#112a46;--line:#254c72;--text:#eef7ff;--muted:#93acd0;--blue:#2f8fff;--cyan:#54c7ff;--green:#37d49a}body{background:radial-gradient(circle at 76% -8%,#2770c63d,#0000 35%),linear-gradient(#0a1b2e 0%,#081727 100%)}.sidebar{background:linear-gradient(#0a1c30 0%,#08182a 100%);border-right-color:#204260;padding:18px 14px}.brand{border-bottom-color:#204260;flex-direction:column;align-items:flex-start;gap:9px;padding:4px 5px 18px;display:flex}.brand img{object-fit:contain;object-position:left center;background:#fff;border-radius:10px;width:158px;height:68px;padding:4px 7px}.brand-copy strong{letter-spacing:.09em;color:#fff;font-size:16px}.brand-copy span{color:#8fb0d3;margin-top:4px;font-size:10px;line-height:1.45}.sidebar nav{gap:7px;margin-top:18px}.nav-item{color:#b1c8e2;border:1px solid #0000;border-radius:11px;gap:11px;min-height:45px;padding:9px 11px;font-size:13px;transition:all .16s}.nav-item:hover{color:#fff;background:#112b48;border-color:#244c74;transform:translate(1px)}.nav-item.router-link-active{color:#fff;background:linear-gradient(90deg,#184b83,#1d5c9d);border-color:#3278b8;box-shadow:0 8px 22px #09437e38}.nav-icon{background:color-mix(in srgb,var(--nav-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--nav-accent) 34%,transparent);width:28px;height:28px;color:var(--nav-accent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--nav-accent) 8%,transparent);border-radius:8px;flex:none;place-items:center;display:grid}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.nav-item.router-link-active .nav-icon{color:#dff4ff;background:#ffffff1a;border-color:#ffffff29}.logout{color:#c3d8ec;background:#0c2138;border-color:#295074}.logout:hover{background:#133455;border-color:#3d79ab}.logout-icon{color:#57bfff;margin-right:7px}.topbar{background:#0a1c30f0;border-bottom-color:#244969;box-shadow:0 8px 25px #010c182e}.project-selector{z-index:25;min-width:330px;position:relative}.project-selector>span{color:#9bb4ce;margin-left:2px;font-size:10px}.project-picker{color:#f4faff;cursor:pointer;background:linear-gradient(#102e4d,#0d263f);border:1px solid #347fbd;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:42px;padding:0 12px;display:flex;box-shadow:0 0 0 1px #1f70b714,inset 0 1px #ffffff09}.project-picker:hover{background:#123657;border-color:#50a8ec}.project-picker:disabled{opacity:.55;cursor:not-allowed}.project-picker-text{white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:12px;overflow:hidden;color:#edf7ff!important}.project-picker svg{fill:none;stroke:#80caff;stroke-width:2px;flex:none;width:18px;height:18px}.project-menu{z-index:100;background:#0d2540;border:1px solid #347bb4;border-radius:11px;max-height:320px;padding:7px;position:absolute;top:58px;left:0;right:0;overflow:auto;box-shadow:0 20px 45px #0008128c}.project-menu-head{letter-spacing:.12em;text-transform:uppercase;color:#7395b7;padding:7px 9px 6px;font-size:9px}.project-option{text-align:left;color:#dcecff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px 1fr 22px;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.project-option:hover,.project-option.active{background:#153d66;border-color:#2c6da5}.project-option strong{font-size:11px;display:block}.project-option small{color:#8caccc;margin-top:2px;font-size:9px;display:block}.project-folder{color:#62c5ff;background:#12395f;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.project-folder svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:16px;height:16px}.project-check{color:#55e2b0;text-align:center;font-weight:700}.card,.kpi,.quick-action,.table-wrap,.panel,.form-card{background:linear-gradient(#0f2742,#0c2138)!important;border-color:#285277!important}.primary{background:linear-gradient(135deg,#2d88ed,#35a2ff)}@media (width<=1000px){.brand img{width:56px;height:48px}.brand-copy{display:none}.nav-icon{width:31px;height:31px}.nav-item{justify-content:center;padding:8px}.nav-item span:not(.nav-icon){display:none}}@media (width<=680px){.project-selector{min-width:0}.project-menu{max-height:52vh;position:fixed;top:68px;left:14px;right:14px}.project-picker{height:38px}.mobile-brand img{background:#fff}}.line-entry{border-bottom:1px solid #14283f;margin-bottom:12px;padding-bottom:12px}.line-entry:last-child{border-bottom:0}.line-link-row{grid-template-columns:34px 1fr;align-items:center;gap:8px;margin-top:7px;display:grid}.line-link-row input{min-width:0}.line-link-icon{color:#5fb4ff;place-items:center;width:28px;height:28px;font-size:14px;display:grid}@media (width<=780px){.line-link-row{grid-template-columns:28px 1fr}}