:root{--navy:#061827;--navy2:#0b2235;--yellow:#ffd21c;--white:#f8f8f4;--muted:#9aa9b7;--line:#24394a;--safe-bottom:env(safe-area-inset-bottom)}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}
.login-shell{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;background:radial-gradient(circle at 50% 20%,#15334a,var(--navy) 48%)}
.official-logo{display:block;object-fit:contain}.login-logo{width:min(78vw,330px);max-height:210px}.brand-sub{margin-top:16px}.brand-sub,.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:var(--yellow)}
.panel{background:#10283b;border:1px solid var(--line);padding:20px}.login-panel{width:min(100%,390px);margin-top:42px}label{display:grid;gap:7px;color:#bdc8d1;font-size:13px;margin-bottom:16px}input,select{width:100%;border:1px solid #355064;background:#071b2a;color:white;padding:14px;border-radius:0;outline:none}input:focus,select:focus{border-color:var(--yellow)}
.primary{width:100%;padding:16px;border:0;background:var(--yellow);color:#071523;font-weight:800}.error{color:#ff8a8a;font-size:13px;min-height:18px}
.topbar{height:72px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;box-sizing:content-box;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(6,24,39,.96);z-index:5}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-brand img{width:110px;height:64px}.topbar small{color:var(--yellow);letter-spacing:2px}.icon-button,.square-button{background:transparent;color:white;border:1px solid #466074;width:44px;height:44px;font-size:25px}
.content{padding:30px 20px calc(104px + var(--safe-bottom));max-width:760px;margin:auto}.content h1{font-size:clamp(38px,10vw,64px);font-weight:400;letter-spacing:-2.5px;line-height:1.02;margin:10px 0 28px}.content h1 span{color:var(--yellow)}h2{font-size:21px;margin-top:34px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.stats article{padding:18px 10px;display:grid;text-align:center;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats b{font-size:28px;color:var(--yellow)}.stats span{font-size:11px;color:var(--muted);margin-top:4px}
.scan-hero{width:100%;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;text-align:left;border:0;background:var(--yellow);color:#071523;padding:22px 16px}.scan-hero b{display:block;font-size:18px}.scan-hero small{display:block;margin-top:5px}.scan-corners{font-size:30px}
.list,.product-list{display:grid;gap:10px}.list-card{background:var(--navy2);border:1px solid var(--line);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-card strong{display:block}.list-card small{display:block;color:var(--muted);margin-top:5px}.badge{font-size:11px;color:var(--yellow);border:1px solid #6c6426;padding:5px 7px}
.asset-card{width:100%;color:var(--white);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.asset-card:active{transform:scale(.99)}.asset-card:hover,.asset-card:focus-visible{border-color:#5b7182;outline:none}.asset-card .badge{white-space:nowrap}.manual-picker-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:34px}.manual-picker-heading h2{margin:6px 0 12px}.manual-picker-heading>small{color:var(--muted);padding-bottom:13px;white-space:nowrap}
.location-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px;border:1px solid var(--line);color:var(--white);background:var(--navy2);text-align:left}.location-card span:first-child{display:grid;gap:4px}.location-card small{color:var(--muted)}.inventory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.inventory-summary{color:var(--muted);margin:-8px 0 16px}.product-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;border:1px solid var(--line);background:var(--navy2)}.product-photo{width:64px;height:64px;overflow:hidden;display:grid;place-items:center;background:#0d2638;color:var(--yellow);font-size:24px}.product-photo img{width:100%;height:100%;object-fit:cover}.product-copy{min-width:0;display:grid;gap:5px}.product-copy strong,.product-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy small{color:var(--muted)}.stock-pill{min-width:58px;padding:7px 9px;border-radius:999px;font-size:12px;font-weight:800;text-align:center}.stock-pill.in-stock{color:#8bf5c0;background:rgba(43,201,126,.13)}.stock-pill.out-stock{color:#ff9c9c;background:rgba(255,92,92,.12)}
.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#071b2a;border-top:1px solid var(--line);padding:8px 6px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:transparent;color:#8495a3;font-size:10px;padding:4px}.bottom-nav button span{display:block;font-size:24px;margin-bottom:3px}.bottom-nav button.active{color:var(--yellow)}
#reader{overflow:hidden;margin:18px 0;background:#020b12}#reader video{width:100%!important}.manual-code{text-align:center;color:var(--muted);margin-top:22px}.manual-code>div{display:flex;margin-top:10px}.manual-code button{background:#284156;color:white;border:0;padding:0 18px}.search{margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h1{margin-bottom:20px}
.sheet{position:fixed;z-index:30;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:flex-end}.sheet-card{background:#10283b;border-top:3px solid var(--yellow);padding:28px 20px calc(24px + var(--safe-bottom));width:100%;position:relative}.sheet-card h2{font-size:28px;margin:8px 0}.sheet-card>p{color:var(--muted)}.sheet-close{position:absolute;right:16px;top:12px;background:none;color:white;border:0;font-size:32px}.sheet-card label{margin-top:22px}
@media(min-width:800px){.content{padding-top:50px}.bottom-nav{left:50%;max-width:760px;transform:translateX(-50%);border-left:1px solid var(--line);border-right:1px solid var(--line)}.sheet-card{max-width:520px;margin:auto}}