:root{--ink:#e9ebe4;--muted:#929b92;--line:#dde3d81f;--panel:#161b19;--panel-soft:#1c221f;--night:#0d1210;--amber:#e6a225;--green:#73d18c;--red:#e67a55}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{color:var(--ink);background:var(--night);margin:0;font-family:Aptos,Trebuchet MS,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}.dashboard-shell{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), radial-gradient(circle at 50% 0%, #1b231f 0, var(--night) 48%);background-size:52px 52px,52px 52px,auto;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0d1210e6;grid-template-columns:250px minmax(280px,520px) 1fr;align-items:center;gap:28px;height:72px;padding:0 clamp(22px,3vw,52px);display:grid;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{align-items:flex-end;gap:3px;width:31px;height:31px;display:flex;transform:skewY(-18deg)}.brand-mark span{background:var(--amber);width:8px;display:block}.brand-mark span:first-child{height:18px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:22px}.brand-name{letter-spacing:.08em;font-family:Impact,Haettenschweiler,sans-serif;font-size:20px}.brand-name em{color:var(--amber);vertical-align:top;margin-left:3px;font-size:12px;font-style:normal}.search-box{border:1px solid var(--line);height:40px;color:var(--muted);background:#171d1a;align-items:center;gap:10px;padding:0 12px;transition:border-color .2s,background .2s;display:flex}.search-box:focus-within{background:#1a211e;border-color:#e6a225a6}.search-box input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box input::placeholder{color:#707971}.search-box kbd{border:1px solid var(--line);color:#828a83;border-radius:3px;padding:2px 6px;font-size:10px}.topbar-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.warehouse-select{padding-right:22px;display:grid;position:relative}.warehouse-select span{color:#747d75;letter-spacing:.16em;font-size:8px}.warehouse-select select{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:3px 0;font-size:12px}.warehouse-select svg{position:absolute;top:14px;right:0}.live-pill{color:#a5e3b3;letter-spacing:.13em;background:#73d18c0f;border:1px solid #73d18c40;padding:7px 10px;font-size:9px;font-weight:700}.live-pill span{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:6px;animation:1.7s infinite pulse;display:inline-block}.avatar{background:var(--amber);color:#1b180f;cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:11px;font-weight:800}.content{width:min(1520px,100% - clamp(32px,6vw,96px));margin:0 auto;padding:38px 0 64px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;animation:.55s ease-out both rise;display:flex}.eyebrow{color:var(--amber);letter-spacing:.2em;margin:0 0 6px;font-size:9px;font-weight:800}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{letter-spacing:-.04em;font-size:clamp(27px,3vw,41px)}.timestamp{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font-size:10px}.timestamp strong{color:var(--green)}.metrics-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:#181e1bdb;min-width:0;padding:16px 17px 14px;transition:transform .2s,border-color .2s;animation:.55s ease-out both rise;position:relative;overflow:hidden}.metric-card:nth-child(2){animation-delay:40ms}.metric-card:nth-child(3){animation-delay:80ms}.metric-card:nth-child(4){animation-delay:.12s}.metric-card:nth-child(5){animation-delay:.16s}.metric-card:nth-child(6){animation-delay:.2s}.metric-card:hover{border-color:#e6a2254d;transform:translateY(-2px)}.metric-card:before{content:"";background:var(--amber);width:3px;height:0;transition:height .25s;position:absolute;bottom:0;left:0}.metric-card:hover:before{height:100%}.metric-top{color:#879087;text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;min-height:20px;font-size:9px;display:flex}.metric-top svg{color:#68716a}.metric-value{align-items:baseline;gap:7px;margin-top:5px;display:flex}.metric-value strong{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(23px,2vw,32px);font-weight:400}.metric-value span{color:#79827b;text-transform:uppercase;font-size:9px}.metric-card p{color:#89928a;margin:5px 0 0;font-size:9px}.metric-card p.positive{color:var(--green)}.metric-card.warning:after{content:"";background:var(--red);height:2px;position:absolute;inset:0 0 auto}.twin-panel{border:1px solid var(--line);background:var(--panel);animation:.65s ease-out .16s both rise}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:13px 21px;display:flex}.panel-header h2{font-size:21px}.panel-header h2 small{color:var(--amber);letter-spacing:.13em;margin-left:8px;font:700 8px Trebuchet MS,sans-serif}.coordinate{color:#707971;letter-spacing:.13em;margin-bottom:4px;font-size:8px;display:block}.legend{color:#929b93;text-transform:uppercase;letter-spacing:.05em;gap:20px;font-size:9px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend .moving{background:var(--amber)}.legend .idle{background:#c8c8bc}.legend .dock{background:var(--green)}.scene-frame{background:#abb0a8;height:clamp(440px,56vw,690px);min-height:440px;position:relative}.scene-root{width:100%;height:100%;position:relative}.scene-loading{text-align:center;color:#313832;letter-spacing:.14em;text-transform:uppercase;background:#abb0a8;place-content:center;gap:10px;height:100%;font-size:10px;display:grid}.scene-loading span{border:2px solid #31383233;border-top-color:#303631;border-radius:50%;width:26px;height:26px;margin:auto;animation:.8s linear infinite spin}.scene-toolbar{gap:7px;display:grid;position:absolute;top:18px;right:18px}.scene-toolbar button{color:#28302b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ebebe0d1;border:1px solid #141b172e;place-content:center;width:36px;height:36px;transition:background .2s,transform .2s;display:grid}.scene-toolbar button:hover{background:#f1ad2b;transform:translate(-2px)}.orientation{color:#313832;font:700 10px Georgia,serif;position:absolute;top:20px;left:20px}.orientation i{background:linear-gradient(#313832,#0000);width:1px;height:28px;margin:4px auto 0;display:block}.dock-labels{pointer-events:none;justify-content:space-around;width:53%;display:flex;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.dock-labels span{color:#191f1bb3;background:#ebebe0bf;border:1px solid #191f1b21;padding:3px 6px;font:700 8px Trebuchet MS,sans-serif}.scene-footer{color:#687169;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:33px;padding:0 14px;font-size:8px;display:flex}.asset-panel{width:min(280px,100% - 36px);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#161b19eb;border:1px solid #dde3d829;padding:17px;position:absolute;bottom:18px;right:18px;box-shadow:0 18px 50px #0000003d}.asset-panel.empty{color:#b7beb7}.asset-kind{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.asset-panel h3{letter-spacing:-.03em;margin:0;font:400 24px Georgia,Times New Roman,serif}.asset-panel p{color:#8b948c;margin:9px 0 0;font-size:11px;line-height:1.45}.asset-status{color:#a5e3b3;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:10px;display:inline-flex}.asset-panel dl{gap:9px;margin:15px 0 0;display:grid}.asset-panel dl div{border-top:1px solid #dde3d814;justify-content:space-between;gap:12px;padding-top:9px;display:flex}.asset-panel dt{color:#737c74;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.asset-panel dd{color:#e8ebe4;text-align:right;margin:0;font-size:11px}.asset-close{color:#aeb6ae;cursor:pointer;background:0 0;border:1px solid #dde3d81f;place-content:center;width:26px;height:26px;font-size:18px;line-height:1;display:grid;position:absolute;top:8px;right:9px}.asset-close:hover{color:var(--amber);border-color:#e6a22573}.shipments-section{margin-top:48px}.shipments-title{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.shipments-title h2{font-size:26px}.shipments-title button{color:#aab2aa;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;font-size:10px}.shipments-title button span{color:var(--amber);margin-left:5px}.shipments-table{border:1px solid var(--line);background:#161b19d4}.table-head,.shipment-row{grid-template-columns:2.1fr .55fr 1.3fr .6fr .75fr;align-items:center;gap:18px;padding:0 22px;display:grid}.table-head{color:#687169;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);height:37px;font-size:8px}.shipment-row{border-bottom:1px solid #dde3d812;min-height:66px;font-size:11px}.shipment-row:last-child{border:0}.shipment-row>div:first-child{gap:4px;display:grid}.shipment-row strong{letter-spacing:.03em;font-size:11px}.shipment-row small{color:#778078;font-size:9px}.dock-tag{color:var(--amber);font-weight:800}.progress-cell{align-items:center;gap:10px;display:flex}.progress-cell>div{background:#303733;flex:1;height:3px}.progress-cell i{background:var(--amber);height:100%;display:block}.progress-cell strong{width:30px;font-size:9px}.status-tag{color:#b9c0b9;border-left:2px solid var(--amber);padding-left:9px;font-size:9px}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 2px var(--green)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1120px){.topbar{grid-template-columns:210px 1fr auto}.warehouse-select{display:none}.metrics-grid{grid-template-columns:repeat(3,1fr)}.scene-frame{height:570px}}@media (max-width:720px){.topbar{grid-template-columns:1fr auto;gap:10px;height:auto;min-height:68px;padding:12px 18px}.search-box{grid-area:2/1/auto/-1}.topbar-actions{gap:8px}.live-pill{font-size:0}.live-pill span{margin:0}.content{width:calc(100% - 24px);padding-top:24px}.timestamp{display:none}.metrics-grid{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.metric-card{scroll-snap-align:start;min-width:162px}.panel-header{align-items:flex-start}.legend{gap:5px;display:grid}.scene-frame{height:58vh;min-height:520px}.asset-panel{bottom:12px;right:12px}.scene-footer span:last-child{display:none}.shipments-section{margin-top:34px}.table-head{display:none}.shipment-row{grid-template-columns:1.4fr .35fr 1fr;gap:10px;padding:14px}.shipment-row>span:nth-child(4),.shipment-row>span:nth-child(5){display:none}}