:root{--b-ground: #0A1119;--b-panel: #0E1826;--b-raised: #13202F;--b-chrome: #060D18;--b-chart: #0C1621;--b-ink: #E8EBEE;--b-ink-2: #B9C3CD;--b-ink-soft: #8A98A8;--b-signal: #F2A900;--b-port: #E04357;--b-stbd: #2FA46A;--b-rule: rgba(200, 205, 211, .16);--b-toggle-off: #1A2531;--skein-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--skein-sans: "Inter", system-ui, sans-serif;--b-ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-med: .24s;--d-hatch: repeating-linear-gradient(135deg, rgba(200, 205, 211, .1) 0 1px, transparent 1px 6px);--d-hatch-soft: repeating-linear-gradient(135deg, rgba(200, 205, 211, .06) 0 1px, transparent 1px 6px);--d-null: #4A5868;--d-ink-3: #6E7C8B;--d-disabled: #4A5868;--d-skeleton: #1B2A3C;--d-s1: #E8EBEE;--d-s2: #5BC0EB;--d-s3: #A796FF;--d-s4: #7B9CC4}:root[data-dim=day]{--b-panel: #12202E;--b-raised: #1A2B3D;--b-ink: #FFFFFF;--b-ink-soft: #93A1B0}:root[data-dim=night]{--b-panel: #060D18;--b-raised: #0B1522;--b-ink: #FF6262;--b-ink-2: #E87A7A;--b-ink-soft: #CC5656;--b-rule: rgba(200, 205, 211, .08);--b-toggle-off: #1A2531;--d-s1: #FF6262;--d-s2: #FF6262;--d-s3: #FF6262;--d-s4: #FF6262}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--b-ground);color:var(--b-ink);font-family:var(--skein-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--b-ink);outline-offset:2px}.mono{font-family:var(--skein-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--skein-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--b-ink-soft)}.login{position:relative;min-height:100%;display:flex;flex-direction:column;background:linear-gradient(rgba(200,205,211,.035) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,rgba(200,205,211,.035) 1px,transparent 1px) 0 0 / 48px 48px,var(--b-ground)}.login__bar,.login__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-family:var(--skein-mono);font-size:9.5px;letter-spacing:.12em;color:var(--b-ink-soft)}.login__bar{padding:18px 24px}.login__foot{padding:16px 24px;color:#6e7c8b}.login__main{flex:1;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:392px;background:#0e1826eb;box-shadow:0 0 0 1px var(--b-rule),0 24px 60px #00000073;border-top:2px solid var(--b-ink)}.card--error{border-top-color:var(--b-port)}.lockup{padding:32px 32px 24px;display:flex;flex-direction:column;gap:6px}.lockup__name{font-size:44px;font-weight:700;letter-spacing:.06em;line-height:1;margin:0}.lockup__sub{font-family:var(--skein-mono);font-size:11px;letter-spacing:.16em;color:var(--b-ink-soft)}.alert{display:flex;align-items:center;gap:10px;padding:12px 32px;background:#e043571f;box-shadow:inset 3px 0 0 var(--b-port)}.alert__tag{font-family:var(--skein-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--b-port)}.alert__msg{font-size:12.5px}.form{padding:0 32px 28px;display:grid;gap:18px}.alert+.form,.lockup+.form{padding-top:4px}.field label{display:block;margin-bottom:7px}.field__wrap{position:relative}.field input{width:100%;padding:12px;background:var(--b-ground);color:var(--b-ink);border:1px solid rgba(200,205,211,.2);border-radius:0;font-family:var(--skein-mono);font-size:13px}.field input::placeholder{color:#4a5868}.field input:focus{border-color:var(--b-ink);outline:none}.field--error input{border-color:#e04357b3}.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #0A1119 inset;-webkit-text-fill-color:#E8EBEE}.field input.has-eye{padding-right:44px}.eye{position:absolute;top:0;right:0;bottom:0;width:42px;display:grid;place-items:center;background:none;border:0;color:var(--b-ink-soft)}.eye:hover{color:var(--b-ink)}.btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--b-ink);color:var(--b-ground);border:0;border-radius:0;font-family:var(--skein-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:background var(--duration-fast) var(--b-ease)}.btn:hover:not(:disabled){background:#fff}.btn:disabled{opacity:.5}.card__foot{display:flex;align-items:center;gap:8px;padding:12px 32px;border-top:1px solid rgba(200,205,211,.12)}.shell{min-height:100%;display:flex;flex-direction:column}.appbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:48px;background:var(--b-chrome);border-bottom:1px solid var(--b-rule)}.appbar__brand{display:flex;align-items:baseline;gap:10px}.appbar__name{font-weight:700;letter-spacing:.06em;font-size:16px}.appbar__nav{display:flex;gap:20px;margin-right:auto}.appbar__nav a{font-family:var(--skein-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink-soft);text-decoration:none;padding:4px 0}.appbar__nav a[aria-current=page]{color:var(--b-ink);border-bottom:1px solid var(--b-ink)}.appbar__user{display:flex;align-items:center;gap:14px}.linkbtn{background:none;border:0;padding:4px 0;font-family:var(--skein-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink-soft)}.linkbtn:hover{color:var(--b-ink)}.explorer{flex:1;display:grid;grid-template-columns:240px 1fr;gap:1px;background:var(--b-rule)}.panel{background:var(--b-panel);padding:20px}.panel--main{background:var(--b-ground);display:grid;align-content:start;gap:16px}.tables{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:1px;background:var(--b-rule)}.tables button{width:100%;text-align:left;padding:10px 12px;background:var(--b-panel);border:0;border-radius:0;font-family:var(--skein-mono);font-size:12px;color:var(--b-ink)}.tables button:hover{background:var(--b-raised)}.tables button[aria-pressed=true]{background:var(--b-ink);color:var(--b-ground)}.empty{padding:24px;border:1px solid var(--b-rule);background:var(--b-panel)}.empty__title{font-family:var(--skein-mono);font-size:13px;margin:0 0 6px}.empty__note{margin:0;color:var(--b-ink-soft);font-size:12.5px}@media (max-width: 767px){.explorer{grid-template-columns:1fr}.appbar{gap:12px;padding:0 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.topbar{background:var(--b-chrome);border-bottom:1px solid var(--b-rule)}.tb-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px;white-space:nowrap}.tb-nav{justify-content:flex-start;gap:4px;padding:0 16px 10px}.tb-left,.tb-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.tb-logo{width:22px;height:15px;color:var(--b-ink);flex:none}.tb-brand{font-size:16px;font-weight:700;letter-spacing:.04em}.tb-chip{padding:3px 6px;background:var(--b-ink);color:var(--b-ground);font-family:var(--skein-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em}.tb-sep{width:1px;height:18px;background:var(--b-rule);margin:0 6px}.tb-sala{font-family:var(--skein-mono);font-size:9.5px;letter-spacing:.14em;color:var(--b-ink-soft);text-decoration:none}.tb-sala:hover{color:var(--b-ink)}.tb-vpn{display:inline-flex;align-items:center;gap:7px;font-family:var(--skein-mono);font-size:9.5px;letter-spacing:.12em;color:var(--b-ink-soft)}.tb-sq{width:6px;height:6px;background:var(--d-null)}.tb-vpn--up .tb-sq{background:var(--b-stbd)}.tb-vpn--down .tb-sq{background:var(--b-port)}.tb-vpn--down{color:var(--b-port)}.tb-clock,.tb-user{font-size:10px;letter-spacing:.1em;color:var(--b-ink-soft)}.tb-icon{display:grid;place-items:center;width:28px;height:28px;background:none;border:0;border-radius:0;color:var(--b-ink-soft)}.tb-icon:hover{color:var(--b-ink);background:var(--b-raised)}.tb-sec{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font-family:var(--skein-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink-soft);text-decoration:none}.tb-sec:hover:not(.tb-sec--off){color:var(--b-ink)}.tb-sec[aria-current=page]{background:var(--b-ink);color:var(--b-ground)}.tb-num{font-size:8.5px;opacity:.6}.tb-sec--off{color:var(--d-disabled);cursor:default}.tb-soon{padding:1px 4px;border:1px solid var(--b-rule);font-size:8.5px;letter-spacing:.1em}.skeleton{display:grid;gap:10px;padding:4px 0}.skeleton__row{height:22px;background:var(--d-skeleton);animation:skPulse 1.6s var(--b-ease) infinite}@keyframes skPulse{0%,to{opacity:1}50%{opacity:.45}}.state{display:grid;justify-items:start;gap:10px;padding:28px;border:1px solid var(--b-rule);background:var(--b-panel)}.state__dash{font-family:var(--skein-mono);font-size:26px;color:var(--d-null);line-height:1}.state__title{margin:0;font-family:var(--skein-mono);font-size:13px}.state__note{margin:0;color:var(--b-ink-soft);font-size:12.5px}.state__filters{margin:0;font-size:11px;color:var(--b-ink-soft)}.state--offline{padding:0;gap:0}.offline__bar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--b-port);color:var(--b-ground);width:100%}.offline__tag{font-family:var(--skein-mono);font-size:10.5px;font-weight:700;letter-spacing:.16em}.offline__btn{margin-left:auto;padding:5px 12px;background:var(--b-ground);color:var(--b-ink);border:0;border-radius:0;font-family:var(--skein-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.state--offline .state__note{padding:14px 20px 18px}.truncated{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 14px;background:#f2a9001a;box-shadow:inset 3px 0 0 var(--b-signal);font-size:12px}.trips li button{flex-direction:column;align-items:flex-start;gap:2px}.trip__date{font-size:12px;color:inherit}.trip__meta{font-size:10.5px;color:var(--b-ink-soft)}.trips li button[aria-pressed=true] .trip__meta{color:inherit;opacity:.75}.trips li button{text-align:left}.check{display:flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--skein-mono);font-size:10.5px;letter-spacing:.06em;color:var(--b-ink-soft)}.check input{accent-color:var(--b-ink)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:12px 0;background:var(--b-rule);border:1px solid var(--b-rule)}.kpi{background:var(--b-panel);padding:10px 12px}.kpi dt{font-family:var(--skein-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink-soft)}.kpi dd{margin:4px 0 0;font-family:var(--skein-mono);font-variant-numeric:tabular-nums;font-size:20px;color:var(--b-ink)}.kpi__unit{font-size:11px;color:var(--b-ink-soft)}.kpi__note{margin-top:2px;font-family:var(--skein-mono);font-size:10px;color:var(--b-ink-soft)}.viz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (max-width: 1100px){.viz{grid-template-columns:1fr}}.route,.timeline{width:100%;height:auto;border:1px solid var(--b-rule);background:var(--b-chart)}.route__bg{fill:var(--b-chart)}.route__line{fill:none;stroke:var(--d-s2);stroke-width:1.5;vector-effect:non-scaling-stroke}.route__start{fill:var(--b-chart);stroke:var(--b-ink);stroke-width:1.5}.route__end{fill:var(--b-ink)}.route__cur{fill:var(--b-signal);stroke:var(--b-chart);stroke-width:1.5}.route__note{font-family:var(--skein-mono);font-size:9px;fill:var(--b-ink-soft)}.mk{fill:var(--b-chrome);stroke:var(--b-ink);stroke-width:1}.mk--alarm{stroke:var(--b-port)}.mk__t{font-family:var(--skein-mono);font-size:9px;fill:var(--b-ink)}.lane__t{font-family:var(--skein-mono);font-size:9px;letter-spacing:.1em;fill:var(--b-ink-soft)}.lane__rule{stroke:var(--b-rule)}.lane__sog{fill:none;stroke:var(--d-s1);stroke-width:1.25;vector-effect:non-scaling-stroke}.lane__cog{fill:var(--d-s2)}.lane__ev{stroke:var(--b-ink-soft);stroke-dasharray:2 3}.lane__ev--alarm{stroke:var(--b-port)}.lane__cur{stroke:var(--b-signal);stroke-width:1}.readout{margin:8px 0 12px;min-height:16px;font-family:var(--skein-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--b-ink-soft)}.filters{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.filters .pbtn[aria-pressed=true]{background:var(--b-raised);border-color:var(--b-ink-soft)}.tablewrap--short{max-height:260px}.ev--alarm td:first-child{box-shadow:inset 3px 0 0 var(--b-port)}.ev--warn td:first-child{box-shadow:inset 3px 0 0 var(--b-signal)}.tables button{display:flex;justify-content:space-between;gap:12px}.tables .count{opacity:.7}.panel--main{min-width:0}.tablewrap{overflow:auto;max-height:calc(100vh - 230px);border:1px solid var(--b-rule);background:var(--b-panel)}.datatable{border-collapse:collapse;width:max-content;min-width:100%;font-family:var(--skein-mono);font-size:11px;font-variant-numeric:tabular-nums}.datatable th,.datatable td{padding:6px 10px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--b-rule)}.datatable th{position:sticky;top:0;background:var(--b-chrome);color:var(--b-ink-soft);font-weight:500;letter-spacing:.06em}.datatable td.null{color:var(--b-ink-soft)}.pager{display:flex;align-items:center;gap:12px;font-family:var(--skein-mono);font-size:11px;color:var(--b-ink-soft)}.pager__range{margin-right:auto}.pbtn{padding:8px 14px;background:var(--b-panel);border:1px solid var(--b-rule);border-radius:0;font-family:var(--skein-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink)}.pbtn:hover:not(:disabled){background:var(--b-raised)}.pbtn:disabled{opacity:.4}.empty--error{box-shadow:inset 3px 0 0 var(--b-port)}