:root{color-scheme:dark;--bg:#061015;--panel:#0b171d;--panel-2:#0f2027;--line:#19dce8;--text:#ecfdff;--muted:#82a4aa;--danger:#ff7183;--ok:#76efab;--warn:#ffd166}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Consolas,SFMono-Regular,Menlo,monospace;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{height:36px;border:1px solid rgba(25,220,232,.7);background:#071218;color:var(--text);font:inherit;padding:0 12px}button{cursor:pointer;color:var(--line)}button:hover{background:rgba(25,220,232,.12)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.nav{border-right:1px solid rgba(25,220,232,.7);background:rgba(4,12,16,.92);padding:20px}.brand{font-size:18px;color:var(--line);margin-bottom:24px}.nav a{display:block;padding:11px 10px;border:1px solid transparent;color:var(--muted)}.nav a:hover{border-color:rgba(25,220,232,.55);color:var(--text)}.main{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}h1,h2,h3{margin:0}h1{font-size:24px}h2{font-size:16px;color:var(--line)}.grid{display:grid;grid-gap:14px;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card,.form,.table{border:1px solid rgba(25,220,232,.7);background:rgba(9,21,27,.88)}.card{padding:16px}.card span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.card strong{font-size:24px;overflow-wrap:anywhere}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid rgba(130,164,170,.18);padding:12px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase}.pill{display:inline-block;padding:3px 8px;border:1px solid rgba(25,220,232,.6);color:var(--line)}.pill.ok{color:var(--ok);border-color:rgba(118,239,171,.7)}.pill.warn{color:var(--warn);border-color:rgba(255,209,102,.7)}.pill.danger{color:var(--danger);border-color:rgba(255,113,131,.7)}.form{display:grid;grid-gap:12px;gap:12px;padding:16px}.form label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:12px;text-transform:uppercase}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);border:1px solid rgba(25,220,232,.75);background:rgba(9,21,27,.94);padding:24px}.muted{color:var(--muted)}.danger{color:var(--danger)}.ok{color:var(--ok)}.stats-grid{display:grid;grid-gap:12px;gap:12px}.stats-grid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{min-height:116px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.stat-card strong{font-size:22px;line-height:1.1;word-break:break-word}.stat-card small{color:var(--muted);line-height:1.35;overflow-wrap:anywhere}.stat-card.ok strong{color:var(--ok)}.stat-card.danger strong{color:var(--danger)}.instance-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.instance-card,.instance-grid{display:grid;grid-gap:12px;gap:12px}.instance-card{min-height:150px;border:1px solid rgba(25,220,232,.7);background:rgba(9,21,27,.88);padding:15px}.instance-card h2{margin-top:4px}.instance-card span{color:var(--muted);font-size:12px}.instance-card small{color:var(--muted);overflow-wrap:anywhere}.instance-card strong{line-height:1.35;overflow-wrap:anywhere}.instance-card.ok strong,.instance-card.ok>div:first-child span{color:var(--ok)}.instance-card.danger strong,.instance-card.danger>div:first-child span{color:var(--danger)}.instance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.instance-metrics span{min-width:0;display:grid;grid-gap:3px;gap:3px;padding-top:8px;border-top:1px solid rgba(130,164,170,.18)}.instance-metrics b{color:var(--text);font-weight:700;overflow-wrap:anywhere}.toolbar{display:grid;grid-template-columns:1.2fr 1.3fr .8fr 1.2fr;grid-gap:12px;gap:12px;align-items:end}.toolbar label{display:grid;grid-gap:7px;gap:7px;min-width:0;color:var(--muted);font-size:12px;text-transform:uppercase}.toolbar input,.toolbar select{width:100%;min-width:0}.live-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);grid-gap:14px;gap:14px;align-items:stretch}.chart-wrap,.recent{border:1px solid rgba(25,220,232,.7);background:rgba(9,21,27,.88)}.chart-wrap{min-height:360px;padding:12px}.chart-wrap canvas{display:block;width:100%;height:min(56vh,520px)}.recent{min-height:360px;max-height:min(70vh,650px);overflow:hidden;display:flex;flex-direction:column}.recent h2{padding:14px 16px;border-bottom:1px solid rgba(25,220,232,.45)}.recent-list{overflow:auto}.scan-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(130,164,170,.16)}.scan-row div{min-width:0;overflow-wrap:anywhere}.scan-row small{display:block;margin-top:5px;color:var(--muted);line-height:1.35}.scan-row strong{color:var(--line);white-space:nowrap}.empty{padding:18px 16px}@media (max-width:980px){.layout{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid rgba(25,220,232,.7)}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.stats-grid.five,.stats-grid.seven{grid-template-columns:repeat(2,minmax(0,1fr))}.live-content,.toolbar{grid-template-columns:1fr}.instance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.main{padding:16px}.topbar{align-items:stretch;flex-direction:column}.stats-grid.five,.stats-grid.seven{grid-template-columns:1fr}}