:root{
  --bg:#02070b;--bg2:#06111a;--panel:rgba(7,19,28,.92);--panel2:#0a1722;--line:#1a3447;
  --text:#edf7ff;--muted:#8da6b7;--blue:#19a8ff;--blue2:#086fb5;--green:#58f22f;--green2:#1caf2f;
  --amber:#ffbf38;--red:#ff5d6c;--steel:#cbd7df;--shadow:0 18px 45px rgba(0,0,0,.38);--radius:16px;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(19,126,205,.13),transparent 30%),radial-gradient(circle at 10% 20%,rgba(60,231,42,.08),transparent 28%),linear-gradient(180deg,#02070b,#041018 45%,#02070b);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(80px);opacity:.25;border-radius:50%}.ambient-blue{width:28rem;height:28rem;background:#008cff;right:-12rem;top:8rem}.ambient-green{width:24rem;height:24rem;background:#38ff1c;left:-14rem;bottom:5rem}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,54px);border-bottom:1px solid rgba(64,151,204,.3);background:rgba(2,7,11,.86);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(25,168,255,.6);border-radius:12px;background:linear-gradient(145deg,rgba(25,168,255,.16),rgba(88,242,47,.08));box-shadow:inset 0 0 18px rgba(25,168,255,.09),0 0 16px rgba(25,168,255,.08)}.brand-mark svg{width:29px;height:29px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:22px;letter-spacing:.08em;color:#e8eef2}.brand-copy b{font-size:11px;letter-spacing:.22em;color:var(--blue);margin-top:2px}.brand-copy small{font-size:8px;letter-spacing:.18em;color:var(--green);margin-top:4px}.main-nav{display:flex;align-items:center;gap:6px}.main-nav>a,.nav-link-button{font:inherit;font-size:14px;color:#c7d7e2;text-decoration:none;border:0;background:transparent;padding:9px 11px;border-radius:9px;cursor:pointer}.main-nav>a:hover,.nav-link-button:hover{color:white;background:rgba(25,168,255,.1)}.logout-form{margin:0}.nav-toggle{display:none;border:1px solid var(--line);background:#07131c;color:white;border-radius:10px;padding:8px 12px}.shell{width:min(1450px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.shell-login{width:100%;padding:0}.site-footer{border-top:1px solid rgba(64,151,204,.25);padding:22px clamp(16px,4vw,54px);color:#627f91;font-size:12px;display:flex;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 7px;color:var(--green);font-weight:800;font-size:11px;letter-spacing:.18em}.muted{color:var(--muted);margin:.35rem 0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.page-heading h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.panel{border:1px solid rgba(57,105,133,.48);background:linear-gradient(160deg,rgba(9,23,34,.94),rgba(4,13,20,.95));border-radius:var(--radius);box-shadow:var(--shadow)}.slim-panel{padding:12px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:10px;padding:9px 14px;border:1px solid transparent;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#031008;background:linear-gradient(135deg,#6aff3f,#3fd01f);border-color:#79ff58;box-shadow:0 0 20px rgba(88,242,47,.12)}.btn-secondary{color:#e8f5ff;background:rgba(25,168,255,.09);border-color:rgba(25,168,255,.48)}.btn-accent{color:#e8f8ff;background:rgba(25,168,255,.13);border-color:rgba(25,168,255,.55)}.btn-ghost{color:#cbd9e2;background:#0a1720;border-color:#263d4b}.btn-danger-outline{color:#ff98a2;background:transparent;border-color:rgba(255,93,108,.5)}.btn-small{min-height:32px;padding:6px 9px;font-size:12px}.btn-full{width:100%}.flash{padding:11px 14px;border-radius:10px;margin-bottom:18px;border:1px solid}.flash-success{background:rgba(88,242,47,.08);border-color:rgba(88,242,47,.4);color:#b9ffad}.flash-error{background:rgba(255,93,108,.1);border-color:rgba(255,93,108,.45);color:#ffc1c7}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card{padding:18px;border:1px solid rgba(57,105,133,.46);background:linear-gradient(145deg,rgba(9,24,35,.96),rgba(4,12,18,.96));border-radius:14px}.stat-card span{display:block;color:#8fa9ba;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.stat-card strong{display:block;font-size:30px;margin:5px 0;color:#f5fbff}.stat-card small{color:#647f90}.stat-warn{border-color:rgba(255,191,56,.4)}.stat-warn strong{color:#ffd273}.stat-danger{border-color:rgba(255,93,108,.4)}.stat-danger strong{color:#ff8a96}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-grid>.panel,.bac-panel{padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{margin:0;font-size:20px}.panel-heading a{font-size:13px;color:var(--blue);text-decoration:none}.alert-list,.movement-list{display:grid}.alert-row,.movement-row{display:flex;align-items:center;gap:11px;padding:12px 4px;border-top:1px solid rgba(67,104,126,.23);color:inherit;text-decoration:none}.alert-row:first-child,.movement-row:first-child{border-top:0}.alert-row>div,.movement-row>div:first-child{flex:1;min-width:0}.alert-row strong,.movement-row strong{display:block}.alert-row small,.movement-row small{display:block;color:var(--muted);font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.status-dot.danger{background:var(--red);color:var(--red)}.status-dot.warning{background:var(--amber);color:var(--amber)}.status-dot.neutral{background:#6b8291;color:#6b8291}.movement-qty{text-align:right;font-weight:800}.movement-qty.negative,.text-red{color:#ff808c}.movement-qty.positive,.text-green{color:#7cff5f}.movement-qty small{font-weight:400;white-space:nowrap}.empty-state{padding:24px;text-align:center;color:#6f8998}.bac-panel{margin-top:18px}.mini-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-stat-grid>div,.bac-strip>div{padding:12px;border-radius:12px;background:#06121a;border:1px solid #173243}.mini-stat-grid span,.bac-strip span{display:block;color:#7290a2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mini-stat-grid strong,.bac-strip strong{display:block;font-size:18px;color:#ecf7fc;margin-top:3px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:10px;flex:1}.search-box>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6f8da0}.search-box input{width:min(460px,100%);background:#030c12;border:1px solid #244254;border-radius:9px;color:white;padding:10px 12px;outline:none}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(25,168,255,.1)}.toolbar-meta{color:#7e99aa;font-size:13px}.bac-strip{display:flex;align-items:center;gap:10px;margin:0 0 14px}.bac-strip>div{min-width:130px}.bac-strip small{color:#718b9b}.table-panel{overflow:hidden}.responsive-table-wrap{overflow:auto}.inventory-table{width:100%;border-collapse:collapse;min-width:980px}.inventory-table th{position:sticky;top:0;z-index:1;background:#07131c;color:#7594a8;text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid #1a384a;white-space:nowrap}.inventory-table td{padding:11px 10px;border-bottom:1px solid rgba(44,78,98,.35);font-size:13px;vertical-align:middle}.inventory-table tbody tr:hover{background:rgba(25,168,255,.035)}.inventory-table tbody tr:last-child td{border-bottom:0}.item-name{min-width:160px;max-width:280px}.item-name strong{display:block;color:#f0f7fb}.item-name small{display:block;color:#678595;font-size:10px;line-height:1.3;margin-top:3px;max-width:250px}.actions-col{width:135px}.actions-cell{white-space:nowrap}.stock-pill,.coa,.action-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;border:1px solid}.stock-pill.ok{color:#a8ff97;border-color:rgba(88,242,47,.35);background:rgba(88,242,47,.08)}.stock-pill.low{color:#ffd477;border-color:rgba(255,191,56,.36);background:rgba(255,191,56,.08)}.stock-pill.out{color:#ff939d;border-color:rgba(255,93,108,.4);background:rgba(255,93,108,.08)}.stock-pill.unknown{color:#a7bcc9;border-color:#395462;background:#0d1c25}.coa.yes{color:#a8ff97;border-color:rgba(88,242,47,.35);background:rgba(88,242,47,.08)}.coa.no{color:#5d7686;border-color:transparent}.action-tag{color:#9bcce8;border-color:#28495c;background:#091822;text-transform:capitalize}.block-muted{display:block;color:#607c8c;font-size:11px}.history-table{min-width:1000px}.modal{padding:0;border:0;background:transparent;color:var(--text);width:min(680px,calc(100% - 24px));max-width:none}.modal::backdrop{background:rgba(0,5,8,.82);backdrop-filter:blur(6px)}.modal-card{background:linear-gradient(160deg,#0a1a25,#050d13);border:1px solid #2a5066;border-radius:18px;padding:20px;box-shadow:0 24px 70px #000}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.modal-heading h2{margin:0;font-size:24px}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid #284556;background:#07131b;color:#9fb7c5;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.stack-form label{display:grid;gap:6px;color:#98b1c0;font-size:12px;font-weight:700}.span-2{grid-column:1/-1}.form-grid input,.form-grid textarea,.stack-form input{width:100%;border:1px solid #29485a;background:#030b10;color:white;border-radius:9px;padding:10px 11px;font:inherit;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.stack-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(25,168,255,.1)}.check-label{display:flex!important;align-items:center;align-self:end;padding:10px 0}.check-label input{width:auto!important}.optional{color:#577383;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.split-actions{justify-content:space-between}.split-actions>div{display:flex;gap:9px}.action-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.action-choice input{position:absolute;opacity:0}.action-choice span{display:block;text-align:center;padding:9px;border:1px solid #29485b;border-radius:9px;background:#06121a;color:#92aebb;cursor:pointer;font-size:13px;font-weight:700}.action-choice input:checked+span{border-color:var(--green);color:#baffaa;background:rgba(88,242,47,.08)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(25,168,255,.12),transparent 28%)}.login-card{width:min(460px,100%);padding:28px}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:20px}.brand-mark-large{width:60px;height:60px}.brand-mark-large svg{width:44px;height:44px}.login-sbd{font-size:34px;font-weight:950;letter-spacing:.12em;line-height:.9;color:#eaf2f7;text-shadow:0 0 15px rgba(255,255,255,.12)}.login-synthetics{font-size:18px;font-weight:900;letter-spacing:.09em;color:var(--blue);margin-top:5px}.login-card h1{margin:0;font-size:30px}.stack-form{display:grid;gap:14px;margin-top:22px}.login-stripe{display:flex;align-items:center;gap:7px;margin-top:23px;color:#7892a1;font-size:9px;letter-spacing:.13em}.login-stripe span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--green))}.login-stripe span:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.login-stripe b:nth-of-type(1){color:var(--green)}.login-stripe b:nth-of-type(2){color:#e5edf2}.login-stripe b:nth-of-type(3){color:var(--blue)}
@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.site-header{padding:10px 14px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:12px;right:12px;top:66px;padding:8px;flex-direction:column;align-items:stretch;background:#06131c;border:1px solid #264657;border-radius:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-link-button{text-align:left;width:100%}.shell{width:min(100% - 20px,1450px);padding-top:22px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.toolbar{align-items:stretch;flex-direction:column}.search-box{display:block}.search-box span{display:block;margin-bottom:5px}.search-box input{width:100%;max-width:none}.bac-strip{align-items:stretch;flex-wrap:wrap}.bac-strip>div{flex:1}.bac-strip small{flex-basis:100%}.responsive-table-wrap{overflow:visible}.inventory-table{min-width:0;display:block}.inventory-table thead{display:none}.inventory-table tbody{display:grid;gap:10px;padding:10px}.inventory-table tr{display:grid;border:1px solid #1f3b4c;border-radius:12px;background:#06131c;padding:10px}.inventory-table td{display:flex;justify-content:space-between;gap:15px;padding:7px 3px;border:0;border-bottom:1px solid rgba(46,79,98,.25);text-align:right}.inventory-table td:last-child{border-bottom:0}.inventory-table td::before{content:attr(data-label);color:#68889a;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800;text-align:left}.inventory-table .item-name{text-align:right;min-width:0}.inventory-table .item-name small{max-width:180px}.actions-cell{justify-content:flex-end!important}.actions-cell::before{margin-right:auto}.history-table td{align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.check-label{align-self:auto}.action-choice{grid-template-columns:1fr}.split-actions{gap:12px;align-items:stretch;flex-direction:column-reverse}.split-actions>div{display:grid;grid-template-columns:1fr 1fr}.site-footer{flex-direction:column}.mini-stat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:430px){.brand-copy strong{font-size:19px}.brand-copy small{display:none}.stat-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:1fr}.login-card{padding:22px}.actions-cell{flex-wrap:wrap}}