:root{--bg-deep: #05070a;--bg-void: #0a0d11;--bg-panel: #10151b;--bg-panel-alt: #151b22;--bg-raised: #1a222a;--border: #223039;--border-bright: #2f4450;--ph-green: #3dffa0;--ph-green-dim: #1f8a5c;--ph-amber: #ffb03c;--ph-cyan: #4dd8ff;--ph-yellow: #f4e04d;--ph-violet: #b98cff;--ph-red: #ff5266;--text-primary: #d9e6e2;--text-dim: #7c9096;--text-faint: #4c5c62;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 3px;--shadow-panel: 0 0 0 1px var(--border), 0 8px 24px -12px rgba(0, 0, 0, .6);--glow-green: 0 0 8px rgba(61, 255, 160, .45);--glow-red: 0 0 8px rgba(255, 82, 102, .55);--glow-amber: 0 0 8px rgba(255, 176, 60, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-ui)}body{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:28px 28px}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}::selection{background:var(--ph-green-dim);color:#001a10}*:focus-visible{outline:2px solid var(--ph-cyan);outline-offset:2px}.mono{font-family:var(--font-mono)}.led{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.led-green{background:var(--ph-green);box-shadow:var(--glow-green)}.led-amber{background:var(--ph-amber);box-shadow:var(--glow-amber)}.led-red{background:var(--ph-red);box-shadow:var(--glow-red);animation:led-pulse 1.4s ease-in-out infinite}.led-dim{background:var(--text-faint)}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-panel)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.shell{display:grid;grid-template-columns:224px 1fr;grid-template-rows:52px 1fr 34px;grid-template-areas:"topbar topbar" "nav main" "nav ticker";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:20px;padding:0 18px;background:var(--bg-void);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;font-size:13px;color:var(--ph-green);white-space:nowrap}.topbar-brand .brand-mark{width:22px;height:22px;flex-shrink:0}.topbar-metrics{display:flex;gap:22px;margin-left:auto;font-family:var(--font-mono);font-size:11px}.topbar-metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1}.topbar-metric .tm-label{color:var(--text-faint);letter-spacing:.08em;font-size:9px}.topbar-metric .tm-value{color:var(--text-primary);font-size:13px}.topbar-metric .tm-value.ok{color:var(--ph-green)}.topbar-metric .tm-value.warn{color:var(--ph-amber)}.topbar-clock{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);padding-left:18px;border-left:1px solid var(--border)}.topbar-user{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.topbar-user .avatar{width:24px;height:24px;border-radius:2px;background:var(--bg-raised);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;color:var(--ph-green);font-weight:700;font-size:10px}.nav-rail{grid-area:nav;background:var(--bg-void);border-right:1px solid var(--border);overflow-y:auto;padding:10px 0 16px}.nav-group-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-faint);padding:14px 16px 6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;border-left:3px solid transparent;color:var(--text-dim);text-decoration:none;font-size:12.5px;cursor:pointer;position:relative;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-item:hover{background:var(--bg-panel);color:var(--text-primary)}.nav-item.active{background:var(--bg-panel-alt);color:var(--ph-green);border-left-color:var(--ph-green)}.nav-item .nav-switch{width:18px;height:10px;border-radius:2px;border:1px solid var(--border-bright);flex-shrink:0;position:relative;background:var(--bg-deep)}.nav-item .nav-switch:after{content:"";position:absolute;top:1px;left:1px;width:7px;height:6px;border-radius:1px;background:var(--text-faint);transition:transform .15s ease,background .15s ease}.nav-item.active .nav-switch:after{transform:translate(9px);background:var(--ph-green);box-shadow:var(--glow-green)}.nav-item .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-viewport{grid-area:main;overflow-y:auto;padding:18px 20px 28px;background:radial-gradient(ellipse at top left,rgba(61,255,160,.035),transparent 55%),var(--bg-deep)}.page-enter{animation:page-in .32s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h1{font-size:17px;margin:0 0 2px;letter-spacing:.02em;font-weight:600}.page-head .page-sub{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.page-head-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.ticker{grid-area:ticker;background:var(--bg-void);border-top:1px solid var(--border);display:flex;align-items:center;overflow:hidden;position:relative}.ticker-label{flex-shrink:0;padding:0 12px;height:100%;display:flex;align-items:center;gap:6px;background:#ff52661a;color:var(--ph-red);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;border-right:1px solid var(--border)}.ticker-track{display:flex;align-items:center;gap:40px;white-space:nowrap;animation:ticker-scroll 26s linear infinite;padding-left:100%}.ticker-track:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker-item{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.ticker-item .ti-sev{font-weight:700}.ticker-item .ti-sev.critical{color:var(--ph-red)}.ticker-item .ti-sev.high{color:var(--ph-amber)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);position:relative;box-shadow:var(--shadow-panel)}.panel:before,.panel:after{content:"";position:absolute;width:7px;height:7px;border-color:var(--border-bright);border-style:solid;pointer-events:none}.panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.panel:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel-alt)}.panel-head h2{font-size:11px;margin:0;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-mono);font-weight:600}.panel-head-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.panel-body{padding:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.shell{grid-template-columns:1fr;grid-template-rows:52px 1fr 34px;grid-template-areas:"topbar" "main" "ticker"}.nav-rail{position:fixed;top:52px;left:0;bottom:34px;width:224px;z-index:40;transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 24px #00000080}.nav-rail.open{transform:translate(0)}.nav-scrim{position:fixed;inset:52px 0 34px;background:#00000080;z-index:30}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.topbar-metrics{display:none}}@media(max-width:480px){.topbar-user span{display:none}.topbar-clock,.topbar-user{padding-left:10px}}.nav-burger{display:none;background:none;border:1px solid var(--border-bright);color:var(--text-dim);border-radius:2px;width:30px;height:30px;align-items:center;justify-content:center;cursor:pointer}@media(max-width:860px){.nav-burger{display:flex}}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.stat-card .stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:6px}.stat-card .stat-value{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--text-primary);line-height:1}.stat-card .stat-value .unit{font-size:13px;color:var(--text-dim);font-weight:400;margin-left:4px}.stat-card .stat-delta{font-family:var(--font-mono);font-size:11px}.stat-card .stat-delta.up{color:var(--ph-green)}.stat-card .stat-delta.down{color:var(--ph-red)}.stat-card .stat-bar{height:4px;background:var(--bg-void);border-radius:2px;overflow:hidden;margin-top:2px}.stat-card .stat-bar-fill{height:100%;background:var(--ph-green);border-radius:2px;transition:width .6s ease}.stat-card .stat-bar-fill.warn{background:var(--ph-amber)}.stat-card .stat-bar-fill.crit{background:var(--ph-red)}.btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border-bright);background:var(--bg-raised);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn:hover{border-color:var(--ph-green);color:var(--ph-green)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ph-green-dim);border-color:var(--ph-green);color:#04140c;font-weight:700}.btn-primary:hover{background:var(--ph-green);color:#04140c}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-bright)}.btn-danger{border-color:var(--ph-red);color:var(--ph-red)}.btn-danger:hover{background:#ff52661f}.btn-sm{padding:5px 10px;font-size:11px}.btn-block{width:100%;justify-content:center}.badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;padding:2px 7px;border-radius:2px;border:1px solid currentColor;display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;white-space:nowrap}.badge-green{color:var(--ph-green);background:#3dffa014}.badge-amber{color:var(--ph-amber);background:#ffb03c14}.badge-red{color:var(--ph-red);background:#ff526614}.badge-cyan{color:var(--ph-cyan);background:#4dd8ff14}.badge-dim{color:var(--text-dim);background:#7c909614;border-color:var(--border-bright)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.field input,.field select,.field textarea{background:var(--bg-void);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-primary);padding:9px 11px;font-size:13px;font-family:var(--font-ui);transition:border-color .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ph-green);outline:none}.field .field-error{color:var(--ph-red);font-size:11px;font-family:var(--font-mono)}.field.has-error input{border-color:var(--ph-red)}.field-hint{color:var(--text-faint);font-size:11px}.check-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.check-row input{accent-color:var(--ph-green);width:15px;height:15px}.password-field{position:relative}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-faint);cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.password-toggle:hover{color:var(--ph-green)}.strength-meter{display:flex;gap:4px;margin-top:6px}.strength-meter span{height:4px;flex:1;background:var(--bg-void);border-radius:2px;overflow:hidden}.strength-meter span:after{content:"";display:block;height:100%;width:0;transition:width .2s ease,background .2s ease}.strength-meter.s1 span:nth-child(1):after{width:100%;background:var(--ph-red)}.strength-meter.s2 span:nth-child(-n+2):after{width:100%;background:var(--ph-amber)}.strength-meter.s3 span:nth-child(-n+3):after{width:100%;background:var(--ph-cyan)}.strength-meter.s4 span:after{width:100%;background:var(--ph-green)}.strength-label{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);margin-top:4px}.skeleton{position:relative;overflow:hidden;background:var(--bg-raised);border-radius:2px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(61,255,160,.12),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px;text-align:center;color:var(--text-faint);gap:10px}.empty-state .empty-icon{opacity:.6}.empty-state .empty-title{font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);letter-spacing:.04em}.empty-state .empty-sub{font-size:11.5px;max-width:320px}.drawer-scrim{position:fixed;inset:0;background:#02040699;z-index:100;animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg-panel);border-left:1px solid var(--border-bright);z-index:101;display:flex;flex-direction:column;animation:drawer-in .24s cubic-bezier(.2,.7,.3,1) both;box-shadow:-16px 0 32px #00000080}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-panel-alt)}.drawer-head h3{margin:0 0 4px;font-size:15px}.drawer-close{background:none;border:1px solid var(--border-bright);color:var(--text-dim);width:26px;height:26px;border-radius:2px;cursor:pointer;flex-shrink:0}.drawer-close:hover{color:var(--ph-red);border-color:var(--ph-red)}.drawer-body{padding:16px;overflow-y:auto;flex:1}.kv-list{display:flex;flex-direction:column;gap:10px}.kv-row{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.kv-row .kv-key{color:var(--text-faint);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.kv-row .kv-val{color:var(--text-primary);text-align:right;font-family:var(--font-mono)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-void);border:1px solid var(--border-bright);border-radius:var(--radius);padding:7px 10px;min-width:200px}.search-box input{background:none;border:none;color:var(--text-primary);font-size:12.5px;outline:none;width:100%;font-family:var(--font-mono)}.search-box svg{color:var(--text-faint);flex-shrink:0}.chip-group{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:11px;padding:6px 11px;border-radius:2px;border:1px solid var(--border-bright);background:var(--bg-void);color:var(--text-dim);cursor:pointer;transition:all .15s ease}.chip:hover{color:var(--text-primary)}.chip.active{color:var(--ph-green);border-color:var(--ph-green);background:#3dffa014}.breaker-rail{display:flex;gap:3px}.breaker-rail span{width:6px;height:14px;border-radius:1px;background:var(--bg-void);border:1px solid var(--border-bright)}.breaker-rail span.closed{background:var(--ph-green);border-color:var(--ph-green)}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table thead th{text-align:left;padding:9px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-bright);background:var(--bg-panel-alt);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}.data-table thead th:hover{color:var(--text-dim)}.data-table thead th .sort-arrow{margin-left:5px;color:var(--ph-green)}.data-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s ease}.data-table tbody tr:hover{background:var(--bg-panel-alt)}.data-table tbody tr.selected{background:#3dffa00f}.data-table td{padding:9px 12px;color:var(--text-primary);white-space:nowrap}.data-table td.mono{font-family:var(--font-mono);color:var(--text-dim)}.row-fade-in{animation:row-in .25s ease both}@keyframes row-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-deep)}.auth-side{position:relative;overflow:hidden;background:var(--bg-void);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:36px}.auth-side:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(61,255,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,255,160,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse at 30% 30%,black,transparent 75%);mask-image:radial-gradient(ellipse at 30% 30%,black,transparent 75%)}.auth-side-brand{font-family:var(--font-mono);color:var(--ph-green);font-weight:700;letter-spacing:.06em;font-size:14px;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.auth-side-diagram{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center}.auth-side-quote{position:relative;z-index:1;font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);border-left:2px solid var(--ph-green);padding-left:12px;line-height:1.6}.auth-main{display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:100%;max-width:380px}.auth-card h1{font-size:19px;margin:0 0 4px}.auth-card .auth-sub{color:var(--text-dim);font-size:12.5px;margin:0 0 24px;font-family:var(--font-mono)}.auth-foot{margin-top:18px;font-size:12px;color:var(--text-dim);text-align:center}.auth-foot a{color:var(--ph-green);text-decoration:none}.auth-foot a:hover{text-decoration:underline}.auth-links-row{display:flex;justify-content:space-between;align-items:center;margin:-6px 0 16px}.auth-links-row a{font-size:11.5px;color:var(--text-faint);text-decoration:none}.auth-links-row a:hover{color:var(--ph-cyan)}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-side{display:none}}.error-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-deep);padding:32px;text-align:center;gap:18px}.error-art{width:min(360px,80vw);height:auto}.error-code{font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:var(--ph-red)}.error-shell h1{font-size:20px;margin:0;max-width:460px}.error-shell p{color:var(--text-dim);font-size:13px;max-width:420px;margin:0}.error-actions{display:flex;gap:10px;margin-top:6px}.error-flicker{animation:flicker 3.2s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}.topo-panel{background:radial-gradient(ellipse at 20% 10%,rgba(61,255,160,.05),transparent 50%),var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px;position:relative}.topo-svg{width:100%;height:auto;display:block}.topo-line{stroke:var(--border-bright);stroke-width:.5;fill:none}.topo-line.energized{stroke:var(--ph-green-dim)}.topo-node-circle{fill:var(--bg-void);stroke-width:1;cursor:pointer;transition:filter .15s ease}.topo-node-group:hover .topo-node-circle{filter:brightness(1.4)}.topo-node-group{cursor:pointer}.topo-label{font-family:var(--font-mono);font-size:2.6px;fill:var(--text-dim);pointer-events:none}.topo-sub-label{font-family:var(--font-mono);font-size:2.1px;fill:var(--text-faint);pointer-events:none}.topo-breaker{fill:var(--bg-void);stroke:var(--border-bright);stroke-width:.5}.topo-breaker.closed{stroke:var(--ph-green)}.topo-breaker.open{stroke:var(--ph-red)}.topo-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim)}.topo-legend-item{display:flex;align-items:center;gap:6px}