@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Syne:wght@700;800&display=swap";:root{--bg: #080b0f;--panel: #0d1117;--panel-soft: #0b1018;--border: #1a2233;--border-strong: #2b3b52;--text: #e2e8f0;--text-dim: #8ea0b8;--accent: #f5a623;--accent-faint: rgba(245, 166, 35, .06);--accent-subtle: rgba(245, 166, 35, .38);--warn-bg: #2a1a0a;--warn-border: #7c4a00;--cyan: #00d4e8;--green: #22c55e;--green-dim: #166534;--red: #ef4444;--red-dim: #7f1d1d;--yellow: #eab308;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text);background:var(--bg)}html.theme-violet{--accent: #a855f7;--accent-faint: rgba(168, 85, 247, .07);--accent-subtle: rgba(168, 85, 247, .42);--warn-bg: #1e0a30;--warn-border: #6b21a8;--border: #1e1633;--border-strong: #3a2860;--panel: #0e0c18;--panel-soft: #0b0915}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#101726 0%,var(--bg) 42%);color:var(--text)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:min(420px,100%);display:grid;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px}.auth-card h1{margin:0;font-size:18px;color:var(--accent)}.auth-card p{margin:0;color:var(--text-dim)}.auth-card label{display:grid;gap:6px;font-size:11px;letter-spacing:.04em;color:var(--text-dim)}.auth-input{border:1px solid var(--border);border-radius:4px;padding:8px 10px;background:var(--panel-soft);color:var(--text);font-size:13px;font-family:inherit;outline:none}.auth-input:focus{border-color:var(--border-strong)}.auth-btn{border:1px solid var(--accent-subtle);border-radius:4px;background:var(--accent-faint);color:var(--accent);padding:9px 12px;cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:inherit}.auth-btn:disabled{opacity:.7;cursor:wait}.fo-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:46px;background:var(--panel);border-bottom:1px solid var(--border);padding:6px 20px;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.brand-logo{width:22px;height:22px;fill:var(--accent);flex-shrink:0}.brand-stack{display:flex;flex-direction:column;gap:2px}.brand-title{color:var(--text);letter-spacing:.08em;font-size:15px;font-weight:800;font-family:Syne,sans-serif}.brand-accent{color:var(--accent)}.platform-tag{font-size:9px;letter-spacing:1.3px;color:var(--text-dim);text-transform:uppercase}.refresh-badge{font-size:10px;color:var(--text-dim);letter-spacing:.06em;display:flex;align-items:center;gap:4px}.refresh-icon{font-size:13px;color:var(--accent);animation:spin 30s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn{border:1px solid var(--border);border-radius:4px;background:#101823;color:var(--text);padding:5px 10px;cursor:pointer;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:inherit}.refresh-btn:hover{border-color:var(--border-strong);filter:brightness(1.1)}.clock-chip{font-size:10px;color:var(--text-dim);letter-spacing:.06em;padding:5px 8px;border:1px solid var(--border);border-radius:4px;background:#0b1018}.stats-bar{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 12px;background:var(--panel);min-width:80px}.stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1}.stat-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.stat-online .stat-value{color:var(--green)}.stat-offline .stat-value{color:var(--red)}.content-wrap{padding:14px;flex:1;display:flex;flex-direction:column;gap:10px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px}.filter-tab{border:1px solid var(--border);border-radius:4px;background:#0b1018;color:var(--text-dim);padding:6px 12px;cursor:pointer;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:inherit;transition:all .12s}.filter-tab:hover{color:var(--text);border-color:var(--border-strong)}.filter-tab-active{color:var(--accent);border-color:var(--accent-subtle);background:var(--accent-faint)}.search-input{margin-left:auto;width:240px;border:1px solid var(--border);border-radius:4px;padding:6px 10px;background:var(--panel-soft);color:var(--text);font-size:12px;font-family:inherit;outline:none}.search-input:focus{border-color:var(--border-strong)}.view-layout{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}.view-main{min-width:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:4px}table{width:100%;border-collapse:collapse;background:#0b1018;font-size:12px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:9px 10px;white-space:nowrap}th{color:var(--text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#0f151f}tbody tr:hover{background:#ffffff08}.row-selected{background:var(--accent-faint)!important;outline:1px solid var(--accent-subtle);outline-offset:-1px}.hostname-cell{font-weight:600;color:var(--text)}.mono{font-family:inherit;color:var(--cyan)}.time-cell{color:var(--text-dim)}.uplink-cell{text-align:center}.uplink-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1px solid var(--border);background:#0f1a2a;font-size:12px}.uplink-lte{color:#4ade80;border-color:#1e6b34;background:#102317}.uplink-wifi{color:#67e8f9;border-color:#155e75;background:#0a1f29}.uplink-ethernet{color:#93c5fd;border-color:#1e40af;background:#0c1b35}.uplink-net{color:var(--text-dim)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-green 2s ease-in-out infinite}.status-dot.offline{background:#3a3a3a}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 10px var(--green)}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.badge-online{background:#14532d;color:#4ade80;border:1px solid #166534}.badge-offline{background:var(--red-dim);color:#fca5a5;border:1px solid #991b1b}.badge-provisioned{background:#1e3a5f;color:#93c5fd;border:1px solid #1e40af}.edit-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;position:sticky;top:60px;max-height:calc(100vh - 180px);display:flex;flex-direction:column}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#0f151f;border-bottom:1px solid var(--border);flex-shrink:0}.edit-panel-title{font-size:11px;letter-spacing:.06em;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-panel-close{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;border-radius:4px;font-family:inherit;flex-shrink:0}.edit-panel-close:hover{color:var(--text);border-color:var(--border)}.detail-body{overflow-y:auto;flex:1;padding:0}.detail-panel{width:300px}.detail-section{border-bottom:1px solid var(--border);padding:10px 14px}.detail-section:last-child{border-bottom:0}.accordion-title{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;margin-bottom:0;cursor:pointer;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.accordion-title:hover{color:var(--text)}.accordion-chevron{font-size:14px;line-height:1;transition:transform .15s;transform:rotate(0);color:var(--text-dim)}.accordion-chevron.open{transform:rotate(90deg)}.accordion-body{margin-top:8px}.detail-section-title{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:11px}.detail-label{color:var(--text-dim);font-size:10px;letter-spacing:.05em;flex-shrink:0}.detail-value{color:var(--text);text-align:right;word-break:break-all;display:flex;align-items:center;gap:5px;justify-content:flex-end}.copy-btn{width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#0f151f;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;font-family:inherit;flex-shrink:0}.copy-btn:hover{color:var(--text);border-color:var(--border-strong)}.status-link{color:var(--cyan);text-decoration:none;font-size:11px}.status-link:hover{text-decoration:underline}.loading-state,.empty-state{padding:40px;text-align:center;color:var(--text-dim);font-size:12px;letter-spacing:.06em}.error-banner{color:#ff9aa2;background:#2b1218;border:1px solid #4a1e26;border-radius:4px;padding:8px 12px;font-size:12px}.fo-footer{border-top:1px solid var(--border);background:var(--panel);padding:8px 16px;position:sticky;bottom:0;z-index:40}.fo-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--text-dim);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.telem-bar{display:flex;gap:4px;flex-wrap:wrap}.telem-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:3px;font-size:10px;background:#0f1a2a;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.telem-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--accent)}.telem-ok{background:#102317;border-color:#1e6b34;color:#4ade80}.no-telem{color:var(--border-strong);font-size:11px}.theme-switcher{display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid var(--border);border-radius:5px;background:var(--panel-soft)}.theme-dot{width:13px;height:13px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,transform .1s}.theme-dot:hover{transform:scale(1.25)}.theme-dot.active{border-color:var(--text)}@media (max-width: 1100px){.view-layout{grid-template-columns:1fr}.edit-panel{position:static;max-height:none}}@media (max-width: 700px){.stats-bar{flex-wrap:wrap}.stat-card{min-width:45%}.search-input{width:100%;margin-left:0}.toolbar{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}}