*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;max-width:100%;min-width:0}html,body{height:100dvh;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;overflow-x:hidden}:root{--bg: #070809;--bg2: #0c0e10;--bg3: #111416;--bg4: #171a1d;--bg5: #1c2024;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--text: #e8eaed;--text2: #9aa3af;--text3: #4a5568;--teal: #00d4aa;--teal-dim: rgba(0,212,170,.08);--teal-glow: rgba(0,212,170,.15);--blue: #4a9eff;--blue-dim: rgba(74,158,255,.08);--red: #ff5563;--red-dim: rgba(255,85,99,.08);--amber: #f5a623;--amber-dim: rgba(245,166,35,.08);--green: #34d399;--purple: #a78bfa;--mono: "Geist Mono", monospace;--sans: "Geist", sans-serif;--sidebar-w: 200px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;color:var(--text3);font-size:12px;font-family:var(--mono);text-align:center}.empty-link{color:var(--teal);text-decoration:none;font-size:11px}.empty-link:hover{text-decoration:underline}.online-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:#34d39926;color:var(--green);font-family:var(--mono)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.two-col{grid-template-columns:1fr}}.metric-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:10px;font-family:var(--mono);color:var(--text2);width:50px;flex-shrink:0}.metric-bar{flex:1;height:4px;background:var(--bg4);border-radius:2px;overflow:hidden}.metric-fill{height:100%;border-radius:2px;transition:width .3s}.metric-fill.teal{background:var(--teal)}.metric-fill.blue{background:var(--blue)}.metric-fill.amber{background:var(--amber)}.metric-fill.red{background:var(--red)}.metric-val{font-size:10px;font-family:var(--mono);color:var(--text);width:40px;text-align:right;flex-shrink:0}.container-row{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--border)}.container-row:last-child{border-bottom:none}.container-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.container-status.running{background:var(--green);box-shadow:0 0 5px var(--green)}.container-status.stopped{background:var(--text3)}.container-status.error{background:var(--red);box-shadow:0 0 5px var(--red)}.container-name{flex:1;font-size:11px;font-family:var(--mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-cpu{font-size:10px;font-family:var(--mono);color:var(--text2);flex-shrink:0}