:root{--bg:#071018;--panel:#0c1822;--panel2:#101f2b;--line:#1c3341;--text:#edf6f7;--muted:#78909d;--cyan:#35d8e7;--green:#58e6a9;--amber:#ffbe55;--red:#ff6b76;--blue:#6e99ff;--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(53,216,231,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(53,216,231,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:rgba(5,14,21,.96);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:4px 8px 24px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cyan);border-radius:11px;background:linear-gradient(135deg,#183746,#09202b);color:var(--cyan);font-weight:900;box-shadow:0 0 24px #35d8e733}.brand strong{font-size:18px;letter-spacing:.18em}.brand small,.user-card small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav-link{padding:11px 12px;border:1px solid transparent;border-radius:10px;color:#98aab3;text-decoration:none;font-size:13px;font-weight:650;display:flex;gap:12px;align-items:center}.nav-link span{width:20px;color:#55717f;text-align:center}.nav-link:hover{background:#0e202b;color:white}.nav-link.active{color:var(--cyan);border-color:#1b4652;background:#0c2832}.nav-link.active span{color:var(--cyan)}.user-card{margin-top:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#18313e;color:var(--cyan);font-size:11px;font-weight:800}.user-card strong{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.user-card a{color:var(--muted);text-decoration:none}.main{min-width:0}.topbar{min-height:118px;padding:26px 34px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#08131bcc}.eyebrow{font-size:9px;color:var(--cyan);letter-spacing:.22em;font-weight:800;margin:0 0 7px}.topbar h1{margin:0;font-size:25px;letter-spacing:-.03em}.subtitle{margin:6px 0 0;color:var(--muted);font-size:12px}.system-state{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:10px;color:var(--muted);letter-spacing:.08em}.system-state i{width:7px;height:7px;background:var(--green);box-shadow:0 0 10px var(--green);border-radius:50%}.system-state b{grid-column:2;font-size:12px;color:#cad8dc;margin-top:3px}.content{padding:26px 34px;max-width:1700px}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.metric,.panel{position:relative;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius)}.metric{padding:19px;overflow:hidden}.metric:after{content:"";position:absolute;width:70px;height:70px;border:1px solid currentColor;border-radius:50%;right:-30px;top:-28px;opacity:.15}.metric p{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.metric strong{display:block;font-size:29px;margin:10px 0 5px}.metric small{color:var(--muted);font-size:10px}.metric.cyan strong{color:var(--cyan)}.metric.green strong{color:var(--green)}.metric.amber strong{color:var(--amber)}.metric.red strong{color:var(--red)}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr)}.panel{overflow:hidden;margin-bottom:16px}.panel-head{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0}.panel-body{padding:18px}.panel-note{color:var(--muted);font-size:10px}table{border-collapse:collapse;width:100%;font-size:12px}th{padding:11px 14px;text-align:left;color:#6f8793;font-size:9px;letter-spacing:.11em;text-transform:uppercase;background:#09151e}td{padding:13px 14px;border-top:1px solid #182e3b;vertical-align:middle}tbody tr:hover{background:#10232e}td strong{display:block;font-size:12px}td small{color:var(--muted);font-size:10px}.number{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #28404c;border-radius:99px;color:#a9bbc3;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.s-in_progress,.s-running,.s-approved,.s-available,.s-completed,.s-received{color:var(--green);border-color:#1b5843}.s-quality,.s-quarantine,.s-planned,.s-draft,.s-pending,.s-requested{color:var(--amber);border-color:#604a26}.s-rejected,.s-down,.s-critical,.s-cancelled,.s-on_hold{color:var(--red);border-color:#612c35}.s-released,.s-sent,.s-partial{color:var(--cyan);border-color:#1a5660}.progress{height:6px;width:120px;background:#1a303b;border-radius:6px;overflow:hidden;margin-top:6px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:6px}.btn,button{appearance:none;border:1px solid #28505c;background:#102b35;color:var(--cyan);border-radius:9px;padding:9px 13px;font:700 10px inherit;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover,button:hover{filter:brightness(1.25)}.btn.primary,button.primary{background:var(--cyan);color:#042029;border-color:var(--cyan)}.btn.danger,button.danger{color:var(--red);border-color:#60313a;background:#25141a}.actions{display:flex;gap:7px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field.full{grid-column:1/-1}.field label{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-weight:750}input,select,textarea{width:100%;border:1px solid #29404c;border-radius:9px;padding:10px 11px;color:white;background:#07131b;outline:none;font:12px inherit}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #35d8e714}textarea{min-height:75px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:6px}.flash{margin:18px 34px 0;padding:12px 16px;border-radius:10px;font-size:12px}.flash.success{background:#11372a;border:1px solid #276b52;color:var(--green)}.flash.error{background:#321820;border:1px solid #743441;color:#ff9199}.empty{text-align:center;padding:45px;color:var(--muted)}.empty span{font-size:30px;color:#284654}.empty p{font-size:12px}dialog{width:min(660px,92vw);max-height:90vh;overflow:auto;border:1px solid #31505e;border-radius:16px;background:#0b1821;color:white;padding:25px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020609cc;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#718893;font-size:22px;padding:3px}.modal-title{margin:0 0 20px;font-size:18px}.chart-bars{display:flex;height:180px;align-items:flex-end;gap:10px;padding-top:20px}.chart-bars div{flex:1;background:linear-gradient(180deg,var(--cyan),#145063);min-height:3px;border-radius:5px 5px 0 0;position:relative}.chart-bars div span{position:absolute;top:-18px;font-size:8px;color:var(--muted);width:100%;text-align:center}.alert-list{display:flex;flex-direction:column;gap:9px}.alert-row{display:grid;grid-template-columns:9px 1fr auto;gap:10px;padding:11px;background:#0b1922;border:1px solid #1c3341;border-radius:9px;align-items:center}.alert-row>i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.alert-row strong{font-size:11px}.alert-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}footer{text-align:center;color:#3f5965;font-size:8px;letter-spacing:.15em;padding:25px}code{color:var(--cyan)}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.shell{grid-template-columns:74px 1fr}.sidebar{padding:20px 10px}.brand>span:last-child,.nav-link:not(.active){font-size:0}.brand{padding-left:5px}.nav-link{justify-content:center;font-size:0}.nav-link.active{font-size:0}.nav-link span{font-size:17px}.user-card>div:not(.avatar),.user-card>a{display:none}.user-card{display:block}.content,.topbar{padding-left:22px;padding-right:22px}}@media(max-width:650px){.shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;height:62px;width:100%;padding:8px;display:block;border-right:0;border-top:1px solid var(--line);z-index:9}.brand,.user-card{display:none}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:4px}.nav-link,.nav-link.active{min-width:48px;padding:10px;font-size:0}.main{padding-bottom:64px}.topbar{min-height:100px}.system-state{display:none}.content{padding:18px 14px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:22px}.form-grid{grid-template-columns:1fr}.field.full,.form-actions{grid-column:1}.table-wrap{overflow-x:auto}.flash{margin:12px 14px 0}.topbar{padding:20px 16px}}