*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5f7;--surface:#fff;--surface2:#f7f8fa;--surface3:#eceff3;--border:#d6dae0;--border2:#aeb4be;--text:#121212;--text2:#2c2f36;--text3:#5e6470;--text4:#9aa0ad;--brand-1:#121212;--brand-2:#0d9488;--brand-3:#0d9488;--brand-grad:linear-gradient(135deg,#121212 0%,#1f2937 60%,#0d9488 100%);--brand-grad-soft:linear-gradient(135deg,#1212120f,#0d94881a);--accent:#0d9488;--green:#0d9488;--green-lt:#d1fae5;--green-md:#86efac;--red:#dc2626;--red-lt:#fee2e2;--red-md:#fca5a5;--yellow:#d97706;--yellow-lt:#fef3c7;--blue:#0d9488;--blue-lt:#ccfbf1;--blue-md:#5eead4;--orange:#ea580c;--orange-lt:#ffedd5;--mono:"Geist Mono",ui-monospace,monospace;--ui:"Instrument Sans",-apple-system,system-ui,sans-serif;--r:14px;--rs:10px;--rm:6px;--sh:0 1px 2px #141e3c0d,0 4px 14px #141e3c12;--sh2:0 8px 28px #6366f124,0 2px 6px #141e3c14;--sh3:0 24px 60px #141e3c33,0 8px 20px #6366f11f}html,body,#root{min-height:100%;color:var(--text);font-family:var(--ui);font-size:14px}body{background:radial-gradient(1200px 600px at 0% -10%,#0d94880f,transparent 60%), radial-gradient(900px 500px at 100% 110%,#1212120a,transparent 55%), var(--bg);background-attachment:fixed}:root[data-theme=dark]{--bg:#0a0a0b;--surface:#141416;--surface2:#1a1a1d;--surface3:#222226;--border:#2a2b30;--border2:#3d3f48;--text:#f4f5f7;--text2:#c8ccd4;--text3:#8a8f99;--text4:#5a5e68;--brand-1:#fff;--brand-2:#2dd4bf;--brand-grad:linear-gradient(135deg,#fff 0%,#5eead4 60%,#2dd4bf 100%);--brand-grad-soft:linear-gradient(135deg,#ffffff0a,#2dd4bf1a);--accent:#2dd4bf;--green:#34d399;--green-lt:#10b98124;--green-md:#34d39973;--red:#fb7185;--red-lt:#ef444429;--red-md:#fb718573;--yellow:#fbbf24;--yellow-lt:#f59e0b29;--blue:#5eead4;--blue-lt:#2dd4bf24;--blue-md:#5eead466;--orange:#fb923c;--orange-lt:#f973162e;--sh:0 1px 3px #00000080,0 6px 18px #00000059;--sh2:0 8px 28px #2dd4bf1a,0 2px 6px #00000073;--sh3:0 24px 60px #000000a6,0 8px 20px #2dd4bf1f}:root[data-theme=dark] body{background:radial-gradient(1200px 600px at 0% -10%,#2dd4bf14,transparent 60%), radial-gradient(900px 500px at 100% 110%,#ffffff05,transparent 55%), var(--bg)}:root[data-theme=dark] .site-table tbody tr.offline{background:#dc262614}:root[data-theme=dark] .site-table tbody tr.offline:hover{background:#dc262624}:root[data-theme=dark] .dev-grid-row.offline{background:#dc262614}.header{-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--border);z-index:100;height:60px;box-shadow:0 1px 0 var(--border),0 6px 20px #141e3c0f;background:#fbfcfec7;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}:root[data-theme=dark] .header{background:#0f1322b3}.logo{align-items:center;gap:10px;min-height:36px;text-decoration:none;display:flex}.logo img.logo-svg{width:auto;height:24px;transition:filter .2s;display:block}:root[data-theme=dark] .logo img.logo-svg{filter:invert()}.logo-sub{color:var(--text3);letter-spacing:.14em;text-transform:uppercase;border-left:1px solid var(--border);padding-left:10px;font-size:10px;font-weight:600;line-height:1.1}.noc-strip{border-left:3px solid var(--accent)}.noc-body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:14px;display:grid}.noc-col{flex-direction:column;gap:6px;min-width:0;display:flex}.noc-col-title{color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:10px;font-weight:700}.noc-incident{background:var(--red-lt);border:1px solid var(--red-md);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:transform .15s;display:flex}.noc-incident:hover{transform:translate(2px)}.noc-incident-flag{font-size:16px}.noc-incident-head{align-items:center;gap:6px;display:flex}.noc-incident-age{font-family:var(--mono);color:var(--red);background:#dc26261a;border-radius:3px;padding:1px 5px;font-size:10px}.noc-incident-sub{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.noc-esc{color:#fff;background:var(--red);border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.noc-warn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:6px 10px;font-size:11px;transition:background .15s;overflow:hidden}.noc-warn:hover{background:var(--surface3)}.noc-shift{background:var(--surface2);border:1px solid var(--border);border-radius:5px;align-items:flex-start;gap:6px;padding:6px 10px;display:flex}.project-chip{font-family:var(--mono);letter-spacing:.12em;background:var(--accent);color:#fff;text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px 3px #0d948859}.header-center{align-items:center;gap:24px;display:flex}.hstat{align-items:center;gap:8px;display:flex}.hstat-val{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1}.hstat-lbl{color:var(--text3);letter-spacing:.04em;font-size:11px;font-weight:500}.hstat-div{background:var(--border);width:1px;height:28px}.live-badge{background:#14b8a61a;border:1px solid #14b8a659;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livepulse}@keyframes livepulse{0%,to{box-shadow:0 0 #14b8a673}50%{box-shadow:0 0 0 5px #14b8a600}}.live-text{color:var(--accent);font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.02em}.header-right{align-items:center;gap:8px;display:flex}.btn{font-family:var(--ui);border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn:hover{border-color:var(--border2);background:var(--surface2);color:var(--text);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.act-btn:focus-visible,.dev-card-btn:focus-visible,.filter-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px #6366f152}.btn-primary:hover{filter:brightness(1.08);color:#fff;box-shadow:0 6px 18px #6366f16b}.wrap{flex-direction:column;gap:16px;max-width:1440px;margin:0 auto;padding:24px 28px 56px;display:flex}.summary-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sum-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px;position:relative;overflow:hidden}.sum-card:before{content:"";border-radius:var(--r) var(--r) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sum-card.s-total:before{background:var(--brand-grad)}.sum-card.s-online:before{background:linear-gradient(90deg,#059669,#10b981,#34d399)}.sum-card.s-offline:before{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171)}.sum-card.s-devices:before{background:linear-gradient(90deg,#ea580c,#f97316,#fb923c)}.sum-card{transition:transform .25s,box-shadow .25s}.sum-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}.insights-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh);border-radius:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.insight-card:after{content:"";pointer-events:none;opacity:.55;background:radial-gradient(220px 120px at 100% 0%,var(--insight-glow,#6366f114),transparent 60%);border-radius:14px;position:absolute;inset:0}.insight-card:hover{box-shadow:var(--sh2);border-color:var(--border2);transform:translateY(-2px)}.insight-card.insight-indigo{--insight-glow:#6366f12e}.insight-card.insight-red{--insight-glow:#ef44442e}.insight-card.insight-orange{--insight-glow:#f9731633}.insight-card.insight-green{--insight-glow:#10b9812e}.insight-card.insight-violet{--insight-glow:#8b5cf62e}.insight-emoji{z-index:1;margin-bottom:4px;font-size:18px;position:relative}.insight-title{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;z-index:1;margin-bottom:4px;font-size:10px;font-weight:700;position:relative}.insight-big{font-family:var(--mono);color:var(--text);z-index:1;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1;position:relative}.insight-sub{color:var(--text3);z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;position:relative;overflow:hidden}.activity-toggle{background:var(--brand-grad);color:#fff;cursor:pointer;z-index:300;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #6366f173}.activity-toggle:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 12px 32px #6366f18c}.activity-toggle.has-alerts{animation:2.4s infinite livepulse}.activity-pill{background:var(--red);color:#fff;border:2px solid var(--surface);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px}.activity-panel{background:var(--surface);border:1px solid var(--border);width:380px;max-height:60vh;box-shadow:var(--sh3);z-index:301;border-radius:14px;flex-direction:column;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden}.activity-head{border-bottom:1px solid var(--border);color:var(--text2);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.activity-body{flex:1;padding:6px 0;overflow-y:auto}.activity-row{border-left:3px solid #0000;grid-template-columns:64px 18px 1fr;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;display:grid}.activity-row.alert{background:var(--red-lt);border-left-color:var(--red)}.activity-row.recover{background:var(--green-lt);border-left-color:var(--green)}.activity-row.push{color:var(--text3)}.activity-row.push:hover{background:var(--surface2)}.activity-time{font-family:var(--mono);color:var(--text3);font-size:10px}.activity-icon{text-align:center;font-size:13px}.activity-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-mute{color:var(--text4);font-style:italic}.cmdk-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;background:#0f11288c;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.cmdk-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:640px;box-shadow:var(--sh3);border-radius:14px;animation:.16s modalIn;overflow:hidden}.cmdk-input{width:100%;font-size:16px;font-family:var(--ui);color:var(--text);border:none;border-bottom:1px solid var(--border);background:0 0;outline:none;padding:18px 22px}.cmdk-input::placeholder{color:var(--text4)}.cmdk-results{max-height:48vh;overflow-y:auto}.cmdk-row{cursor:pointer;border-bottom:1px solid var(--border);grid-template-columns:24px 70px 1fr;align-items:center;gap:10px;padding:10px 18px;transition:background .1s;display:grid}.cmdk-row:last-child{border-bottom:none}.cmdk-row.active,.cmdk-row:hover{background:var(--surface2)}.cmdk-flag{font-size:16px}.cmdk-kind{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);background:var(--surface3);text-align:center;border-radius:4px;padding:2px 6px}.cmdk-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cmdk-sub{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.cmdk-empty{text-align:center;color:var(--text4);padding:24px;font-size:13px}.cmdk-hint{border-top:1px solid var(--border);background:var(--surface2);color:var(--text3);font-size:10px;font-family:var(--mono);padding:8px 18px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 50%,var(--surface2) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer;display:inline-block}.skel-line{height:12px;margin:6px 0}.skel-row{align-items:center;gap:8px;padding:8px 0;display:flex}.skel-circle{border-radius:50%;width:24px;height:24px}.skel-block{width:100%;min-height:80px}:root[data-theme=dark] .status-dot.online,:root[data-theme=dark] .dev-dot.online{box-shadow:0 0 0 3px #34d3992e,0 0 16px #34d39999,0 0 32px #34d3994d}:root[data-theme=dark] .status-dot.offline,:root[data-theme=dark] .dev-dot.offline{box-shadow:0 0 0 3px #fb71852e,0 0 12px #fb71858c}.metrics-chart svg path{transition:d .6s cubic-bezier(.4,0,.2,1)}.status-timeline{border:1px solid var(--border);background:var(--surface2);border-radius:4px;width:100%;height:18px;display:flex;overflow:hidden}.status-timeline-seg{flex:none;height:100%;transition:filter .15s}.status-timeline-seg:hover{filter:brightness(1.15)}.status-timeline-seg.up{background:linear-gradient(180deg,var(--green),#059669)}.status-timeline-seg.down{background:linear-gradient(180deg,var(--red),#b91c1c)}.status-timeline-seg.unknown{background:var(--text4);opacity:.4}.ticker{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);height:32px;font-family:var(--mono);background:#0f1322f2;align-items:center;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}:root[data-theme=dark] .ticker{background:#070a17f2}.ticker-label{background:var(--brand-grad);color:#fff;letter-spacing:.05em;flex-shrink:0;align-items:center;height:100%;padding:0 14px;font-size:10px;font-weight:700;display:flex}.ticker-track{flex:1;height:100%;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;will-change:transform;align-items:center;gap:36px;height:100%;animation:60s linear infinite tickerScroll;display:flex;position:absolute;top:0;left:100%}.ticker-content:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}.ticker-item{color:var(--text2);align-items:center;gap:6px;display:flex}.ticker-item.alert{color:var(--red)}.ticker-item.recover{color:var(--green)}.ticker-close{color:var(--text3);cursor:pointer;background:0 0;border:none;height:24px;padding:0 8px;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ticker-close:hover{color:var(--text)}.push-arc{stroke-dasharray:2 4;animation:2.5s linear infinite dashShift}@keyframes dashShift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30px}}.incident-ribbon{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:60px;margin:8px 0;position:relative;overflow:visible}.incident-ribbon:before{content:"";background:linear-gradient(90deg,var(--border) 0%,var(--border2) 50%,var(--border) 100%);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.incident-center{background:var(--brand-grad);z-index:1;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #6366f180}.incident-marker{background:var(--surface);cursor:default;z-index:2;width:24px;height:24px;box-shadow:var(--sh);border:2px solid;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.incident-marker:hover{z-index:3;transform:translate(-50%,-50%)scale(1.25)}.incident-row{border-bottom:1px solid var(--border);border-left:3px solid var(--text3);grid-template-columns:80px 24px 130px 1fr;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:grid}.incident-row:last-child{border-bottom:none}.incident-time{font-family:var(--mono);color:var(--text3);font-size:11px}.incident-icon{text-align:center;font-size:14px}.incident-label{color:var(--text);text-transform:capitalize;font-weight:600}.incident-detail{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sum-val{font-family:var(--mono);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.sum-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.sum-sub{color:var(--text4);font-size:11px;font-family:var(--mono);margin-top:4px}.loading-banner{background:var(--blue-lt);border:1px solid var(--blue-md);color:var(--blue);border-radius:8px;padding:12px 18px;font-size:12px;font-weight:500}.error-banner{background:var(--red-lt);border:1px solid var(--red-md);color:var(--red);border-radius:8px;padding:12px 18px;font-size:12px;font-weight:500}@media (width<=900px){.wrap{padding:14px}.summary-strip{grid-template-columns:repeat(2,1fr)}.header{padding:0 14px}.header-center{display:none}.tab-nav{padding:0 14px}.tab{padding:12px;font-size:12px}.country-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:10px}.modal-overlay{padding:0}.modal{border-radius:0;max-width:100%;max-height:100vh}.modal-body{max-height:calc(100vh - 64px);padding:14px}.modal-head{flex-wrap:wrap;gap:8px;padding:12px 14px}.modal-actions{gap:4px}.modal-actions .btn{padding:6px 10px;font-size:11px}.modal-body>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.device-cards{grid-template-columns:1fr}.site-table thead{display:none}.site-table,.site-table tbody,.site-table tr,.site-table td{width:100%;display:block}.site-table tr{border-bottom:1px solid var(--border);padding:10px 12px;position:relative}.site-table td{border:none;padding:4px 0}.site-table td:first-child{position:absolute;top:10px;right:10px}.modal-dev-table{white-space:nowrap;display:block;overflow-x:auto}.map-zoom-controls{bottom:8px;right:8px}}@media (width<=540px){.summary-strip{grid-template-columns:1fr}.logo-sub{display:none}.header-right .btn{padding:5px 8px;font-size:11px}.live-badge{display:none}}.tab-nav{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fbfcfea6;gap:2px;padding:0 28px;display:flex;overflow-x:auto}:root[data-theme=dark] .tab-nav{background:#0f132299}.tab{font-family:var(--ui);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:14px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--brand-1);font-weight:600}.tab.active:after{content:"";background:var(--brand-grad);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.badge{background:var(--brand-grad-soft);color:var(--brand-1);font-size:10px;font-weight:700;font-family:var(--mono);border:1px solid var(--blue-md);border-radius:20px;padding:1px 7px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);transition:box-shadow .25s,border-color .25s,transform .25s;overflow:hidden}.card:hover{box-shadow:var(--sh2);border-color:var(--border2)}.card-header{background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:var(--text2);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.site-table{border-collapse:collapse;width:100%}.site-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;background:var(--surface2);border-bottom:1px solid var(--border);padding:9px 14px;font-size:10px;font-weight:700}.site-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.site-table tr:last-child td{border-bottom:none}.site-table tbody tr{cursor:pointer;transition:background .12s}.site-table tbody tr:hover{background:var(--surface2)}.site-table tbody tr.offline{background:#fff8f8}.site-table tbody tr.offline:hover{background:#fff0f0}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--green);animation:2s infinite livepulse;box-shadow:0 0 0 3px #10b9812e,0 0 10px #10b98173}.status-dot.offline{background:var(--red);box-shadow:0 0 0 3px #ef444426,0 0 8px #ef444459}.status-dot.unknown{background:var(--text4)}.flag-name{align-items:center;gap:8px;display:flex}.flag-emoji{font-size:18px}.site-name{color:var(--text);font-size:13px;font-weight:600}.site-id{font-family:var(--mono);color:var(--text3);margin-top:1px;font-size:10px}.mini-bar{background:var(--border);border-radius:2px;width:72px;height:4px;display:inline-block;overflow:hidden}.mini-fill{border-radius:2px;height:100%;transition:width .5s}.metric-cell{align-items:center;gap:6px;display:flex}.metric-num{font-family:var(--mono);width:32px;font-size:11px;font-weight:700}.uptime-chip{font-family:var(--mono);white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.uptime-chip.up{background:var(--green-lt);color:var(--green);border:1px solid var(--green-md)}.uptime-chip.down{background:var(--red-lt);color:var(--red);border:1px solid var(--red-md)}.dev-chip{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-md);font-size:11px;font-weight:600;font-family:var(--mono);white-space:nowrap;border-radius:20px;padding:3px 9px}.no-dev{color:var(--text4);font-size:11px}.tag-chip{background:var(--surface3);color:var(--text2);border:1px solid var(--border);font-size:9px;font-weight:600;font-family:var(--mono);text-transform:lowercase;letter-spacing:.02em;border-radius:10px;padding:1px 6px;display:inline-block}.act-btn{border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--ui);border-radius:6px;padding:5px 10px;transition:all .15s}.act-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.act-btn.red:hover{border-color:var(--red);color:var(--red);background:var(--red-lt)}.filter-group{gap:4px;display:flex}.filter-pill{border:1px solid var(--border);background:var(--surface);color:var(--text3);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s}.filter-pill:hover{border-color:var(--border2);color:var(--text)}.filter-pill.active{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 2px 8px #6366f159}.search-box{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;outline:none;width:200px;padding:7px 12px;font-size:12px;transition:all .15s}.search-box:focus{border-color:var(--blue);width:240px;box-shadow:0 0 0 3px #2563eb14}.world-map{--map-land:#c0cee0;--map-stroke:#94a4bf;background:linear-gradient(160deg,#dde6f3 0%,#cfd9eb 100%);width:100%;position:relative;overflow:hidden}.world-map svg{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:auto;max-height:520px;display:block}.map-zoom-controls{background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh);z-index:2;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.map-zoom-controls button{border:1px solid var(--border);background:var(--surface2);width:28px;height:28px;color:var(--text2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--ui);border-radius:6px;justify-content:center;align-items:center;transition:all .12s;display:flex}.map-zoom-controls button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.map-zoom-pct{font-family:var(--mono);color:var(--text3);text-align:right;min-width:36px;padding:0 6px;font-size:10px}.map-scroll-hint{color:#fff;font-size:13px;font-weight:600;font-family:var(--ui);z-index:5;pointer-events:none;background:#0f1128d9;border-radius:10px;padding:10px 18px;animation:1.4s ease-out forwards scrollHintFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0006}@keyframes scrollHintFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0}}:root[data-theme=dark] .world-map{--map-land:#1e2a44;--map-stroke:#33405d;background:linear-gradient(160deg,#0e1830 0%,#0d1626 100%)}.map-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.map-leg-item{color:var(--text3);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.map-leg-dot{border-radius:50%;width:8px;height:8px}.country-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:16px;display:grid}.country-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);cursor:pointer;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.country-card:hover{box-shadow:var(--sh2);border-color:var(--border2);transform:translateY(-1px)}.country-card.offline{border-left:3px solid var(--red);background:linear-gradient(90deg,var(--red-lt) 0%,var(--surface2) 40%)}.country-card.online{border-left:3px solid var(--green);background:linear-gradient(90deg,var(--green-lt) 0%,var(--surface2) 40%)}.country-card.partial{border-left:3px solid var(--yellow);background:linear-gradient(90deg,var(--yellow-lt) 0%,var(--surface2) 40%)}.cc-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cc-flag{font-size:20px;line-height:1;display:block}.cc-time{font-family:var(--mono);color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:3px;padding:2px 5px;font-size:10px;font-weight:600;display:inline-flex}.cc-dn{font-size:9px}.cc-name{color:var(--text);margin-bottom:4px;font-size:12px;font-weight:600}.cc-stats{font-family:var(--mono);gap:8px;font-size:10px;display:flex}.site-localtime{font-family:var(--mono);color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-left:8px;padding:1px 5px;font-size:10px;font-weight:600}.modal-time-badge{font-family:var(--mono);color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.dev-grid-head,.dev-grid-row{grid-template-columns:10px 150px minmax(170px,1fr) 100px 110px 180px 80px 160px;align-items:center;gap:14px;display:grid}.dev-grid-head{background:var(--surface2);border-bottom:1px solid var(--border);color:var(--text3);text-transform:uppercase;letter-spacing:.07em;padding:9px 16px;font-size:10px;font-weight:700}.dev-grid-row{border-bottom:1px solid var(--border);padding:11px 16px;transition:background .12s}.dev-grid-row:last-child{border-bottom:none}.dev-grid-row:hover{background:var(--surface2)}.dev-grid-row.offline{background:#fff8f8}.dev-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dev-dot.online{background:var(--green);animation:2s infinite livepulse;box-shadow:0 0 0 3px #05966926}.dev-dot.offline{background:var(--red)}.dev-dot.error{background:var(--yellow)}.dev-serial{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;color:var(--text);min-width:0;font-size:11px;font-weight:700;overflow:hidden}.dev-brand{color:var(--text);font-size:12px;font-weight:600}.dev-model{color:var(--text3);font-size:11px}.android-tag{background:var(--blue-lt);color:var(--blue);border:1px solid var(--blue-md);font-size:10px;font-weight:600;font-family:var(--mono);border-radius:20px;padding:2px 7px;display:inline-block}.avail-val{font-family:var(--mono);font-size:12px;font-weight:700}.country-cell{align-items:center;gap:6px;display:flex}.country-flag-sm{font-size:14px}.dev-actions{gap:4px;display:flex}.act-btn:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f192373;justify-content:center;align-items:flex-start;padding:40px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:1140px;box-shadow:var(--sh3);border-radius:16px;animation:.2s modalIn;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title{align-items:center;gap:10px;display:flex}.modal-flag{font-size:24px}.modal-country{color:var(--text);font-size:16px;font-weight:700}.modal-site-id{font-family:var(--mono);color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:11px}.modal-status-badge{font-size:11px;font-weight:600;font-family:var(--mono);border-radius:20px;padding:4px 10px}.modal-status-badge.online{background:var(--green-lt);color:var(--green);border:1px solid var(--green-md)}.modal-status-badge.offline{background:var(--red-lt);color:var(--red);border:1px solid var(--red-md)}.modal-actions{align-items:center;gap:8px;display:flex}.modal-close{border:1px solid var(--border);background:var(--surface2);width:32px;height:32px;color:var(--text3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.modal-close:hover{background:var(--red-lt);color:var(--red);border-color:var(--red-md)}.modal-body{flex-direction:column;gap:14px;max-height:88vh;padding:20px 22px;display:flex;overflow-y:auto}.modal-body>*{flex-shrink:0}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:var(--surface2)}.modal-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.m-section{background:var(--surface2);border:1px solid var(--border);border-radius:var(--rs);flex-shrink:0;overflow:hidden}.m-section-head{border-bottom:1px solid var(--border);color:var(--text2);text-transform:uppercase;letter-spacing:.07em;background:var(--surface);align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.m-section-body{padding:14px}.m-row-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--rm);padding:10px 12px}.m-info-label{color:var(--text4);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:10px;font-weight:600}.m-info-val{font-family:var(--mono);color:var(--text);font-size:13px;font-weight:700}.m-metric{align-items:center;gap:10px;margin-bottom:9px;display:flex}.m-metric:last-child{margin-bottom:0}.m-metric-label{color:var(--text3);flex-shrink:0;width:36px;font-size:11px;font-weight:500}.m-metric-bar{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.m-metric-fill{border-radius:3px;height:100%;transition:width .6s}.m-metric-val{font-family:var(--mono);text-align:right;flex-shrink:0;width:36px;font-size:11px;font-weight:700}.m-net{border-top:1px solid var(--border);color:var(--text3);font-size:11px;font-family:var(--mono);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;display:flex}.m-net-iface{align-items:center;gap:4px;display:flex}.m-net-name{color:var(--text4);font-size:10px}.m-net-ip{color:var(--blue);font-size:11px;font-weight:600}.modal-dev-table{border-collapse:collapse;table-layout:fixed;background:var(--surface);width:100%;font-family:var(--ui)}.modal-dev-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px;font-size:10px;font-weight:700}.modal-dev-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px;font-size:12px}.modal-dev-table tbody tr:last-child td{border-bottom:none}.modal-dev-table tbody tr:hover{background:var(--surface2)}.modal-dev-serial{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.modal-dev-bm{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-dev-brand{margin-right:4px;font-weight:600}.modal-dev-model{color:var(--text3)}.modal-dev-uptime{font-family:var(--mono);color:var(--green);white-space:nowrap;font-size:11px;font-weight:600}.modal-dev-avail{font-family:var(--mono);font-size:11px;font-weight:700}.modal-dev-table .dev-card-btn{white-space:nowrap;padding:4px 8px;font-size:10px}.device-cards{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));justify-content:start;gap:8px;display:grid}.dev-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--rs);flex-direction:column;min-width:0;padding:10px 12px;transition:box-shadow .15s;display:flex}.dev-card:hover{box-shadow:var(--sh2)}.dev-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.dev-card-serial{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:700;overflow:hidden}.dev-card-brand{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-size:12px;font-weight:700;overflow:hidden}.dev-card-model{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;overflow:hidden}.dev-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.dev-uptime-bar{background:var(--green-lt);border:1px solid var(--green-md);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 8px;display:flex}.dev-uptime-text{font-family:var(--mono);color:var(--green);font-size:11px;font-weight:700}.dev-avail{font-family:var(--mono);color:var(--green);font-size:10px}.dev-card-actions{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.dev-card-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;font-size:10px;font-weight:600;font-family:var(--ui);text-align:center;white-space:nowrap;border-radius:5px;flex:1;min-width:0;padding:4px 8px;transition:all .15s}.dev-card-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.dev-card-btn.red:hover{border-color:var(--red);color:var(--red);background:var(--red-lt)}.dev-downtime{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.dev-downtime-title{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:600}.dev-dt-item{font-family:var(--mono);color:var(--text3);border-bottom:1px dashed var(--border);justify-content:space-between;padding:3px 0;font-size:10px;display:flex}.dev-dt-dur{color:var(--red);font-weight:600}.dt-list{flex-direction:column;gap:6px;display:flex}.dt-item{background:var(--surface);border:1px solid var(--red-md);border-left:3px solid var(--red);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.dt-dur{font-family:var(--mono);color:var(--red);font-size:11px;font-weight:700}.dt-time{font-family:var(--mono);color:var(--text3);font-size:10px}.cause-chip{font-size:10px;font-weight:600;font-family:var(--ui);cursor:help;background:0 0;border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.offline-banner{background:var(--red-lt);border:1px solid var(--red-md);color:var(--red);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.log-overlay{z-index:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f19238c;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.log-overlay.open{display:flex}.log-modal{background:#1a1f2e;border:1px solid #2d3548;border-radius:14px;flex-direction:column;width:100%;max-width:1100px;height:82vh;animation:.2s modalIn;display:flex;overflow:hidden;box-shadow:0 40px 100px #0006}.log-topbar{background:#141826;border-bottom:1px solid #252d42;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.log-site-label{font-family:var(--mono);color:#e2e8f0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.log-tabs{flex-wrap:wrap;flex:1;gap:5px;display:flex}.log-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #2d3548;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .15s}.log-tab:hover{color:#e2e8f0;border-color:#4a5568}.log-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.log-controls{align-items:center;gap:6px;display:flex}.log-select{color:#94a3b8;cursor:pointer;font-size:11px;font-family:var(--mono);background:#252d42;border:1px solid #2d3548;border-radius:6px;padding:4px 8px}.log-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #2d3548;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex}.log-close-btn:hover{color:#f87171;background:#3d1a1a;border-color:#f87171}.log-body{font-family:var(--mono);color:#cbd5e1;white-space:pre-wrap;word-break:break-all;background:#0f1520;flex:1;padding:14px 18px;font-size:11.5px;line-height:1.7;overflow-y:auto}.log-body .le{color:#f87171;font-weight:600}.log-body .lw{color:#fbbf24}.log-body .li{color:#34d399}.log-body::-webkit-scrollbar{width:5px}.log-body::-webkit-scrollbar-track{background:#0f1520}.log-body::-webkit-scrollbar-thumb{background:#2d3548;border-radius:3px}.log-statusbar{color:#475569;font-size:10px;font-family:var(--mono);background:#141826;border-top:1px solid #252d42;flex-shrink:0;justify-content:space-between;padding:6px 18px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #2d3548;border-top-color:#2563eb;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.add-overlay{z-index:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f192373;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.add-overlay.open{display:flex}.add-modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--sh3);border-radius:16px;animation:.2s modalIn}.add-body{padding:22px}.form-group{margin-bottom:16px}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-select{font-family:var(--ui);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px}.form-select:focus{border-color:var(--blue)}.form-hint{color:var(--text4);margin-top:4px;font-size:11px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.toast{z-index:9999;box-shadow:var(--sh3);font-size:13px;font-weight:600;font-family:var(--ui);opacity:0;pointer-events:none;border-radius:10px;align-items:center;gap:8px;max-width:320px;padding:12px 18px;transition:all .25s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border:1px solid var(--green-md);color:var(--green);background:#fff}.toast.error{border:1px solid var(--red-md);color:var(--red);background:#fff}.toast.info{border:1px solid var(--border);color:var(--text2);background:#fff}.empty-state{text-align:center;color:var(--text3);padding:48px}.empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.empty-title{color:var(--text2);margin-bottom:6px;font-size:15px;font-weight:600}.empty-desc{color:var(--text3);max-width:300px;margin:0 auto;font-size:13px}