:root{--ink:#eaf9ff;--muted:#8fabc2;--navy:#04152d;--navy2:#08264a;--cyan:#25e0e6;--blue:#2c9dff;--glass:rgba(9,41,76,.57);--line:rgba(151,223,255,.15);--danger:#ff9669;--shadow:0 18px 55px rgba(0,11,31,.32)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 0,#093d6b 0,transparent 31%),linear-gradient(135deg,#031126 0%,#062447 55%,#03152d 100%);color:var(--ink);font:14px Manrope,Arial,sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:999px;filter:blur(90px);opacity:.2;pointer-events:none}.ambient-one{width:330px;height:330px;background:#15e4ee;bottom:-170px;right:10%}.ambient-two{width:260px;height:260px;background:#176cdd;top:15%;left:15%}.shell{position:relative;display:flex;max-width:1600px;margin:auto;min-height:100vh}.glass{background:linear-gradient(135deg,rgba(20,67,108,.67),rgba(6,31,62,.54));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.sidebar{width:255px;padding:28px 18px;display:flex;position:sticky;top:0;height:100vh;flex-direction:column;border-radius:0 22px 22px 0;border-left:0}.brand{font-size:27px;font-weight:800;letter-spacing:-1.5px;margin:0 10px 32px}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:16px;color:#07325a;margin-right:8px}.workspace{border:1px solid var(--line);background:rgba(3,17,39,.25);border-radius:10px;padding:10px;display:flex;gap:8px;align-items:center;margin-bottom:28px;color:#d9f7ff;font-weight:600}.workspace button,.sidebar-footer button{border:0;background:none;color:var(--muted);font-size:18px;margin-left:auto}.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;background:transparent;border:0;border-radius:9px;padding:12px;color:#9cb9d0;text-align:left;font:600 13px Manrope;cursor:pointer}.nav-item span{font-size:17px;width:16px;text-align:center}.nav-item b{font:500 11px 'DM Mono';background:rgba(141,205,235,.12);border-radius:12px;padding:2px 7px;margin-left:auto;color:#c9eaff}.nav-item b.danger{background:rgba(255,137,94,.16);color:#ffa37d}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(29,203,224,.2),rgba(37,157,255,.05));color:#e8fdff}.nav-caption{font:600 10px 'DM Mono';letter-spacing:1.6px;color:#6287a5;margin:30px 11px 9px}.sidebar-footer{display:flex;gap:9px;align-items:center;margin-top:auto;padding:16px 6px 4px;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#31d8dc,#1a79d4);color:#052041;font-size:10px;font-weight:800}.sidebar-footer strong{display:block;font-size:11px}.sidebar-footer small{color:var(--muted);font-size:10px}.content{min-width:0;flex:1;padding:37px 46px 55px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{color:var(--cyan);font:500 10px 'DM Mono';letter-spacing:1.5px;margin:0 0 8px}.topbar h1{font-size:29px;line-height:1;margin:0;letter-spacing:-1.25px}.top-actions,.page-tools{display:flex;gap:10px;align-items:center}.icon-button,.secondary,.primary,.link-button,.text-button{border:0;cursor:pointer;font:700 12px Manrope}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;color:#c8effc;background:rgba(11,53,90,.4);font-size:20px;position:relative}.notification i{position:absolute;width:6px;height:6px;background:var(--danger);border-radius:50%;top:9px;right:9px}.primary{color:#04304b;background:linear-gradient(135deg,#2ce0df,#369eff);padding:12px 16px;border-radius:10px;box-shadow:0 8px 20px rgba(26,180,235,.2)}.secondary{color:#c8eefc;background:rgba(130,205,236,.07);border:1px solid var(--line);padding:10px 13px;border-radius:9px}.link-button,.text-button{color:var(--cyan);background:none}.mobile-menu{display:none}.notice{display:flex;gap:13px;align-items:center;border:1px solid rgba(255,163,112,.34);background:linear-gradient(90deg,rgba(135,72,41,.25),rgba(20,78,109,.22));padding:13px 16px;border-radius:12px;margin-bottom:22px}.notice-icon{display:grid;place-items:center;width:23px;height:23px;background:rgba(255,152,99,.2);border-radius:50%;color:#ffb08b;font-weight:800}.notice strong,.notice span{display:block}.notice strong{font-size:12px}.notice div span{color:#a8c0d0;font-size:11px;margin-top:2px}.notice button{margin-left:auto;background:none;border:0;color:#f7b28c;font:700 11px Manrope;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{padding:18px;border-radius:14px;min-height:132px}.metric-label{color:#94b7ce;font:500 10px 'DM Mono';letter-spacing:1px;display:flex;justify-content:space-between}.metric-label span{font-size:17px;color:#59dce9}.metric strong{display:block;font:700 30px Manrope;letter-spacing:-1px;margin-top:16px}.metric p{margin:5px 0 0;color:#92afc3;font-size:10px}.metric i{font-style:normal}.up{color:#32dfc1}.alert-dot,.warning-metric .metric-label span{color:#ffa075}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.panel{border-radius:14px;padding:20px}.panel-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.panel h2,.alert-heading h2{margin:0;letter-spacing:-.7px;font-size:17px}.movement-list{display:grid}.movement-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.movement-row:first-child{border-top:0}.move-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:9px;background:rgba(47,223,227,.12);color:var(--cyan)}.move-icon.out{color:#ffb080;background:rgba(255,154,106,.12)}.movement-row strong{font-size:11px}.movement-row small{display:block;color:#86a5ba;margin-top:2px;font-size:10px}.movement-row b{font:500 12px 'DM Mono';color:#6ceee0}.movement-row b.out{color:#ffb080}.ring-wrap{display:flex;align-items:center;gap:16px;margin:22px 0}.ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--cyan) 0 74%,rgba(147,200,227,.15) 74%);display:grid;place-items:center}.ring:before{content:'';position:absolute;width:72px;height:72px;border-radius:50%;background:#0a3158}.ring span{z-index:1;font:700 23px Manrope}.ring small{font-size:11px;color:#7eb7d3}.ring-wrap strong{font-size:13px}.ring-wrap p{color:#89a8bf;font-size:11px;line-height:1.5;margin:6px 0}.coverage-bars{display:grid;gap:11px}.coverage-bars div{display:grid;grid-template-columns:48px 1fr 20px;gap:9px;align-items:center;color:#9fb9cb;font-size:10px}.coverage-bars b{height:5px;border-radius:4px;overflow:hidden;background:rgba(151,223,255,.1)}.coverage-bars i{display:block;height:100%;background:#48e0d9;border-radius:4px}.coverage-bars i.cyan{background:#36aaf1}.coverage-bars i.orange{background:#f6a177}.coverage-bars em{font-style:normal;color:#d7f0fa}.products-panel{padding-bottom:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#7496ae;font:500 9px 'DM Mono';letter-spacing:.9px;padding:0 10px 12px}td{padding:12px 10px;border-top:1px solid var(--line);font-size:11px;color:#c7e5f1}td:first-child{font-weight:700;color:#ecfaff;max-width:280px;overflow:hidden;text-overflow:ellipsis}td:nth-child(2),td:nth-child(3),td:nth-child(4){color:#92b0c4;font:400 10px 'DM Mono'}.status{font:700 9px 'DM Mono';letter-spacing:.4px;border-radius:14px;padding:4px 8px;display:inline-block}.status.ok{color:#5ce4d8;background:rgba(47,224,211,.12)}.status.low{color:#ffd07e;background:rgba(255,192,86,.14)}.status.critical,.status.expired{color:#ffad83;background:rgba(255,136,92,.14)}.status.expiring{color:#8dc7ff;background:rgba(70,162,255,.14)}.row-action{background:none;color:#8fc9e6;border:0;font-size:18px;cursor:pointer}.page{display:none}.page.active{display:block}.page-tools{justify-content:flex-end;margin-bottom:15px}.search-field{display:flex;align-items:center;gap:8px;flex:1;border:1px solid var(--line);background:rgba(7,38,69,.55);border-radius:10px;padding:0 12px;color:#89b7d4;max-width:480px}.search-field input{width:100%;border:0;outline:0;background:none;color:#eaffff;font:12px Manrope;padding:12px 0}.search-field input::placeholder{color:#6d8fa8}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:15px}.filter{cursor:pointer;background:rgba(128,197,223,.07);color:#9ab9cc;border:1px solid var(--line);padding:8px 11px;border-radius:8px;font:600 11px Manrope}.filter.active{border-color:rgba(47,224,227,.5);color:#65ebe8;background:rgba(35,200,214,.11)}.filter b{font:500 9px 'DM Mono';margin-left:4px}.filter-row select{margin-left:auto;background:#0a3158;border:1px solid var(--line);border-radius:8px;padding:8px;color:#c7e4f4;font:11px Manrope}.inventory-panel{padding:20px 10px}.alert-heading{display:flex;justify-content:space-between;align-items:start;margin:5px 0 18px}.alert-heading p{color:#94b2c7;margin:7px 0}.alert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.alert-card{padding:18px;border-radius:14px}.alert-card header{display:flex;justify-content:space-between;align-items:start}.alert-card .alert-symbol{font-size:20px;color:#ffad83}.alert-card h3{font-size:13px;margin:16px 0 4px}.alert-card p{color:#8faec2;font-size:11px;line-height:1.6;margin:0}.alert-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:#b7d7e7;font:500 10px 'DM Mono'}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-card{min-height:230px}.report-card>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:rgba(41,222,225,.12);color:var(--cyan);font-size:20px}.report-card h2{margin-top:25px}.report-card p{line-height:1.6;color:#93b1c4;font-size:11px;height:42px}.report-card button{margin-top:16px}.empty-state{text-align:center;padding:70px 30px}.empty-state>span{font-size:32px;color:var(--cyan)}.empty-state p{color:#98b4c6}.modal-backdrop{position:fixed;inset:0;z-index:10;background:rgba(1,12,30,.75);display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);padding:27px;border-radius:18px;position:relative}.modal h2{margin:0 0 20px;font-size:22px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:none;color:#acd0e1;font-size:26px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.form-grid label{color:#9dbbd0;font:500 10px 'DM Mono';letter-spacing:.8px;display:grid;gap:6px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:rgba(2,22,47,.55);border-radius:8px;padding:10px;color:#effcff;outline:0;font:12px Manrope}.form-grid textarea{resize:vertical;min-height:65px}.form-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;z-index:12;right:25px;bottom:25px;transform:translateY(110px);opacity:0;transition:.25s;background:#143f61;border:1px solid rgba(62,235,226,.5);padding:12px 17px;border-radius:10px;color:#eafcff;font-weight:700;font-size:12px;box-shadow:var(--shadow)}.toast.show{transform:none;opacity:1}@media(max-width:1050px){.sidebar{width:210px}.content{padding:32px 26px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:740px){.shell{display:block}.sidebar{display:none;position:fixed;z-index:9;width:255px}.sidebar.open{display:flex}.content{padding:22px 15px}.mobile-menu{display:inline-block;background:none;border:0;color:#dffbff;font-size:22px;padding:0;margin-right:8px}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.top-actions .icon-button{display:none}.top-actions .primary{padding:10px;font-size:10px}.metrics,.alert-grid,.report-grid{grid-template-columns:1fr}.notice button{display:none}.page-tools{flex-wrap:wrap}.search-field{flex-basis:100%;max-width:none}.filter-row{overflow:auto;padding-bottom:3px}.filter-row select,.text-button{display:none}.alert-heading{gap:10px}.alert-heading .secondary{font-size:10px;padding:8px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}