*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #161922;--card: #1c2030;--border: rgba(255,255,255,.08);--border-md: rgba(255,255,255,.14);--text: #e2e8f0;--muted: #64748b;--subtle: #94a3b8;--blue: #378ADD;--blue-bg: #042C53;--blue-text: #85B7EB;--green: #639922;--green-bg: #173404;--green-text: #C0DD97;--amber: #EF9F27;--amber-bg: #412402;--amber-text: #FAC775;--red: #E24B4A;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:2rem 1.5rem}.dashboard{max-width:860px;margin:0 auto}.dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.header-left{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cluster-name{font-size:15px;font-weight:500}.cluster-sub{font-size:12px;color:var(--muted);margin-top:2px}.badge{font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;border:.5px solid}.badge-green{background:var(--green-bg);color:var(--green-text);border-color:var(--green)}.badge-gray{background:#1c2030;color:var(--subtle);border-color:#ffffff26}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.5rem}.metric-card{background:var(--surface);border-radius:8px;padding:.875rem 1rem}.metric-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.metric-value{font-size:24px;font-weight:500;margin-top:4px;line-height:1}.metric-sub{font-size:11px;color:var(--muted);margin-top:3px}.section-title{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:6px;margin-bottom:.75rem}.section-title i{font-size:15px}.nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.5rem}.node-card{background:var(--card);border:.5px solid var(--border);border-radius:12px;padding:1rem 1.125rem;transition:opacity .4s}.node-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.875rem}.node-name{font-size:13px;font-weight:500}.node-type{font-size:11px;color:var(--muted);margin-top:2px}.bar-row{margin-bottom:.625rem}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}.bar-track{height:5px;background:var(--surface);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width 1.2s ease}.bar-cpu{background:var(--blue)}.bar-mem{background:var(--green)}.bar-high{background:var(--red)}.autoscaler{display:flex;align-items:center;gap:12px;background:var(--card);border:.5px solid var(--border);border-radius:12px;padding:.875rem 1rem;margin-bottom:1.5rem}.as-label{font-size:12px;color:var(--subtle);flex:1}.as-nodes{display:flex;gap:5px}.as-node{width:24px;height:24px;border-radius:5px;border:.5px solid var(--border-md);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;transition:all .4s}.as-active{background:var(--green-bg);border-color:var(--green);color:var(--green-text)}.as-inactive{background:var(--surface);color:var(--muted)}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.ctrl-btn{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;border-radius:8px;cursor:pointer;border:.5px solid var(--border-md);background:var(--card);color:var(--text);transition:background .15s;font-family:inherit}.ctrl-btn:hover{background:var(--surface)}.ctrl-btn:active{transform:scale(.98)}.ctrl-btn i{font-size:15px}.pod-list{background:var(--card);border:.5px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.pod-list-header{display:flex;align-items:center;gap:10px;padding:.5rem 1rem;border-bottom:.5px solid var(--border);font-size:11px;color:var(--muted)}.pod-row{display:flex;align-items:center;gap:10px;padding:.6rem 1rem;border-bottom:.5px solid var(--border);font-size:13px;transition:background .15s}.pod-row:last-child{border-bottom:none}.pod-row:hover{background:#ffffff06}.pod-indicator{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ind-Running{background:var(--green);animation:pulse 2.5s infinite}.ind-Pending{background:var(--amber);animation:blink .8s steps(1) infinite}.ind-Error{background:var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.pod-name{flex:1;font-family:var(--font-mono);font-size:12px}.pod-ns{font-size:11px;color:var(--muted);width:100px;flex-shrink:0}.pod-node{font-size:11px;color:var(--muted);width:65px;text-align:right;flex-shrink:0}.log-box{background:var(--surface);border-radius:8px;padding:.875rem 1rem;font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.7;max-height:160px;overflow-y:auto}.log-line{display:block;white-space:pre}.log-time{color:#334155}.log-info{color:var(--blue-text)}.log-warn{color:var(--amber-text)}.log-ok{color:var(--green-text)}@media (max-width: 600px){.metrics{grid-template-columns:1fr 1fr}.nodes{grid-template-columns:1fr}}