:root{--accent:#2f6bed;--accent-soft:#e8efff;--ink:#18213d;--ink-2:#4a5473;--muted:#8a93ad;--line:#e7eaf3;--card:#ffffffe6;--green:#1f9d55;--green-soft:#e4f6ec;--amber:#c27a06;--amber-soft:#fff3d9;--blue-soft:#e6eeff;--grey-soft:#eef0f6;--shadow:0 10px 30px #2438781f, 0 2px 6px #2438780f;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{background:#eceffa;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.app{position:fixed;inset:0}.viewport{position:absolute;inset:0}.card{background:var(--card);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow);border:1px solid #fffc;border-radius:14px}.muted{color:var(--muted)}.accent{color:var(--accent)}.small{font-size:11.5px}.block{display:block}.grow{flex:1;min-width:0}.row{align-items:center;display:flex}.gap{gap:8px}.num{font-variant-numeric:tabular-nums}.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip{white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-green{background:var(--green-soft);color:var(--green)}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-blue{background:var(--blue-soft);color:var(--accent)}.chip-grey{background:var(--grey-soft);color:var(--ink-2)}.chip-red{color:#c73030;background:#ffe6e6}.bar{background:#e6e9f2;border-radius:3px;width:100%;height:5px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .4s}.bar-blue{background:var(--accent)}.bar-green{background:#2fb36b}.bar-amber{background:#f0a20b}.icon-btn{width:36px;height:36px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--grey-soft)}.icon-btn.sm{border:1px solid var(--line);background:#fff;border-radius:8px;width:28px;height:28px}.icon-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.code{background:var(--accent);color:#fff;border-radius:6px;place-items:center;min-width:40px;height:24px;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-grid}.code-dark{background:#26304f}.link-text{color:var(--accent);font-weight:600}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#fffffff0;align-items:center;gap:16px;height:60px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;min-width:150px;font-size:17px;font-weight:800;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(380px,30vw);height:38px;padding:0 10px 0 12px;display:flex;position:relative}.search input{font:inherit;color:var(--ink);border:0;outline:none;flex:1;min-width:0}.search input::placeholder{color:var(--muted)}.search kbd{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font:600 11px Inter}.search-results{z-index:40;padding:6px;position:absolute;top:44px;left:0;right:0}.search-results button{border-radius:8px;justify-content:space-between;width:100%;padding:8px 10px;display:flex}.search-results button:hover{background:var(--grey-soft)}.search-results span{color:var(--muted)}.site-select{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;height:42px;margin-left:auto;padding:0 4px 0 6px;display:flex;position:relative}.site-main{align-items:center;gap:10px;padding-right:8px;display:flex}.site-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.site-text b{white-space:nowrap;font-size:13px}.site-text span{color:var(--muted);white-space:nowrap;font-size:11px}.site-step{width:28px;height:32px;color:var(--ink-2);border-left:1px solid var(--line);place-items:center;display:grid}.site-menu{z-index:40;width:340px;padding:8px;position:absolute;top:48px;left:0}.menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;font-size:11px;font-weight:700}.site-row{border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.site-row:hover,.site-row.on{background:var(--accent-soft)}.site-row .site-text{flex:1}.site-fill{flex-direction:column;align-items:flex-end;gap:4px;width:70px;font-size:11.5px;display:flex}.live{background:var(--green-soft);height:32px;color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:flex}.live b{color:var(--ink);font-variant-numeric:tabular-nums}.live-dot{background:#2fb36b;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #2fb36b99}@keyframes pulse{70%{box-shadow:0 0 0 7px #2fb36b00}to{box-shadow:0 0 #2fb36b00}}.badge-dot{background:#ef4b4b;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.user{align-items:center;gap:10px;line-height:1.25;display:flex}.user b{display:block}.user span{color:var(--muted);font-size:11.5px}.avatar{color:#fff;background:linear-gradient(135deg,#6f9bff,#2f6bed);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.hud{pointer-events:none;z-index:10;position:absolute;inset:60px 0 0}.hud>*>*,.hud .card{pointer-events:auto}.kpis{pointer-events:none;gap:12px;display:flex;position:absolute;top:14px;left:16px}.kpi{align-items:flex-start;gap:12px;min-width:190px;padding:12px 16px 12px 12px;display:flex}.kpi-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.kpi-label{color:var(--ink-2);font-size:11.5px;font-weight:500}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.delta{color:var(--green);letter-spacing:0;vertical-align:middle;font-size:11px;font-weight:600}.kpi-sub{color:var(--muted);font-size:11px}.right-col{pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;bottom:236px;right:16px}.cam-toolbar{flex-direction:column;gap:2px;padding:4px;display:flex}.cam-toolbar button{width:34px;height:34px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.cam-toolbar button:hover{background:var(--accent-soft);color:var(--accent)}.cam-toolbar .sep{background:var(--line);height:1px;margin:2px 6px}.side{scrollbar-width:thin;flex-direction:column;gap:12px;width:316px;max-height:100%;padding:16px;display:flex;overflow-y:auto}.panel-head{align-items:flex-start;gap:12px;display:flex}.panel-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.panel-titles{flex:1;min-width:0}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.panel-title{letter-spacing:-.01em;font-size:17px;font-weight:700}.panel-sub{color:var(--muted);font-size:11.5px}.panel-actions{gap:6px;display:flex}.tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{background:#f5f7fc;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.tile span{color:var(--ink-2);font-size:11px}.tile b{font-variant-numeric:tabular-nums;font-size:17px}.tile small{color:var(--muted);font-size:11px;font-weight:500}.section-head{justify-content:space-between;align-items:baseline;margin-top:2px;display:flex}.section-head span{color:var(--muted);font-size:11px}.list{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;width:100%;padding:7px 4px;display:flex}.list-row:last-child{border-bottom:0}.list-row.link:hover{background:#f5f7fc;border-radius:8px}.mini-bar{width:48px}.item-glyph{border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.item-dot{border-radius:3px;width:14px;height:14px}.item-helmet,.item-peas{border-radius:7px 7px 3px 3px}.item-tape{border-radius:50%;box-shadow:inset 0 0 0 4px #d9b48a,inset 0 0 0 7px #fff}.progress-line{align-items:center;gap:10px;display:flex}.kv{flex-direction:column;display:flex}.kv>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 2px;display:flex}.kv>div:last-child{border-bottom:0}.kv span{color:var(--ink-2)}.kv b{text-align:right;font-weight:600}.bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.tracking{width:min(640px,55vw);padding:14px 16px}.tracking-head{justify-content:space-between;margin-bottom:12px;display:flex}.tracking-body{align-items:center;gap:16px;display:flex}.steps{flex:1;min-width:0;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;display:flex;position:relative}.step:before{content:"";z-index:0;background:#dfe3ee;width:100%;height:2px;position:absolute;top:13px;left:-50%}.step:first-child:before{display:none}.step.done:before,.step.cur:before{background:var(--accent)}.step-dot{width:28px;height:28px;color:var(--muted);z-index:1;background:#eef0f6;border:2px solid #fff;border-radius:50%;place-items:center;display:grid}.step.done .step-dot{background:var(--accent-soft);color:var(--accent)}.step.cur .step-dot{background:var(--accent);color:#fff;box-shadow:0 0 0 4px #2f6bed33}.step-label{white-space:nowrap;font-size:11.5px;font-weight:600}.step-time{color:var(--muted);font-size:10.5px}.ship-card{background:#f5f7fc;border-radius:12px;flex:none;align-items:center;gap:10px;width:210px;padding:10px 12px;display:flex}.ship-card:hover{background:var(--accent-soft)}.ship-card .chip{margin:3px 0}.ship-icon{width:38px;height:38px;color:var(--accent);background:#fff;border-radius:10px;place-items:center;display:grid}.fleet{width:440px;padding:10px 12px}.fleet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tabs{align-items:center;gap:4px;display:flex}.tabs svg{margin-right:4px}.tabs button{color:var(--ink-2);border-radius:8px;padding:5px 9px;font-weight:600}.tabs button span{color:var(--muted);font-weight:500}.tabs button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #24387826}.fleet-list{scrollbar-width:thin;max-height:150px;overflow-y:auto}.fleet-row{border-top:1px solid var(--line);grid-template-columns:62px 1fr auto 62px 14px;align-items:center;gap:8px;width:100%;padding:7px 4px;display:grid}.fleet-row:hover,.fleet-row.on{background:#f5f7fc}.fr-key{flex-direction:column;line-height:1.2;display:flex}.fr-key span{color:var(--muted);font-size:10.5px}.fr-main{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.fr-extra{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.fr-extra small{color:var(--muted);font-size:10.5px}.dot{border-radius:50%;flex:none;width:7px;height:7px}.dot-blue{background:var(--accent)}.dot-grey{background:#b7bed0}.tag{color:var(--ink-2);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font:500 10.5px Inter,sans-serif;display:flex;box-shadow:0 2px 8px #2438782e}.tag b{color:var(--ink)}.tag-selected{background:var(--accent);color:#fff;padding:4px 10px;font-size:11.5px;font-weight:700}@media (width<=1100px){.user div,.search kbd{display:none}.kpi{min-width:0}.kpi-sub,.tracking .ship-card{display:none}}@media (width<=760px){.search,.live,.bell,.kpis,.cam-toolbar,.tracking{display:none}.brand{min-width:0}.right-col{bottom:230px;left:16px;right:16px}.side{width:100%;max-height:40vh}.fleet{width:100%}}