@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap";:root{--color-bg:#0a0a0b;--color-bg-gradient:radial-gradient(120% 90% at 18% 6%,#1a1410 0%,#0a0a0b 58%),radial-gradient(90% 70% at 88% 84%,#101a20 0%,transparent 70%);--color-text:#ededea;--color-text-62:#ededea9e;--color-text-55:#ededea8c;--color-text-50:#ededea80;--color-text-42:#ededea6b;--color-text-36:#ededea5c;--color-text-28:#ededea47;--color-accent:oklch(74% .14 62);--color-accent-hover:oklch(79% .14 62);--color-accent-ink:#140b02;--color-accent-glow:#e29b4a59;--color-accent-glow-soft:#e29b4a1a;--color-danger:oklch(72% .13 42);--color-danger-hover:oklch(70% .13 40);--color-danger-border:#e2784a66;--color-danger-bg:#e2784a12;--color-success:oklch(72% .1 155);--color-success-border:#5ebd8a66;--color-success-bg:#5ebd8a14;--color-unknown:#8fa6b8;--color-unknown-border:#8fa6b866;--color-unknown-bg:#8fa6b814;--color-border:#ffffff21;--color-border-strong:#ffffff42;--color-border-soft:#ffffff1c;--color-border-softer:#ffffff1a;--color-border-faint:#ffffff17;--color-border-hairline:#ffffff12;--surface-glass:#ffffff0a;--surface-glass-soft:#ffffff0b;--surface-glass-softer:#ffffff09;--surface-glass-faint:#ffffff08;--font-mono:"Roboto Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;--font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--radius-pill:100px;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:15px;--radius-xs:14px;--max-width:1320px;--sidebar-width:220px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vpnPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg-gradient) var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--color-text);background-attachment:fixed;margin:0}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-link-hover)}button{font-family:inherit}h1,h2,h3{margin:0;font-weight:400}.mono{font-family:var(--font-mono)}.kicker{font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-36)}.glass-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(22px)saturate(1.6)}.app-shell{min-height:100vh;display:flex}.sidebar{flex:0 0 var(--sidebar-width);border-right:1px solid var(--color-border-hairline);flex-direction:column;gap:28px;padding:22px 16px;display:flex}.sidebar-brand{flex-direction:column;gap:4px;padding:4px 10px 14px;display:flex}.sidebar-brand .word{font:500 13px/1 var(--font-mono);letter-spacing:.2em;color:var(--color-text)}.sidebar-brand .kicker{color:var(--color-accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius-xs);font:400 13px/1 var(--font-sans);color:var(--color-text-62);cursor:pointer;align-items:center;gap:10px;padding:11px 12px;display:flex}.sidebar-link:hover{color:var(--color-text);background:var(--surface-glass-faint)}.sidebar-link.active{color:var(--color-text);background:var(--surface-glass-soft);border:1px solid var(--color-border-softer)}.sidebar-link .dot{background:var(--color-text-28);border-radius:50%;flex:none;width:6px;height:6px}.sidebar-link.active .dot{background:var(--color-accent)}.sidebar-admin-pill{border:1px solid var(--color-border-softer);border-radius:var(--radius-md);background:var(--surface-glass-soft);font:400 11px/1.3 var(--font-mono);color:var(--color-text-50);align-items:center;gap:9px;padding:10px 12px;display:flex}.app-main{flex:1;min-width:0;padding:22px 32px 48px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.topbar h1{font:400 26px/1.1 var(--font-sans);letter-spacing:-.01em}.topbar-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.freshness{font:400 11px/1 var(--font-mono);letter-spacing:.04em;color:var(--color-text-42);align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-xs);border:1px solid var(--color-border);background:var(--surface-glass-soft);width:34px;height:34px;color:var(--color-text-62);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--color-text);border-color:var(--color-border-strong)}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}.status-dot.amber{background:var(--color-accent)}.status-dot.amber.pulse{animation:1.1s ease-in-out infinite vpnPulse}.status-dot.danger{background:var(--color-danger)}.status-dot.success{background:var(--color-success)}.status-dot.unknown{border:1.5px dashed var(--color-unknown);background:0 0;width:6px;height:6px}.status-dot.muted{background:var(--color-text-28)}.status-pill{border-radius:var(--radius-pill);font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:5px 11px 5px 9px;display:inline-flex}.status-pill.amber{color:var(--color-accent);background:var(--color-accent-glow-soft);border-color:#e29b4a4d}.status-pill.danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.status-pill.success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.status-pill.unknown{color:var(--color-unknown);background:var(--color-unknown-bg);border-color:var(--color-unknown-border)}.status-pill.muted{color:var(--color-text-50);background:var(--surface-glass-soft);border-color:var(--color-border-softer)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{flex-direction:column;gap:10px;padding:18px 20px;animation:.3s both fadeUp;display:flex}.stat-card-value{font:400 26px/1 var(--font-mono);color:var(--color-text);letter-spacing:-.01em}.stat-card-value.amber{color:var(--color-accent)}.stat-card-value.danger{color:var(--color-danger)}.stat-card-value.unknown{color:var(--color-unknown);font-size:15px}.stat-card-caption{font:400 11px/1.5 var(--font-mono);color:var(--color-text-36)}.content-row{grid-template-columns:1.7fr 1fr;gap:16px;display:grid}.panel{padding:20px 22px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{font:400 14px/1 var(--font-sans);color:var(--color-text)}.activity-row{border-bottom:1px solid var(--color-border-hairline);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-row .status-dot{margin-top:4px}.activity-text{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-time{font:400 10px/1 var(--font-mono);color:var(--color-text-36)}.activity-sentence{font:400 13px/1.4 var(--font-sans);color:var(--color-text-62)}.activity-sentence .frag{font-family:var(--font-mono);color:var(--color-text-50);font-size:12px}.node-mini-row{border-bottom:1px solid var(--color-border-hairline);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.node-mini-row:last-child{border-bottom:none;padding-bottom:0}.node-mini-name{font:400 12px/1 var(--font-sans);color:var(--color-text);align-items:center;gap:8px;display:flex}.node-mini-detail{font:400 10px/1 var(--font-mono);color:var(--color-text-36)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--surface-glass-soft);min-width:0;color:var(--color-text);font:400 13px/1 var(--font-mono);flex:240px;padding:10px 14px}.search-input::placeholder{color:var(--color-text-36)}.search-input:focus{border-color:#e29b4a80;outline:none}.filter-chip-row{flex-wrap:wrap;gap:8px;display:flex}.mobile-filter-btn{display:none}.filter-select{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--surface-glass-soft);color:var(--color-text-62);font:400 11px/1 var(--font-mono);letter-spacing:.04em;padding:9px 12px}.btn{cursor:pointer;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:var(--color-accent-ink);background:var(--color-accent);box-shadow:0 10px 24px var(--color-accent-glow-soft)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-outline{border-color:var(--color-border);background:var(--surface-glass-soft);color:var(--color-text-62)}.btn-outline:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.btn-danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#e2784a24}.btn-full{width:100%}.btn-sm{padding:7px 12px;font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-36);border-bottom:1px solid var(--color-border-faint);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 14px 10px}.data-table thead th:hover{color:var(--color-text-62)}.data-table tbody td{border-bottom:1px solid var(--color-border-hairline);font:400 13px/1.3 var(--font-sans);color:var(--color-text-62);vertical-align:middle;padding:13px 14px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover td{background:var(--surface-glass-faint)}.cell-primary{color:var(--color-text)}.cell-sub{font:400 11px/1 var(--font-mono);color:var(--color-text-36);margin-top:2px}.row-card{display:none}@media (width<=860px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tbody tr,.data-table tbody td{width:100%;display:block}.data-table tbody tr{border-bottom:1px solid var(--color-border-hairline);padding:14px 4px}.data-table tbody td{border:none;padding:4px 0}.data-table tbody td[data-label]:before{content:attr(data-label);font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-36);margin-bottom:4px;display:block}}.state-shell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:52px 24px;animation:.25s both fadeIn;display:flex}.state-icon{border:1px solid var(--color-border-soft);background:var(--surface-glass-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.state-shell .kicker{color:var(--color-text-42)}.state-shell.error .state-icon{border-color:var(--color-danger-border);color:var(--color-danger)}.state-shell.error .kicker{color:var(--color-danger)}.state-shell.degraded .state-icon{color:var(--color-accent);border-color:#e29b4a59}.state-shell.unknown .state-icon{border-color:var(--color-unknown-border);color:var(--color-unknown)}.state-message{font:400 13px/1.5 var(--font-sans);color:var(--color-text-55);max-width:360px}.skeleton-row{border-radius:var(--radius-xs);background:linear-gradient(90deg, var(--surface-glass-faint) 0%, var(--surface-glass-soft) 50%, var(--surface-glass-faint) 100%);background-size:200px 100%;height:46px;margin-bottom:8px;animation:1.4s ease-in-out infinite skeletonShimmer}.stale-banner{border-radius:var(--radius-md);border:1px solid var(--color-unknown-border);background:var(--color-unknown-bg);color:var(--color-unknown);font:400 12px/1.4 var(--font-mono);align-items:center;gap:10px;margin-bottom:16px;padding:11px 16px;display:flex}.scenario-switcher{align-items:center;gap:8px;display:flex}.scenario-switcher select{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--surface-glass-soft);color:var(--color-text-62);font:400 11px/1 var(--font-mono);padding:7px 10px}.detail-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0606078c;animation:.18s both fadeIn;position:fixed;inset:0}.detail-panel{z-index:31;border-left:1px solid var(--color-border);background:#0e0d0cf5;width:min(480px,100%);padding:26px 26px 40px;animation:.22s both fadeUp;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.detail-page{max-width:720px}.detail-close{margin-bottom:18px}.detail-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.detail-avatar{background:var(--surface-glass-soft);border:1px solid var(--color-border-soft);width:44px;height:44px;font:500 15px/1 var(--font-sans);color:var(--color-text-62);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.detail-title h2{font:400 18px/1.2 var(--font-sans)}.detail-title .mono{color:var(--color-text-36);font-size:11px}.detail-section{border-top:1px solid var(--color-border-hairline);padding:16px 0}.detail-section:first-of-type{border-top:none}.detail-section h3{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-36);margin-bottom:12px}.kv-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.kv-item{flex-direction:column;gap:4px;display:flex}.kv-label{font:400 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-36)}.kv-value{font:400 13px/1.3 var(--font-sans);color:var(--color-text)}.kv-value.mono{font-family:var(--font-mono);font-size:12px}.credential-card{border-radius:var(--radius-md);border:1px solid var(--color-border-softer);background:var(--surface-glass-faint);flex-direction:column;gap:10px;margin-bottom:10px;padding:14px 16px;display:flex}.credential-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.credential-card-actions{flex-wrap:wrap;gap:8px;display:flex}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060607a8;justify-content:center;align-items:center;padding:20px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.modal-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#141416f0;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:26px;animation:.2s both fadeUp;display:flex;box-shadow:0 40px 90px #0009}.modal-panel h2{font:400 18px/1.25 var(--font-sans)}.modal-panel p{font:400 12px/1.6 var(--font-mono);color:var(--color-text-50);margin:0}.modal-prototype-note{border-radius:var(--radius-xs);background:var(--color-unknown-bg);border:1px solid var(--color-unknown-border);color:var(--color-unknown);padding:10px 12px;font:400 11px/1.5 var(--font-mono)!important}.modal-prototype-note.production-warning{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-bg)}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.toast{z-index:50;border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text);font:400 12px/1 var(--font-mono);background:#141416f5;align-items:center;gap:8px;padding:12px 18px;animation:.2s both fadeUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000080}.mobile-topbar,.mobile-bottom-nav{display:none}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{display:none}.mobile-topbar{border-bottom:1px solid var(--color-border-hairline);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0bdb;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-topbar .word{font:500 12px/1 var(--font-mono);letter-spacing:.18em}.mobile-bottom-nav{z-index:10;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0beb;justify-content:space-around;display:flex;position:sticky;bottom:0}.mobile-bottom-nav a{border-radius:var(--radius-xs);min-width:44px;min-height:44px;font:400 9px/1 var(--font-mono);letter-spacing:.06em;color:var(--color-text-42);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:flex}.mobile-bottom-nav a.active{color:var(--color-accent);background:var(--surface-glass-soft)}.app-main{padding:16px 14px 90px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-only{display:none!important}.mobile-filter-btn{min-width:44px;min-height:44px;display:inline-flex!important}.icon-btn{width:44px;height:44px}.btn,.btn-sm{min-height:44px}.content-row{grid-template-columns:1fr}.topbar h1{font-size:20px}.detail-overlay{display:none}.detail-panel{border-left:none;width:100%;padding:16px 14px 40px;animation:none;position:static}.kv-grid{grid-template-columns:1fr}.modal-panel{max-width:100%}}@media (width<=400px){.stat-grid{grid-template-columns:1fr}.app-main{padding:14px 10px 90px}}.container{width:100%;max-width:var(--max-width);margin:0 auto}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{flex-direction:column;gap:20px;width:100%;max-width:380px;padding:30px 28px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.auth-fields{flex-direction:column;gap:14px;display:flex}.login-demo-accounts{border-radius:var(--radius-md);border:1px solid var(--color-border-softer);background:var(--surface-glass-faint);font:400 12px/1.6 var(--font-mono);color:var(--color-text-50);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.login-demo-accounts code{color:var(--color-text-62)}.chip-legacy{border-radius:var(--radius-pill);font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-50);background:var(--surface-glass-soft);border:1px solid var(--color-border-softer);align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.fingerprint{font-family:var(--font-mono);color:var(--color-text-42);font-size:11px}