:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05080f;--panel:#0d1423c7;--panel-solid:#0b1220;--line:#94a3b821;--line-strong:#94a3b83d;--text:#e6edf7;--muted:#8595ad;--faint:#5f7088;--cyan:#22d3ee;--indigo:#818cf8;--teal:#2dd4bf;--green:#34d399;--rose:#fb7185;--amber:#fbbf24;--violet:#c084fc;--blue:#60a5fa;--radius:18px;--mono:"SFMono-Regular", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);background:radial-gradient(1000px 560px at 8% -12%, #22d3ee21, transparent 62%), radial-gradient(1000px 620px at 96% -6%, #818cf826, transparent 62%), radial-gradient(900px 640px at 50% 108%, #2dd4bf0f, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 78%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 78%)}a{color:var(--cyan);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#22d3ee40}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b82e padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b852 padding-box padding-box}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:10.5px}.right{text-align:right}.shell{z-index:1;width:100%;max-width:1560px;margin:0 auto;padding:26px 28px 48px;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:4px 0 22px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#031018;background:linear-gradient(135deg,#22d3ee,#818cf8);border-radius:14px;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 0 34px #22d3ee40,inset 0 1px #ffffff80}.brand-text h1{letter-spacing:.2px;align-items:baseline;gap:8px;margin:0;font-size:21px;font-weight:650;display:flex}.brand-text .version{letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:600}.brand-text p{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:10.5px}.topbar-right{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.endpoint-chip{color:#a9bad2;border:1px solid var(--line);background:#070d18b3;border-radius:999px;padding:7px 11px;font-size:10.5px}.demo-badge{font-family:var(--mono);letter-spacing:.06em;color:#fcd34d;background:#fbbf2417;border:1px solid #fbbf2447;border-radius:999px;padding:7px 10px;font-size:10px}.status-pill{letter-spacing:.12em;border:1px solid var(--line);color:var(--muted);background:#0c1321ad;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.status-pill i{background:#64748b;border-radius:50%;width:6px;height:6px}.status-pill.live{color:#6ee7b7;background:#10b98114;border-color:#34d3994d}.status-pill.live i{background:#34d399;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #34d39924}.status-pill.connecting{color:#fde68a;border-color:#fbbf2440}.status-pill.connecting i{background:#fbbf24;animation:1.1s ease-in-out infinite pulse}.status-pill.offline{color:#fda4af;background:#f43f5e12;border-color:#fb71854d}.status-pill.offline i{background:#fb7185}.clock{color:var(--muted);align-items:center;gap:6px;padding:7px 4px;font-size:11px;display:inline-flex}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#0c1321a6;border-radius:10px;place-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--line-strong);background:#182338cc}.icon-button:disabled{opacity:.35;cursor:not-allowed}.btn{border:1px solid var(--line);color:var(--text);white-space:nowrap;background:#141f33bf;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:600;transition:transform .12s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:#1e2c45d9}.btn:active{transform:translateY(1px)}.btn-primary{color:#d9fbff;background:linear-gradient(135deg,#22d3ee33,#818cf833);border-color:#22d3ee66;box-shadow:0 8px 24px #22d3ee1a}.btn-primary:hover{background:linear-gradient(135deg,#22d3ee4d,#818cf847);border-color:#22d3eea6}.btn-ghost{background:0 0}.btn-danger{color:#fecdd3;background:#f43f5e14;border-color:#fb718559}.btn-danger:hover{background:#f43f5e29}.btn-sm{border-radius:8px;padding:6px 10px;font-size:11px}.text-button{color:#7dd3fc;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.text-button:hover{color:#bae6fd;text-underline-offset:3px;text-decoration:underline}.inline-link{color:#7dd3fc;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.inline-link:hover{color:#bae6fd}.alert{border:1px solid var(--line);background:#0f172abf;border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:12px;display:flex}.alert-error{color:#fecdd3;background:#f43f5e14;border-color:#fb71854d}.alert-success{color:#a7f3d0;background:#10b98114;border-color:#34d3994d}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.kpi-card{border:1px solid var(--line);background:linear-gradient(#111b2ed1,#090f1be6);border-radius:16px;padding:14px 15px 13px;transition:transform .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.kpi-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee17,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -30px -50px auto}.kpi-card:hover{border-color:#94a3b83d;transform:translateY(-2px)}.kpi-card.kpi-danger{background:linear-gradient(#2d1220b8,#0c0e1ceb);border-color:#fb718552}.kpi-card.pulse-up:before,.kpi-card.pulse-down:before{content:"";pointer-events:none;animation-duration:1.15s;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute;inset:0}.kpi-card.pulse-up:before{background:radial-gradient(circle at 20% 0,#34d39952,#0000 68%);animation-name:kpi-flash-up}.kpi-card.pulse-down:before{background:radial-gradient(circle at 20% 0,#fb718552,#0000 68%);animation-name:kpi-flash-down}.kpi-card.pulse-up .kpi-value{animation:1.15s ease-out both kpi-value-up}.kpi-card.pulse-down .kpi-value{animation:1.15s ease-out both kpi-value-down}.kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-label{letter-spacing:.08em;color:var(--muted);font-size:10.5px}.kpi-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--cyan);background:#22d3ee0f;border-radius:9px;place-items:center;display:grid}.kpi-icon.tone-indigo{color:var(--indigo);background:#818cf814}.kpi-icon.tone-teal{color:var(--teal);background:#2dd4bf12}.kpi-icon.tone-emerald{color:var(--green);background:#34d39912}.kpi-icon.tone-blue{color:var(--blue);background:#60a5fa12}.kpi-icon.tone-rose{color:var(--rose);background:#fb718514}.kpi-value{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:25px;font-weight:650;line-height:1}.kpi-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.instance-strip{border:1px solid var(--line);background:#0a101d8c;border-radius:16px;margin-bottom:14px;padding:12px 14px}.instance-strip-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:10.5px;font-weight:650;display:flex}.eyebrow .endpoint{font-family:var(--mono);letter-spacing:0;text-transform:none;color:#7dd3fc;background:#22d3ee0f;border:1px solid #22d3ee29;border-radius:6px;margin-left:6px;padding:3px 7px;font-size:10px}.instance-strip-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:12px;font-size:10.5px;display:flex}.allowlist-pill{letter-spacing:.04em;border:1px solid var(--line);color:var(--faint);border-radius:999px;padding:3px 8px;font-size:9.5px}.allowlist-pill.on{color:#fcd34d;background:#fbbf2412;border-color:#fbbf2447}.instance-cards{flex-wrap:wrap;gap:9px;display:flex}.instance-card{text-align:left;border:1px solid var(--line);background:#10192a8c;border-radius:12px;flex:260px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:230px;max-width:420px;padding:9px 11px;transition:border-color .15s,background .15s,transform .15s;display:grid}.instance-card:hover{background:#162237b3;border-color:#22d3ee4d}.instance-card.selected{background:linear-gradient(135deg,#22d3ee1a,#818cf80f);border-color:#22d3ee8c;box-shadow:0 0 0 1px #22d3ee29,0 8px 24px #22d3ee0f}.instance-card.disabled{opacity:.55}.instance-card.instance-clear{flex:none;grid-template-columns:1fr;min-width:120px;max-width:160px}.instance-main{min-width:0}.instance-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;display:block;overflow:hidden}.instance-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.instance-metrics{color:var(--faint);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:9.5px;display:flex}.instance-metrics span{align-items:center;gap:4px;display:inline-flex}.instance-empty{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:4px 2px;font-size:11px;display:flex}.status-dot{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.status-dot.up{background:#34d399;box-shadow:0 0 0 4px #34d39921}.status-dot.down{background:#fb7185;box-shadow:0 0 0 4px #fb71851f}.status-dot.unknown,.status-dot.idle{background:#64748b}.panel-grid{gap:14px;margin-bottom:14px;display:grid}.chart-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr)}.main-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,1.57fr)}.panel{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#10192bd1,#080d19e6);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000052,inset 0 1px #ffffff09}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 18px 11px;display:flex}.panel-head h2{letter-spacing:.01em;margin:0;font-size:14px;font-weight:650}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:10.5px}.panel-badge{font-family:var(--mono);color:#a5b4fc;white-space:nowrap;background:#818cf812;border:1px solid #818cf83d;border-radius:999px;padding:4px 8px;font-size:10px}.live-badge{letter-spacing:.12em;color:#6ee7b7;background:#10b9810f;border:1px solid #34d39940;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.live-badge i{background:#34d399;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.live-badge.offline{color:#fcd34d;background:#fbbf240f;border-color:#fbbf2440}.live-badge.offline i{background:#fbbf24}.live-badge.paused{color:#c4b5fd;background:#c084fc12;border-color:#c084fc4d}.live-badge.paused i{background:#c084fc;animation:none}.panel-body{padding:0 18px 16px}.panel-body.no-pad-top{padding-top:0}.panel-empty{text-align:center;color:var(--muted);padding:26px 16px;font-size:11.5px;line-height:1.7}.traffic-chart svg{width:100%;height:auto;display:block;overflow:visible}.chart-summary{flex-wrap:wrap;align-items:flex-end;gap:28px;padding:2px 2px 10px;display:flex}.chart-summary span{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:9.5px;display:block}.chart-summary strong{font-family:var(--mono);color:#dbeafe;align-items:baseline;gap:2px;font-size:18px;font-weight:650;display:inline-flex}.chart-summary strong em{color:var(--muted);font-size:10px;font-style:normal}.chart-summary strong.up{color:var(--cyan);margin-right:9px}.chart-summary strong.down{color:var(--rose)}.axis-label{fill:#667892;font-family:var(--mono);font-size:9.5px}.chart-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;padding:6px 4px 0;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-line{background:linear-gradient(90deg,#22d3ee,#a5b4fc);border-radius:2px;width:16px;height:2px}.legend-bar{border-radius:2px;width:7px;height:7px}.legend-bar.cyan{background:#22d3eea6}.legend-bar.rose{background:#fb7185a6}.mix-body{align-items:center;gap:16px;display:flex}.donut-wrap{flex:0 0 132px}.donut{filter:drop-shadow(0 0 18px #22d3ee12);width:132px;height:132px}.donut-value{fill:var(--text);font-family:var(--mono);font-size:20px;font-weight:700}.donut-label{fill:var(--muted);letter-spacing:.12em;font-size:9px}.mix-legend{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:4px;display:flex}.mix-row{grid-template-columns:8px minmax(0,1fr) auto 42px;align-items:center;gap:7px;padding:2px 0;font-size:10.5px;display:grid}.legend-dot{border-radius:50%;width:6px;height:6px}.mix-name{color:#b8c6da;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mix-count{font-family:var(--mono);color:#dbeafe;font-size:10px}.mix-pct{font-family:var(--mono);color:var(--faint);text-align:right;font-size:9.5px}.asn-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;padding-top:13px;display:grid}.asn-rank{min-width:0}.mini-title{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;font-size:9.5px;font-weight:650}.mini-empty{color:var(--faint);padding:4px 0;font-size:10.5px}.asn-row{grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:7px;padding:2.5px 0;font-size:10px;display:grid}.asn-name{font-family:var(--mono);color:#a5b4fc;white-space:nowrap}.asn-bar{background:#94a3b814;border-radius:4px;height:5px;overflow:hidden}.asn-bar i{background:linear-gradient(90deg,#22d3eea6,#818cf899);border-radius:4px;height:100%;display:block}.asn-count{text-align:right;font-family:var(--mono);color:var(--muted);font-size:9.5px}.peer-panel-summary{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:0 16px 10px;font-size:10.5px;display:flex}.peer-panel-summary b{color:var(--text);font-family:var(--mono);font-weight:600}.peer-panel-summary .text-button{margin-left:auto}.peer-list{max-height:424px;overflow-y:auto}.peer-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #94a3b80f;grid-template-columns:auto minmax(0,1.35fr) minmax(205px,auto) 82px;align-items:center;gap:11px;width:100%;padding:10px 16px;transition:background .13s;display:grid}.peer-row:hover{background:#94a3b809}.peer-row.selected{box-shadow:inset 2px 0 0 var(--cyan);background:linear-gradient(90deg,#22d3ee1a,#22d3ee05)}.peer-identity{min-width:0}.peer-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.peer-ip{color:#e2f6ff;font-size:12px;font-weight:650}.peer-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9.5px;display:block;overflow:hidden}.peer-metrics{justify-content:flex-end;align-items:center;gap:12px;display:flex}.metric{flex-direction:column;align-items:flex-end;gap:1px;min-width:42px;display:flex}.metric b{font-family:var(--mono);color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.metric em{letter-spacing:.04em;color:var(--faint);font-size:8.5px;font-style:normal}.metric.up b{color:var(--cyan)}.metric.down b{color:var(--rose)}.peer-time{color:var(--faint);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;font-size:9.5px;display:flex}.session-label{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-size:8.5px}.session-label.up{color:#6ee7b7;background:#10b98112;border-color:#34d39940}.session-label.down{color:#fda4af;background:#f43f5e12;border-color:#fb718540}.session-label.unknown{color:var(--muted)}.badge{letter-spacing:.03em;border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#94a3b80d;border-radius:4px;align-items:center;padding:2px 5px;font-size:8.5px;font-weight:650;display:inline-flex}.badge.asn{color:#a5b4fc;background:#818cf814;border-color:#818cf840}.badge.subtle{color:var(--faint)}.badge.violet{color:#d8b4fe;background:#c084fc14;border-color:#c084fc40}.badge.amber{color:#fcd34d;background:#fbbf2412;border-color:#fbbf2440}.feed-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 10px;display:flex}.tabs{border:1px solid var(--line);background:#050a1499;border-radius:9px;gap:2px;padding:3px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:600;transition:color .13s,background .13s}.tab:hover{color:var(--text)}.tab.active{color:#d9fbff;background:#22d3ee1f;box-shadow:inset 0 0 0 1px #22d3ee29}.feed-actions{align-items:center;gap:8px;display:flex}.search{border:1px solid var(--line);height:34px;color:var(--faint);background:#050a149e;border-radius:9px;align-items:center;gap:7px;padding:0 10px;transition:border-color .15s;display:flex}.search:focus-within{color:var(--cyan);border-color:#22d3ee66}.search input{width:200px;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search input::placeholder{color:var(--faint)}.search-small input{width:158px}.clear-input{color:var(--muted);background:#94a3b81a;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:grid}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 9px;display:flex}.filter-chip{color:#bae6fd;background:#22d3ee14;border:1px solid #22d3ee33;border-radius:999px;align-items:center;padding:3px 8px;font-size:9.5px;display:inline-flex}.feed-table{border-top:1px solid var(--line)}.feed-header,.feed-row{grid-template-columns:88px 70px minmax(140px,1.1fr) minmax(180px,2fr) 50px;align-items:center;gap:10px;padding:8px 14px;display:grid}.feed-header{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);background:#94a3b806;font-size:9px;font-weight:650}.feed-scroll{max-height:424px;overflow-y:auto}.feed-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #94a3b80e;width:100%;transition:background .12s;animation:.7s ease-out row-in}.feed-row:hover{background:#94a3b80a}.feed-time{color:#92a5bf;white-space:nowrap;font-size:9.5px}.type-badge{width:fit-content;font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--type-color,#94a3b8);background:color-mix(in srgb, var(--type-color,#94a3b8) 11%, transparent);border:1px solid color-mix(in srgb, var(--type-color,#94a3b8) 28%, transparent);border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;font-size:8px;font-weight:700;display:inline-flex}.feed-peer{min-width:0}.feed-peer-main{color:#d7e4f4;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;display:block;overflow:hidden}.feed-peer-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;display:block;overflow:hidden}.feed-summary{flex-direction:column;gap:2px;min-width:0;display:flex}.feed-main{color:#c7d5e8;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.feed-sub{font-family:var(--mono);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.feed-summary.has-error .feed-main{color:#fda4af}.feed-count{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.feed-count b{font-family:var(--mono);color:#a5b4fc;font-size:10.5px;font-weight:600}.feed-count em{color:var(--faint);font-size:8px;font-style:normal}.feed-footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;font-size:9.5px;display:flex}.feed-live{font-family:var(--mono);letter-spacing:.1em;color:#6ee7b7;align-items:center;gap:5px;font-size:8.5px;display:inline-flex}.feed-live i{background:#34d399;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}.feed-live.paused{color:#c4b5fd}.feed-live.paused i{background:#c084fc;animation:none}.route-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;display:flex}.route-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:10.5px;display:flex}.route-summary b{font-family:var(--mono);color:var(--text);font-weight:650}.route-scroll{overflow-x:auto}.route-table{border-collapse:collapse;width:100%;min-width:1080px;font-size:10.5px}.route-table th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;background:#94a3b806;padding:8px 12px;font-size:9px;font-weight:650}.route-table th.right{text-align:right}.route-table td{vertical-align:middle;color:#b9c8db;border-bottom:1px solid #94a3b80e;padding:8px 12px}.route-table tbody tr:hover td{background:#94a3b808}.route-table td.right{text-align:right}.prefix{color:#e0f7ff;font-weight:650}.path-id{font-family:var(--mono);color:var(--faint);margin-left:5px;font-size:8.5px}.peer-asn{font-family:var(--mono);color:#a5b4fc;margin-left:6px;font-size:8.5px}.path-chips{flex-wrap:wrap;gap:3px;max-width:250px;display:flex}.asn-chip{font-family:var(--mono);color:#c7d2fe;background:#818cf814;border:1px solid #818cf824;border-radius:3px;padding:1.5px 4px;font-size:8.5px}.asn-chip.more{color:var(--faint);border-color:var(--line);background:0 0}.origin-badge{font-family:var(--mono);text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:8.5px}.origin-igp{color:#6ee7b7;background:#10b9810f;border-color:#34d39938}.origin-egp{color:#fcd34d;background:#fbbf240f;border-color:#fbbf2438}.origin-incomplete{color:#fdba74;background:#fb923c0f;border-color:#fb923c38}.community-list{flex-wrap:wrap;gap:3px;max-width:180px;display:flex}.community{font-family:var(--mono);color:#fcd34d;background:#fbbf240f;border:1px solid #fbbf2424;border-radius:3px;padding:1.5px 4px;font-size:8.5px}.community.more{color:var(--faint);border-color:var(--line);background:0 0}.updates{font-family:var(--mono);color:var(--faint);margin-top:2px;font-size:8.5px;display:block}.route-footer{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:9.5px;display:flex}.pagination{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.pagination .icon-button{border-radius:8px;width:28px;height:28px}.empty-state{text-align:center;flex-direction:column;align-items:center;margin-bottom:14px;padding:48px 30px 42px;display:flex}.empty-orbit{width:82px;height:82px;color:var(--cyan);background:radial-gradient(circle,#22d3ee1f,#0000 65%);border-radius:50%;place-items:center;margin-bottom:16px;display:grid;position:relative}.orbit-ring{border:1px dashed #22d3ee59;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:0}.empty-state h2{margin:0 0 8px;font-size:21px;font-weight:650}.empty-lead{max-width:640px;color:var(--muted);margin:0;font-size:12.5px;line-height:1.75}.empty-endpoint{background:#22d3ee0e;border:1px solid #22d3ee38;border-radius:11px;align-items:center;gap:11px;margin:20px 0;padding:9px 15px;display:flex}.empty-endpoint span{color:var(--muted);font-size:10.5px}.empty-endpoint code{font-family:var(--mono);color:#a5f3fc;font-size:12.5px}.empty-config{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:900px;margin-bottom:24px;display:grid}.empty-config>div{border:1px solid var(--line);background:#03070e80;border-radius:12px;padding:13px 15px;overflow:hidden}.empty-config h3{letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc;margin:0 0 8px;font-size:10px}.empty-config pre{font-family:var(--mono);color:#a9bad2;margin:0;font-size:10px;line-height:1.7;overflow-x:auto}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex}.loading-panel{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:360px;margin-bottom:14px;display:flex}.loading-panel h2{margin:4px 0 0;font-size:16px;font-weight:600}.loading-panel p{color:var(--muted);margin:0;font-size:11px}.spinner{border:2px solid #22d3ee2e;border-top-color:var(--cyan);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 4px 0;font-size:10px;display:flex}.footer>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-brand{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:650}.footer a{color:var(--muted)}.footer a:hover{color:var(--cyan)}.drawer-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02060ead;justify-content:flex-end;animation:.16s fade-in;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--line-strong);background:linear-gradient(#0b1220,#060a13);flex-direction:column;width:min(760px,95vw);height:100%;animation:.24s cubic-bezier(.2,.8,.2,1) drawer-in;display:flex;box-shadow:-30px 0 90px #0000008c}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 20px;display:flex}.drawer-title{align-items:flex-start;gap:11px;display:flex}.drawer-title h2{margin:0;font-size:16px;font-weight:650}.drawer-title p{color:var(--muted);margin:4px 0 0;font-size:10.5px}.drawer-body{padding:17px 20px 46px;overflow-y:auto}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.detail-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>div{border:1px solid var(--line);background:#94a3b809;border-radius:10px;min-width:0;padding:9px 11px}.detail-grid span{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:8.5px;display:block}.detail-grid b{color:#dbe6f4;word-break:break-word;font-size:11.5px;font-weight:600;display:block}.detail-grid b.small{color:#b6c6dd;font-size:10px;font-weight:500}.detail-grid small{color:var(--muted);margin-top:3px;font-size:9.5px;display:block}.detail-section{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.detail-section:first-child{border-top:0;margin-top:0;padding-top:0}.section-title{letter-spacing:.02em;color:#d8e3f2;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11.5px;font-weight:650;display:flex}.session-pill,.count-pill{font-family:var(--mono);letter-spacing:.05em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:8.5px}.session-pill.up{color:#6ee7b7;background:#10b98112;border-color:#34d39947}.session-pill.down{color:#fda4af;background:#f43f5e12;border-color:#fb718547}.badge-row{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.error-box{background:#f43f5e0d;border-top:1px solid #fb71854d;border-radius:10px;margin-top:16px;padding:12px}.error-box p{color:#fecdd3;word-break:break-word;margin:0;font-size:11px}.detail-routes{border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-routes-head,.detail-routes-row{grid-template-columns:1.15fr .55fr .95fr 1.6fr .55fr;gap:8px;padding:7px 10px;font-size:10px;display:grid}.detail-routes-head{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;background:#94a3b80a;font-size:8.5px}.detail-routes-row{color:#b9c8db;border-top:1px solid #94a3b80f}.route-action{border-radius:3px;padding:1.5px 5px;font-size:9px}.route-action.announce{color:#6ee7b7;background:#10b98114}.route-action.withdraw{color:#fda4af;background:#f43f5e14}.as-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.chip{border:1px solid var(--line);color:#b6c6dd;background:#94a3b80d;border-radius:4px;padding:2px 6px;font-size:9px}.stat-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.stat-row{border-top:1px solid #94a3b80f;grid-template-columns:34px minmax(0,1fr) 58px 88px;align-items:center;gap:8px;padding:7px 10px;font-size:10.5px;display:grid}.stat-row:first-child{border-top:0}.stat-code{font-family:var(--mono);color:var(--faint);font-size:9px}.stat-name{color:#b9c8db}.stat-kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);border:1px solid var(--line);text-align:center;border-radius:3px;padding:1px 4px;font-size:8px}.stat-kind.gauge{color:#a5b4fc;border-color:#818cf838}.stat-value{text-align:right;color:#dbeafe;font-size:10px}.open-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.open-card{border:1px solid var(--line);background:#94a3b808;border-radius:10px;padding:10px 12px}.open-line{font-family:var(--mono);color:#b6c6dd;font-size:9.5px}.tlv-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tlv-row{border-top:1px solid #94a3b80f;grid-template-columns:140px minmax(0,1fr);gap:10px;padding:7px 10px;font-size:10px;display:grid}.tlv-row:first-child{border-top:0}.tlv-type{font-family:var(--mono);color:#a5b4fc;font-size:9px}.raw-hex{border:1px solid var(--line);color:#93c5fd;font-family:var(--mono);white-space:pre-wrap;word-break:break-all;background:#03060d;border-radius:10px;max-height:300px;margin:0;padding:13px;font-size:9.5px;line-height:1.75;overflow:auto}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(#111b2ee6,#080d19f2);border-radius:20px;width:min(420px,100%);padding:30px 30px 26px;box-shadow:0 30px 100px #00000080,inset 0 1px #ffffff0a}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-brand .brand-mark{border-radius:12px;width:42px;height:42px}.login-brand h1{margin:0;font-size:18px}.login-brand p{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:3px 0 0;font-size:10px}.login-card h2{margin:0 0 6px;font-size:15px}.login-card>p{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.7}.form-stack{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.field small{color:var(--faint);font-size:9.5px;line-height:1.6}.input,.textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#040912b3;border-radius:9px;outline:none;padding:9px 11px;font-size:12px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:#22d3ee73;box-shadow:0 0 0 3px #22d3ee14}.textarea{resize:vertical;min-height:66px;font-family:inherit}.checkbox-row{color:#b9c8db;align-items:center;gap:8px;font-size:11px;display:flex}.checkbox-row input{width:14px;height:14px;accent-color:var(--cyan)}.login-hint{border:1px dashed var(--line-strong);color:var(--faint);border-radius:9px;margin-top:16px;padding:10px 12px;font-size:9.5px;line-height:1.7}.login-footer{color:var(--faint);justify-content:space-between;margin-top:18px;font-size:10px;display:flex}.admin-shell{z-index:1;max-width:1420px;margin:0 auto;padding:24px 28px 56px;position:relative}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.admin-header-left{align-items:center;gap:13px;display:flex}.admin-badge{letter-spacing:.14em;color:#fcd34d;background:#fbbf2412;border:1px solid #fbbf244d;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.admin-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);align-items:start;gap:14px;display:grid}.admin-stack{flex-direction:column;gap:14px;min-width:0;display:flex}.admin-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#10192bd1,#080d19e6);overflow:hidden;box-shadow:0 24px 80px #00000047,inset 0 1px #ffffff09}.admin-panel .panel-head{border-bottom:1px solid var(--line)}.admin-panel .panel-body{padding:15px 17px 17px}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-grid .field.full{grid-column:1/-1}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:11px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px;font-size:10.5px}.admin-table th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;background:#94a3b808;padding:8px 10px;font-size:8.5px;font-weight:650}.admin-table td{vertical-align:middle;color:#b9c8db;border-bottom:1px solid #94a3b80f;padding:9px 10px}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:#94a3b808}.table-name{align-items:center;gap:8px;display:flex}.table-name b{color:#dbe6f4;font-size:11px;font-weight:650;display:block}.table-name span{font-family:var(--mono);color:var(--faint);margin-top:1px;font-size:9px;display:block}.table-actions{justify-content:flex-end;gap:5px;display:flex}.table-actions .icon-button{border-radius:7px;width:26px;height:26px}.state-badge{letter-spacing:.04em;border:1px solid var(--line);white-space:nowrap;color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:8.5px;font-weight:650;display:inline-flex}.state-badge.online{color:#6ee7b7;background:#10b9810f;border-color:#34d39940}.state-badge.offline{color:var(--faint)}.state-badge.rejected{color:#fda4af;background:#f43f5e0f;border-color:#fb718540}.switch-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.switch-row:first-child{border-top:0;padding-top:0}.switch-copy h3{margin:0 0 4px;font-size:11.5px;font-weight:600}.switch-copy p{color:var(--muted);max-width:430px;margin:0;font-size:10px;line-height:1.65}.switch{border:1px solid var(--line-strong);background:#94a3b81f;border-radius:999px;flex:none;width:38px;height:21px;transition:background .16s,border-color .16s;position:relative}.switch:after{content:"";background:#94a3b8;border-radius:50%;width:15px;height:15px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.switch.on{background:#22d3ee38;border-color:#22d3ee73}.switch.on:after{background:#67e8f9;transform:translate(17px)}.setting-row{border-top:1px solid #94a3b812;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:10.5px;display:flex}.setting-row:first-child{border-top:0}.setting-row span{color:var(--muted)}.setting-row b{font-family:var(--mono);color:#c7d5e8;text-align:right;word-break:break-all;font-size:10px;font-weight:500}.demo-box{background:#fbbf2409;border:1px solid #fbbf242e;border-radius:11px;margin-bottom:12px;padding:12px}.demo-box-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.demo-box-head b{font-size:11px}.demo-box p{color:var(--muted);margin:0 0 10px;font-size:9.5px;line-height:1.65}.admin-footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:10px;display:flex}.toast{z-index:120;border:1px solid var(--line-strong);color:#dbe6f4;background:#0b1220f5;border-radius:11px;max-width:420px;padding:11px 14px;font-size:11px;animation:.18s fade-in;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 60px #00000080}.toast.error{color:#fecdd3;border-color:#fb718559}.toast.success{color:#a7f3d0;border-color:#34d3994d}.divider{background:var(--line);height:1px;margin:14px 0}@keyframes kpi-flash-up{0%{opacity:1;box-shadow:inset 0 0 0 1px #34d399b3,0 0 30px #34d39938}to{opacity:0;box-shadow:inset 0 0 0 1px #34d39900}}@keyframes kpi-flash-down{0%{opacity:1;box-shadow:inset 0 0 0 1px #fb7185b3,0 0 30px #fb718538}to{opacity:0;box-shadow:inset 0 0 0 1px #fb718500}}@keyframes kpi-value-up{0%,22%{color:#34d399;text-shadow:0 0 18px #34d3997a}to{color:inherit;text-shadow:none}}@keyframes kpi-value-down{0%,22%{color:#fb7185;text-shadow:0 0 18px #fb71857a}to{color:inherit;text-shadow:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:.3;transform:translate(42px)}to{opacity:1;transform:translate(0)}}@keyframes row-in{0%{background:#22d3ee17;box-shadow:inset 2px 0 #22d3ee73}to{background:0 0;box-shadow:inset 2px 0 #0000}}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1180px){.chart-grid,.main-grid,.admin-grid{grid-template-columns:1fr}.admin-grid{align-items:stretch}}@media (max-width:900px){.shell,.admin-shell{padding:18px 16px 40px}.peer-row{grid-template-columns:auto minmax(0,1fr) 78px}.peer-metrics{display:none}.feed-header,.feed-row{grid-template-columns:80px 66px minmax(120px,1fr) minmax(160px,1.6fr) 44px}.endpoint-chip{display:none}.empty-config{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media (max-width:680px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right .clock,.brand-text p,.feed-header{display:none}.feed-row{grid-template-columns:74px 62px minmax(0,1fr) 40px;grid-template-areas:"time type peer count""summary summary summary summary";row-gap:6px;padding-top:10px;padding-bottom:10px}.feed-time{grid-area:time}.feed-row .type-badge{grid-area:type}.feed-peer{grid-area:peer}.feed-count{grid-area:count}.feed-summary{grid-area:summary;padding-left:2px}.peer-panel-summary{gap:9px}.instance-card{min-width:100%}.chart-summary{gap:18px}.mix-body{flex-direction:column;align-items:stretch}.donut-wrap{align-self:center}.asn-columns,.detail-grid,.open-grid{grid-template-columns:1fr}.drawer{width:100vw}.drawer-body{padding:14px 14px 40px}.route-table{min-width:920px}.pagination{justify-content:flex-end;width:100%}.route-footer{flex-wrap:wrap}.empty-state{padding:34px 16px}}