:root{--bg: #eef2f7;--card: rgba(255, 255, 255, .97);--card-solid: #ffffff;--border: rgba(15, 23, 42, .07);--text: #0f172a;--muted: #56657a;--faint: #8494a9;--blue: #2563eb;--blue-soft: #eff4ff;--green: #16a34a;--green-soft: #ecfdf3;--amber: #d97706;--amber-soft: #fff7e6;--red: #dc2626;--red-soft: #fef1f1;--slate-soft: #f1f5f9;--radius: 8px;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 32px -8px rgba(15, 23, 42, .16);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-size:13.5px;color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}small{font-size:11px;color:var(--muted)}b{font-weight:600}.app,.scene{position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top top" "rail left center right";pointer-events:none}.hud__rail{grid-area:rail;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;padding:6px;margin:12px 0 12px 12px;width:fit-content;height:fit-content;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:auto}.hud__left,.hud__center,.hud__right,.hud__stack{pointer-events:none;min-height:0}.hud__left>*,.hud__center>*,.hud__right>*,.hud__stack>*{pointer-events:auto}.hud__left{grid-area:left;padding:12px 0 12px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hud__left .tracker{margin-top:auto}.hud__center{grid-area:center;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.hud__right{grid-area:right;padding:12px 12px 12px 0;display:flex;align-items:flex-start;gap:8px}.hud__stack{width:360px;height:100%;display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar__spacer{flex:1}.hud__top{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.pulse{display:flex;align-items:center;padding:4px}.pulse .kpi{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;height:46px;padding:0 14px 0 8px}.kpi__sub{font-size:11px;color:var(--muted);white-space:nowrap}.pulse .kpi{height:58px!important}.pulse .kpi+.kpi{border-left:1px solid rgba(15,23,42,.08);border-radius:0}.topbar{height:60px;padding:0 14px;background:#fffffff5;border-bottom:1px solid rgba(15,23,42,.09);box-shadow:0 1px #fffc,0 6px 20px #0f172a0f;pointer-events:auto!important}.topbar .brand,.topbar .site,.topbar .live,.topbar .iconbtn,.topbar .user{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar .brand{padding-left:2px}.topbar .search{background:var(--slate-soft);border:1px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar .search:focus-within{background:#fff;border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1f}.topbar__right>*+*{border-left:1px solid rgba(15,23,42,.08)!important;border-radius:0}.topbar__right{gap:0}.topbar__right>*{padding-left:10px;padding-right:10px}.topbar{grid-area:top;position:relative;z-index:20;height:64px;padding:0 20px;background:#fffffff5;border-bottom:1px solid var(--border);box-shadow:0 4px 24px #0f172a0f;display:flex;align-items:center;gap:16px;pointer-events:auto!important}.topbar>*{pointer-events:auto}.topbar__left,.topbar__right{display:flex;align-items:center;gap:8px;flex:none}.topbar__right{margin-left:auto}.site__body b,.site__body small,.user__body b,.user__body small,.brand span{white-space:nowrap}.brand{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 9px;font-weight:700;font-size:15px;letter-spacing:-.01em}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__text small{font-size:9.5px;font-weight:500;letter-spacing:.01em;color:var(--muted, #64748b);white-space:nowrap}.search{position:relative;display:flex;align-items:center;height:44px;width:clamp(200px,21vw,340px);padding:0 10px 0 34px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.search__icon{position:absolute;left:12px;color:var(--faint)}.search input{flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--text);min-width:0}.search input::placeholder{color:var(--faint)}.search kbd{font:500 10px Inter,sans-serif;color:var(--muted);background:var(--slate-soft);border:1px solid var(--border);border-radius:6px;padding:2px 6px}.search__results{position:absolute;top:50px;left:0;right:0;padding:6px;background:var(--card-solid);max-height:380px;overflow:auto}.search__item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label group" "sub group";width:100%;padding:8px 10px;border-radius:6px}.search__item:hover,.search__item.is-active{background:var(--blue-soft)}.search__item b{grid-area:label}.search__item small{grid-area:sub}.search__group{grid-area:group;align-self:center;font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.kpi{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 6px}.kpi__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.kpi__body{display:flex;flex-direction:column;gap:0;line-height:1.25}.kpi__label{font-size:11px;color:var(--muted)}.kpi__row{display:flex;align-items:center;gap:6px}.kpi__label,.kpi__row{white-space:nowrap}.kpi__value{font-size:16px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.spark{margin-left:auto}.site-wrap{position:relative}.site{position:relative;display:flex;align-items:center;gap:9px;height:44px;padding:0 12px 0 6px;cursor:pointer}.site__avatar,.user__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:700;font-size:11px}.user__avatar{border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ea580c)}.site__body,.user__body{display:flex;flex-direction:column;line-height:1.2}.site__chev{transition:transform .15s ease}.site__chev.is-open{transform:rotate(180deg)}.site__menu-head{padding:4px 10px 6px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.site__opt:disabled{cursor:not-allowed;opacity:.55}.site__opt:disabled:hover{background:none}.site__menu{position:absolute;top:50px;right:0;width:300px;padding:6px;background:var(--card-solid);cursor:default}.site__opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px}.site__opt>span:nth-child(2){display:flex;flex-direction:column}.site__opt:hover,.site__opt.is-active{background:var(--blue-soft)}.site__opt>span:nth-child(2) b{white-space:nowrap}.site__status{white-space:nowrap;margin-left:auto;font-size:11px;color:var(--muted)}.live{display:flex;align-items:center;gap:7px;height:44px;padding:0 12px;font-weight:600;color:var(--green)}.live__time{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.live__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.iconbtn{position:relative;display:grid;place-items:center;width:44px;height:44px}.iconbtn--ghost{width:28px;height:28px;border-radius:5px;color:var(--muted)}.iconbtn--ghost:hover{background:var(--slate-soft)}.badge{position:absolute;top:8px;right:8px;min-width:15px;height:15px;padding:0 4px;border-radius:5px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}.user{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 6px}.live--demo,.live--connecting,.live--waiting{color:var(--muted)}.live--demo .live__dot,.live--connecting .live__dot,.live--waiting .live__dot{background:var(--faint);animation:none}.live--stale{color:var(--amber)}.live--stale .live__dot{background:#f59e0b;animation:none}.live--error{color:var(--red)}.live--error .live__dot{background:#ef4444;animation:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg)}.loading__card{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(380px,calc(100vw - 32px));padding:28px 24px;text-align:center}.loading__card b{font-size:18px}.loading__card p{margin:0;color:var(--muted);line-height:1.5}.loading__spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--blue-soft);border-top-color:var(--blue);animation:spin .8s linear infinite}.loading__spinner.is-error{border-color:var(--red-soft);border-top-color:var(--red);animation:none}@keyframes spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}.chip--green{background:var(--green-soft);color:var(--green)}.chip--amber{background:var(--amber-soft);color:var(--amber)}.chip--red{background:var(--red-soft);color:var(--red)}.chip--blue{background:var(--blue-soft);color:var(--blue)}.chip--slate{background:var(--slate-soft);color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot--green{background:#22c55e}.dot--amber{background:#f59e0b}.dot--blue{background:#3b82f6}.dot--slate{background:#94a3b8}.dot--red{background:#ef4444}.panel{flex:0 1 auto;min-height:160px;display:flex;flex-direction:column;overflow:hidden;background:var(--card)}.panel>.tabs{flex:none}.ph{display:flex;align-items:center;gap:10px;padding:14px 14px 12px}.ph__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:var(--blue-soft);color:var(--blue);flex:none}.ph__body{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}.ph__body b{font-size:15px}.ph__body small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:2px;margin:0 14px;padding:3px;border-radius:6px;background:var(--slate-soft)}.tabs button{flex:1;padding:6px 8px;border-radius:5px;font-weight:500;color:var(--muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.tabs button.is-active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0f172a1a}.tabs--sm{margin:10px 10px 6px}.tabs--sm button{min-width:0;padding:6px 4px;gap:4px;font-size:12px;white-space:nowrap}.count{font-size:10px;padding:0 5px;border-radius:6px;background:#0f172a0f}.pbody{padding:12px 14px 14px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.15) transparent;display:flex;flex-direction:column;gap:14px}.activity{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:6px;background:var(--slate-soft)}.activity p{margin:0;font-weight:600}.details{display:flex;flex-direction:column;margin:0}.details>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(15,23,42,.06)}.details dt{color:var(--muted);font-size:12.5px;white-space:nowrap}.details dd{margin:0;font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis}.details dd span{font-weight:500;color:var(--muted)}.headline{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:16px;padding:14px;border-radius:6px;background:linear-gradient(135deg,var(--blue-soft),#f8fafc);border:1px solid rgba(37,99,235,.12)}.headline>div{display:flex;flex-direction:column;gap:4px}.headline b{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}.headline__cap{align-items:flex-end;text-align:right}.headline__sub{font-size:20px!important}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0}.facts>div{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid rgba(15,23,42,.06)}.facts dt{white-space:nowrap}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:0;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.facts dd span{font-size:11.5px;font-weight:500;color:var(--muted)}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:6px;background:#f1f5f9cc;min-width:0}.stat span{font-size:11px;color:var(--muted)}.stat b{font-size:15px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section{display:flex;flex-direction:column;gap:8px}.section__head{display:flex;align-items:center;justify-content:space-between;font-weight:600}.section__head span{display:inline-flex;align-items:center;gap:6px}.link{color:var(--blue);font-weight:500;font-size:12px}.row{display:flex;justify-content:space-between}.row--muted{color:var(--muted);font-size:11.5px}.muted{color:var(--muted);margin:0;font-size:12px}.meter{height:7px;border-radius:99px;background:#0f172a12;overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .4s ease}.meter--green span{background:#22c55e}.meter--amber span{background:#f59e0b}.meter--red span{background:#ef4444}.bars{display:flex;align-items:flex-end;gap:4px}.bars span{flex:1;border-radius:4px 4px 2px 2px;transition:height .4s ease}.inv{display:flex;flex-direction:column;gap:4px}.inv__row{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid rgba(15,23,42,.05)}.inv__row:last-child{border-bottom:0}.inv__row--btn{width:100%;text-align:left;border-radius:6px;cursor:pointer}.inv__row--btn:hover{background:var(--slate-soft)}.inv__row--btn .meter{margin-top:5px}.skuicon{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--slate-soft);color:#475569;flex:none}.inv__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.inv__main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv__end{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.num{font-variant-numeric:tabular-nums}.list{display:flex;flex-direction:column;gap:2px}.listrow{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:6px}.listrow:hover,.listrow--card{background:var(--slate-soft)}.listrow__main{flex:1;display:flex;flex-direction:column;min-width:0}.listrow__end{display:flex;flex-direction:column;align-items:flex-end}.route{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:8px;padding:10px 11px;border-radius:6px;background:var(--blue-soft)}.route div{display:flex;flex-direction:column;min-width:0}.route b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route__line{position:relative;height:2px;background:repeating-linear-gradient(90deg,#93b4f5 0 5px,transparent 5px 9px)}.route__line span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;transition:left .6s ease}.kv{display:flex;flex-direction:column;gap:7px}.kv div{display:flex;align-items:center;gap:8px;color:var(--muted)}.kv b{margin-left:auto;color:var(--text)}.vtl{display:flex;flex-direction:column}.vtl__item{position:relative;display:flex;gap:10px;padding:0 0 12px}.vtl__item:not(:last-child):after{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:#0f172a14}.vtl__item.is-done:after{background:var(--blue)}.vtl__item div{display:flex;flex-direction:column}.vtl__item b{font-weight:500;color:var(--muted)}.vtl__item.is-done b,.vtl__item.is-active b{color:var(--text)}.vtl__dot{width:12px;height:12px;border-radius:50%;margin-top:2px;border:2px solid #cbd5e1;background:#fff;flex:none}.vtl__item.is-done .vtl__dot{background:var(--blue);border-color:var(--blue)}.vtl__item.is-active .vtl__dot{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb26}.btnrow{display:flex;gap:8px}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:#fff;font-weight:500}.btn:hover{background:var(--slate-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn--primary:hover{background:#1d4ed8}.dockgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.dockcell{display:flex;flex-direction:column;align-items:center;padding:7px 2px;border-radius:6px;background:var(--green-soft)}.dockcell small{font-size:9px}.dockcell--loading,.dockcell--unloading{background:var(--amber-soft)}.dockcell--ready{background:var(--green-soft);box-shadow:inset 0 0 0 1px #16a34a40}.dockcell--reserved{background:var(--blue-soft)}.trow__head{padding:8px 6px 3px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.trow__group:first-child .trow__head{padding-top:2px}.rail{display:flex;flex-direction:column;gap:4px}.hud__rail .railbtn{position:relative;width:38px;height:38px;border-radius:9px;transition:background-color .15s,color .15s}.hud__rail .railbtn.is-active{background:var(--blue);color:#fff;box-shadow:0 2px 8px #2563eb4d}.hud__rail .railbtn:hover:not(.is-active){color:var(--blue)}.hud__rail .railbtn[data-tip]:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-4px,-50%);padding:5px 9px;border-radius:6px;background:#0f172a;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s}.hud__rail .railbtn[data-tip]:hover:after,.hud__rail .railbtn[data-tip]:focus-visible:after{opacity:1;transform:translateY(-50%)}.railbtn{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:#475569}.railbtn:hover{background:var(--slate-soft)}.railbtn.is-active{background:var(--blue-soft);color:var(--blue)}.mapctl{display:flex;flex-direction:column;gap:2px;padding:5px;align-self:center}.panel-wrap{position:relative;flex:0 1 auto;min-height:160px;display:flex;flex-direction:column;pointer-events:none}.panel-wrap>*{pointer-events:auto}.panel-wrap>.panel{flex:1 1 auto;min-height:0}.panel-wrap>.mapctl{position:absolute;right:calc(100% + 8px);top:0}.mapctl--horizontal{display:flex;flex-direction:row;align-items:center;gap:2px;padding:0;background:transparent;border:0;box-shadow:none}.mapctl--horizontal .railbtn{width:32px;height:32px}.rail__sep{height:1px;margin:4px 6px;background:var(--border)}.rail__sep-v{width:1px;height:18px;margin:0 4px;background:var(--border)}.tracker{width:500px;flex:none;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.tracker__head{display:flex;align-items:center;justify-content:space-between}.tracker__head div{display:flex;flex-direction:column}.tracker__head b{font-size:14px}.stepper{display:grid;grid-template-columns:repeat(5,1fr)}.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.step:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 15px);right:calc(-50% + 15px);height:2px;background:#0f172a14}.step.is-done:not(:last-child):after{background:var(--blue)}.step__dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--slate-soft);color:var(--faint);font-size:11px;font-weight:700}.step.is-done .step__dot{background:var(--blue);color:#fff}.step.is-active .step__dot{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue),0 0 0 4px #2563eb26}.step b{font-size:11px;font-weight:500;color:var(--muted)}.step.is-done b,.step.is-active b{color:var(--text)}.step small{font-size:10px}.tracker__truck{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:var(--slate-soft)}.tracker__truck:hover{background:var(--blue-soft)}.tracker__thumb{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:#fff;color:var(--blue)}.tracker__info{flex:1;display:flex;flex-direction:column}.tracker__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.simctl{display:flex;align-items:center;gap:2px;padding:4px}.speed{height:30px;min-width:34px;padding:0 8px;border-radius:5px;font-weight:600;font-size:12px;color:var(--muted);text-align:center}.speed:hover{background:var(--slate-soft)}.speed.is-active{background:var(--blue);color:#fff}.board{flex:none;padding-bottom:6px}.table{display:flex;flex-direction:column;padding:0 6px;max-height:216px;overflow:auto;scrollbar-width:thin}.trow{display:grid;grid-template-columns:34px 1fr auto 70px;align-items:center;gap:10px;padding:7px 8px;border-radius:6px}.trow:hover,.trow.is-active{background:var(--slate-soft)}.trow__dock{font-weight:700;color:var(--muted);font-size:12px}.trow__main{display:flex;flex-direction:column;font-weight:600;min-width:0}.trow__main small{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trow__bar{height:6px;border-radius:6px;background:#0f172a12;overflow:hidden}.trow__bar span{display:block;height:100%;background:#f59e0b;border-radius:inherit;transition:width .4s ease}.trow__eta{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.feed{width:300px;min-height:0;flex:0 1 auto;display:flex;flex-direction:column;padding:10px 6px 6px}.feed__head{display:flex;align-items:center;gap:8px;padding:0 6px 6px}.feed__head .iconbtn{margin-left:auto}.feed__list{display:flex;flex-direction:column;max-height:300px;min-height:0;overflow:auto;scrollbar-width:thin}.feed__item{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:start;padding:7px 8px;border-radius:6px;font-size:12px;line-height:1.35;animation:feedIn .35s ease}.feed__item:hover{background:var(--slate-soft)}.feed__item svg{margin-top:2px;color:var(--blue)}.feed__item--success svg{color:var(--green)}.feed__item--warn svg{color:var(--amber)}.feed__item--alert svg{color:var(--red)}.feed__item small{white-space:nowrap}@keyframes feedIn{0%{opacity:0;transform:translateY(-4px)}}.toasts{display:flex;align-items:center;flex-direction:column;gap:6px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;border-radius:6px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);font-size:12px;font-weight:500;animation:toastIn .3s ease,toastOut .4s ease 5s forwards}.toast--alert svg:first-child{color:var(--red)}.toast--warn svg:first-child{color:var(--amber)}.toast button{color:var(--faint);display:grid;place-items:center}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.tag{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;background:#fffffff2;border:1px solid var(--border);box-shadow:0 2px 8px #0f172a1f;font-size:11px;white-space:nowrap;-webkit-user-select:none;user-select:none}.tag__sub{color:var(--muted)}.tag--sm{padding:2px 6px;font-size:10px}.tag--active{background:var(--blue);color:#fff;border-color:var(--blue)}.tag--active .tag__sub{color:#fffc}.pin{display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.pin__head{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue);box-shadow:0 4px 10px #2563eb59;border:2px solid #fff;transition:transform .15s ease}.pin__icon{transform:rotate(45deg);color:#fff;font-size:13px;line-height:1}.pin--green .pin__head{background:#16a34a;box-shadow:0 4px 10px #16a34a59}.pin--red .pin__head{background:#dc2626;box-shadow:0 4px 10px #dc262659}.pin--amber .pin__head{background:#d97706}.pin__label{display:flex;flex-direction:column;align-items:center;padding:3px 8px;border-radius:5px;background:#fffffff2;box-shadow:0 2px 8px #0f172a1f;font-size:11px;white-space:nowrap;opacity:0;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease}.pin__label small{font-size:10px}.pin:hover .pin__label,.pin--active .pin__label{opacity:1;transform:none}.pin:hover .pin__head,.pin--active .pin__head{transform:rotate(-45deg) scale(1.12)}.auth{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--bg)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth__shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#eef2f7f0,#eef2f7c7 34%,#eef2f726 62%,#eef2f700 78%),linear-gradient(0deg,#eef2f78c,#eef2f700 30%)}.auth__layout{position:relative;min-height:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(400px,520px) auto;justify-content:center;align-items:center;gap:clamp(32px,6vw,80px);padding:40px clamp(24px,6vw,48px)}.hero{display:flex;flex-direction:column;gap:18px;max-width:520px}.hero__brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.01em}.hero h1{margin:8px 0 0;font-size:clamp(34px,4.4vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:700;color:var(--text)}.hero__accent{color:var(--blue)}.hero>p{margin:0;max-width:440px;font-size:16px;line-height:1.55;color:#475569}.hero__features{display:flex;flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none}.hero__features li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#334155}.hero__features svg{flex:none;padding:6px;width:28px;height:28px;border-radius:5px;background:var(--blue-soft);color:var(--blue)}.hero__live{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:28px;row-gap:8px;margin-top:10px;padding:14px 18px;width:fit-content}.hero__live-label{grid-column:1 / -1;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--green)}.hero__live div{display:flex;flex-direction:column}.hero__live b{font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.auth__card{display:flex;flex-direction:column;gap:12px;width:min(390px,100%);padding:26px;background:#ffffffdb;box-shadow:0 1px 2px #0f172a0d,0 24px 60px #0f172a29}.auth__head{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.auth__head b{font-size:20px;letter-spacing:-.02em}.auth__head small{font-size:13px}.pwchange{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.auth__forgot{align-self:flex-end;margin-top:-6px;font-size:12px}.auth__back{align-self:center;font-size:12.5px}.auth__ok{margin:0;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.5;color:#166534;background:var(--green-soft)}.auth__dev{margin:0;padding:8px 10px;border-radius:6px;font-size:11.5px;line-height:1.5;color:#1e3a8a;background:var(--blue-soft)}.auth__dev--live{color:#92400e;background:var(--amber-soft)}.auth__dev code{font-size:11px}.auth__dev p{margin:0}.auth__fill{margin-top:8px;height:30px;font-size:12px}.field .field__pw{position:relative;display:flex;font-size:inherit;font-weight:inherit;color:inherit}.field__pw input{flex:1;min-width:0;padding-right:40px}.field__eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:5px;color:var(--muted)}.field__eye:hover{color:var(--text);background:var(--slate-soft)}.auth__foot{margin:2px 0 0;font-size:11.5px;line-height:1.5;color:var(--faint);text-align:center}@media (max-width: 900px){.auth__layout{grid-template-columns:minmax(0,1fr);justify-items:center;padding:24px 16px}.hero{display:none}.auth__shade{background:#eef2f759}}.auth__tabs{margin:0}.auth__hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.auth__error{margin:0;padding:8px 10px;border-radius:6px;background:var(--red-soft);color:var(--red);font-size:12.5px;line-height:1.45}.auth__card .btn{flex:none}.auth__submit{height:44px;margin-top:4px;font-size:14px;font-weight:600}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:12px;font-weight:500;color:var(--muted)}.field input,.invite input,.invite select,.member select,.skuedit input{height:38px;padding:0 11px;border:1px solid rgba(15,23,42,.14);border-radius:6px;background:#fff;font:inherit;color:var(--text);outline:none;min-width:0}.field input:focus,.invite input:focus,.invite select:focus,.member select:focus,.skuedit input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}button.user{text-align:left}button.user:disabled{cursor:default}.user__menu{width:260px}.user__menu-head{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border)}.user__menu-head small{overflow:hidden;text-overflow:ellipsis}.user__menu-head .chip{align-self:flex-start;margin-top:4px}.user__menu .site__opt svg{color:var(--muted);flex:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0f172a52;pointer-events:auto}.modal__card{display:flex;flex-direction:column;gap:12px;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;background:var(--card-solid)}.modal__head{display:flex;align-items:baseline;gap:10px}.modal__head b{font-size:16px}.modal__head .iconbtn{margin-left:auto}.invite{display:grid;grid-template-columns:1fr auto auto;gap:8px}.invite .btn{height:38px}.invite__code{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;background:var(--blue-soft)}.invite__code>div{flex:1;display:flex;flex-direction:column;gap:3px}.invite__code b{font:700 20px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--blue)}.invite__code .btn{flex:none}.members{display:flex;flex-direction:column}.member{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(15,23,42,.05)}.member:has(.link+.link){grid-template-columns:32px 1fr auto auto}.member__avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:11px;font-weight:700}.member__avatar--pending{background:var(--slate-soft);color:var(--muted)}.member__body{display:flex;flex-direction:column;min-width:0}.member__body b{display:flex;align-items:center;gap:6px}.member__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member select{height:32px}.link:disabled{color:var(--faint);cursor:not-allowed}.link--danger{color:var(--red)}.scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg)}.scene-error .card{display:flex;flex-direction:column;gap:8px;max-width:360px;padding:20px;text-align:center}.invite--4{grid-template-columns:1.4fr 1fr .9fr auto}.invite__secret{font-size:13px!important;letter-spacing:.02em!important;word-break:break-all}.devices__cmd{display:block;margin-top:4px;padding:8px 10px;border-radius:6px;background:#0f172a;color:#e2e8f0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;-webkit-user-select:all;user-select:all}.member--device{grid-template-columns:32px 1fr auto auto}.member__actions{display:flex;gap:10px}.tag--device{border-color:#16a34a59}.feed__row{display:flex;flex-direction:column}.feed__row.is-acked .feed__item{opacity:.6}.feed__ack{padding:0 8px 6px 32px;color:var(--green);font-size:11px}.feed__ackbtn{align-self:flex-start;margin:-2px 0 6px 32px;padding:3px 9px;border-radius:5px;border:1px solid var(--border);background:#fff;font-size:11px;font-weight:600;color:var(--blue)}.feed__ackbtn:hover{background:var(--blue-soft)}.inv__row--edit{flex-direction:column;align-items:stretch;gap:8px}.skuedit{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skuedit label{display:flex;flex-direction:column;gap:4px}.skuedit label span{font-size:11px;color:var(--muted)}.skuedit input,.skuedit .btn{height:34px}.skuedit__error{grid-column:1 / -1}.simctl--info{padding:8px 14px;font-size:12px;font-weight:600;color:var(--amber)}@media (max-width: 1500px){.kpi .spark{display:none}}@media (max-width: 1330px){.pulse .kpi:nth-child(3){display:none}}@media (max-width: 1440px){.user__body,.live__time{display:none}.user{padding:0 6px}.tracker{width:440px}}@media (max-width: 1280px){.search kbd,.site__body small{display:none}.hud__stack{width:330px}}@media (max-width: 1180px){.pulse .kpi:nth-child(2),.feed{display:none}.tracker{width:400px}}@media (max-width: 1000px){.live,.simctl,.brand span{display:none}.hud{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "rail left right"}.hud__center{display:none}.tracker{width:min(400px,100%)}.hud__stack{width:300px}}@media (max-width: 760px){.hud{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "left" "right"}.hud__left,.hud__right{padding:12px}.hud__rail,.panel-wrap>.mapctl,.rail,.site,.tracker{display:none}.search{flex:1;width:auto;min-width:0}.topbar__left{flex:1;min-width:0}.topbar{padding:0 8px}.topbar__right>*{padding-left:4px;padding-right:4px}.topbar .brand{padding:0 6px 0 0}.hud__right,.hud__stack{width:100%;height:auto}.panel{max-height:42vh}.board{display:none}}