@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9bd7381a27f2960-s.p.0nt9ayxdmqydo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono Fallback;src:local(Arial);ascent-override:73.06%;descent-override:19.98%;line-gap-override:0.0%;size-adjust:121.13%}.share_tech_mono_59dd4042-module__n-__Aq__className{font-family:Share Tech Mono,Share Tech Mono Fallback;font-style:normal;font-weight:400}.share_tech_mono_59dd4042-module__n-__Aq__variable{--font-mono:"Share Tech Mono", "Share Tech Mono Fallback"}
:root{--bg-deep:#07090f;--bg-card:#111827;--bg-header:#0a0e17;--border:#1e293b;--teal:#00d4aa;--red:#f87171;--orange:#ff7a3c;--purple:#a78bfa;--yellow:#fbbf24;--amber:#f59e0b;--text:#e2e8f0;--dim:#64748b;--slate-500:#475569;--slate-400:#94a3b8;--slate-700:#334155;--teal-dark:#00a888;--red-dark:#dc2626;--orange-dark:#f59e0b;--purple-dark:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono), "Share Tech Mono", monospace;background:var(--bg-deep);color:var(--text);text-transform:uppercase;letter-spacing:.05em;min-height:100vh;font-size:13px}.header{background:var(--bg-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-icon{background:linear-gradient(135deg, var(--teal), var(--teal-dark));border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-icon svg{width:18px;height:18px;fill:var(--bg-deep)}.header-title{letter-spacing:.12em;font-size:18px;font-weight:700}.header-sub{color:var(--dim);letter-spacing:.1em;font-size:11px}.header-right{align-items:center;gap:16px;display:flex}.header-time{color:var(--dim);font-size:11px}.live-pill{color:var(--teal);background:#00d4aa1a;border:1px solid #00d4aa4d;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;display:flex}.live-pill.history{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b4d}.live-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.live-pill.history .live-dot{background:var(--amber);animation:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00d4aa66}50%{opacity:.6;box-shadow:0 0 0 4px #00d4aa00}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.list-plain{list-style:none}.main{max-width:1400px;margin:0 auto;padding:20px 24px}.control-block{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-left{border:none;align-items:center;gap:10px;margin:0;padding:0;display:flex}.filter-label{color:var(--dim);font-size:11px}.range-btns{gap:4px;display:flex}.range-btn,.nav-btn{border:1px solid var(--border);color:var(--dim);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:5px 14px;font-family:inherit;font-size:11px;transition:background .2s,border-color .2s,color .2s}.range-btn:first-child{border-radius:4px 0 0 4px}.range-btn:last-child{border-radius:0 4px 4px 0}.range-btn[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:#00d4aa26}.range-btn:hover:not([aria-pressed=true]){border-color:var(--dim);color:var(--text)}.filter-right{gap:8px;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);text-transform:uppercase;cursor:pointer;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:11px}.nav-row{justify-content:flex-start;align-items:center;gap:8px;display:flex}.nav-btn{border-radius:4px}.nav-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-btn.now-btn{border-color:var(--teal);color:var(--teal);background:#00d4aa14}.nav-btn.now-btn:hover{background:#00d4aa26}.nav-label-wrap{text-align:center;min-width:260px}.nav-label{letter-spacing:.08em;font-size:12px}.nav-label.live{color:var(--teal)}.nav-label.historical{color:var(--orange)}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.metric-card.teal:before{background:linear-gradient(90deg, var(--teal), var(--teal-dark))}.metric-card.red:before{background:linear-gradient(90deg, var(--red), var(--red-dark))}.metric-card.orange:before{background:linear-gradient(90deg, var(--orange), var(--orange-dark))}.metric-card.purple:before{background:linear-gradient(90deg, var(--purple), var(--purple-dark))}.metric-label{color:var(--dim);letter-spacing:.12em;margin-bottom:8px;font-size:10px}.metric-value{margin-bottom:4px;font-size:28px;font-weight:700}.metric-sub{color:var(--dim);letter-spacing:.08em;font-size:10px}.metric-card.teal .metric-value{color:var(--teal)}.metric-card.red .metric-value{color:var(--red)}.metric-card.orange{min-width:220px}.metric-card.orange .metric-value{font-size:16px;line-height:1.4}.metric-card.purple .metric-value{color:var(--purple)}.uptime-breakdown{flex-direction:column;display:flex}.uptime-row{align-items:baseline;gap:0;display:flex}.uptime-label{color:var(--dim);font-size:10px;display:block}.uptime-unity{color:var(--orange)}.uptime-conn{color:var(--teal)}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title{color:var(--dim);letter-spacing:.12em;margin-bottom:16px;font-size:11px}.section-title.no-margin{margin-bottom:0}.chart-wrap{height:180px;position:relative}.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin-bottom:12px;display:grid}.fleet-tile{aspect-ratio:1;cursor:pointer;letter-spacing:0;border-radius:4px;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:transform .15s;display:flex;position:relative}.fleet-tile:hover{z-index:2;transform:scale(1.15)}.fleet-tile.ok{color:var(--teal);background:#00d4aa33;border:1px solid #00d4aa4d}.fleet-tile.degraded{color:var(--yellow);background:#fbbf2433;border:1px solid #fbbf244d}.fleet-tile.critical{color:var(--red);background:#f8717133;border:1px solid #f871714d}.fleet-tile.planned{color:var(--slate-700);border:1px solid var(--border);cursor:default;background:#1e293b80}.fleet-tile.planned:hover{transform:none}.fleet-tile:before{content:"";border-radius:1px;height:2px;position:absolute;top:0;left:4px;right:4px}.fleet-tile.ok:before{background:var(--teal)}.fleet-tile.degraded:before{background:var(--yellow)}.fleet-tile.critical:before{background:var(--red)}button.fleet-tile{padding:0;font-family:inherit}.fleet-legend{flex-wrap:wrap;gap:16px;margin-top:12px;list-style:none;display:flex}.fleet-legend-item{color:var(--dim);align-items:center;gap:6px;font-size:10px;display:flex}.fleet-legend-dot{border-radius:2px;width:10px;height:10px}.fleet-legend-dot.ok{background:var(--teal)}.fleet-legend-dot.degraded{background:var(--yellow)}.fleet-legend-dot.critical{background:var(--red)}.fleet-legend-dot.planned{background:var(--border);border:1px solid var(--slate-700)}.fleet-summary{border-top:1px solid var(--border);gap:20px;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.fleet-summary-item{color:var(--dim)}.fleet-summary-item span{font-weight:700}.fleet-summary-item.ok span{color:var(--teal)}.fleet-summary-item.degraded span{color:var(--yellow)}.fleet-summary-item.critical span{color:var(--red)}.fleet-summary-item.planned span{color:var(--slate-500)}.two-col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.phone-grid-wrap{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.phone-dot-wrap{text-align:center}.phone-dot{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto 4px;font-size:8px;display:flex}.phone-dot.GREEN{background:var(--teal);color:var(--bg-deep)}.phone-dot.RED{background:var(--red);color:var(--bg-deep)}.phone-dot.STOPPED{background:var(--yellow);color:var(--bg-deep)}.phone-dot.GREY,.phone-dot.OFFLINE{background:var(--slate-500);color:var(--bg-deep)}.phone-dot.EXCLUDED{background:var(--border);color:var(--slate-500);border:1px dashed var(--slate-500)}.phone-label{color:var(--slate-400);font-size:9px;font-weight:600}.phone-label-ip{color:var(--dim);font-size:8px}.inactive-entry{border-bottom:1px solid var(--border);padding:12px 0}.inactive-entry:last-child{border-bottom:none}.inactive-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.inactive-ip{color:var(--text);font-size:12px}.inactive-meta{color:var(--dim);font-size:10px}.state-badge{border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.state-badge.DISCONNECTED,.state-badge.RED{color:var(--red);background:#f8717126}.state-badge.STOPPED{color:var(--yellow);background:#fbbf2426}.state-badge.EXCLUDED{color:var(--slate-500);background:#1e293bcc}.state-badge.GREY,.state-badge.OFFLINE{color:var(--slate-400);background:#4755694d}.recovery-timeline{margin-top:6px;padding-left:8px}.recovery-item{color:var(--dim);align-items:center;gap:8px;margin-bottom:3px;font-size:10px;display:flex}.recovery-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex}.recovery-icon.ok{color:var(--teal);background:#00d4aa33}.recovery-icon.fail{color:var(--red);background:#f8717133}.recovery-note{color:var(--slate-500)}.all-ok-msg{color:var(--teal);text-align:center;padding:40px 0;font-size:12px}.inactive-notes{color:var(--dim);margin-bottom:4px;padding-left:8px;font-size:10px}.no-recovery{color:var(--dim);font-size:10px}.footer{background:var(--bg-header);border-top:1px solid var(--border);color:var(--dim);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:12px 24px;font-size:10px;display:flex}.sign-out-btn{border:1px solid var(--border);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:4px;padding:3px 12px;font-family:inherit;font-size:10px;transition:border-color .2s,color .2s}.sign-out-btn:hover{border-color:var(--red);color:var(--red)}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:400px;padding:48px 40px}.login-icon{background:linear-gradient(135deg, var(--teal), var(--teal-dark));border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 24px;display:flex}.login-icon svg{width:28px;height:28px;fill:var(--bg-deep)}.login-title{letter-spacing:.12em;margin-bottom:4px;font-size:24px;font-weight:700}.login-sub{color:var(--dim);letter-spacing:.1em;margin-bottom:32px;font-size:12px}.login-btn{background:var(--text);color:var(--bg-deep);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 28px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,transform .15s;display:inline-flex}.login-btn:hover{background:#fff;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn.secondary{color:var(--dim);border:1px solid var(--border);background:0 0;margin-top:16px}.login-btn.secondary:hover{border-color:var(--red);color:var(--red);background:0 0}.login-status{color:var(--teal);letter-spacing:.08em;padding:24px 0;font-size:12px}.login-pending{margin-top:24px}.login-pending-title{color:var(--amber);letter-spacing:.1em;margin-bottom:8px;font-size:14px;font-weight:700}.login-pending-msg{color:var(--dim);text-transform:none;letter-spacing:.02em;font-size:11px;line-height:1.6}.login-pending-msg strong{color:var(--text)}.google-icon{flex-shrink:0}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:600px){.metrics{grid-template-columns:1fr}.phone-grid-wrap{grid-template-columns:repeat(5,1fr)}}