:root{color-scheme:dark;--bg:#080d14;--panel:#111923;--panel2:#0c131c;--line:#253243;--muted:#91a1b4;--text:#edf3fa;--accent:#5de1c2;--danger:#ff838e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#17323a,transparent 32%),var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}header,main{max-width:1420px;margin:auto}header{padding:30px 24px 16px;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}h2{margin:0;font-size:19px}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.2em}.sub,.section-head p,.stamp{color:var(--muted);margin:3px 0 0;font-size:12px}.head-actions,.filters{display:flex;align-items:center;gap:8px}.pill,.count{border:1px solid var(--line);border-radius:99px;padding:6px 11px;color:var(--muted)}.pill.live{color:var(--accent);border-color:#286b60}main{padding:8px 24px 48px;display:grid;gap:18px}section{background:rgba(17,25,35,.94);border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:15px}.metric>span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:24px;margin:4px 0}.bar{height:4px;background:#24303e;border-radius:9px;overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#72a7ff)}.outline,.filter,.primary{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:8px;background:transparent;padding:7px 11px;cursor:pointer}.filter.active{color:var(--accent);background:#14302c}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:520px;overflow:auto}.service{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px}.service>div{display:flex;justify-content:space-between;gap:10px}.service p{margin:7px 0;color:#d3deea}.service small{color:var(--muted)}.state{font-size:11px;font-weight:700;border-radius:99px;padding:3px 8px}.state.running{background:#12362f;color:var(--accent)}.state.failed{background:#3b1d25;color:var(--danger)}.state.inactive{background:#292e38;color:#b2becd}.browser{display:grid;grid-template-columns:minmax(250px,35%) 1fr;border:1px solid var(--line);border-radius:11px;overflow:hidden;min-height:440px;max-height:600px}.tree{overflow:auto;background:var(--panel2);padding:7px}.file-row{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;text-align:left;padding:8px;border-radius:7px;cursor:pointer}.file-row:hover,.file-row.selected{background:#192b36}.file-row:disabled{opacity:.48}.file-row strong,.file-row small{display:block}.file-row small{color:var(--muted);font-size:11px}.file-icon{color:var(--accent);width:17px}.preview{border-left:1px solid var(--line);overflow:auto;background:#090f16}.empty,.preview-error{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.preview-head{position:sticky;top:0;background:#101923;border-bottom:1px solid var(--line);padding:12px 15px}.preview-head strong,.preview-head small{display:block}.preview-head small{color:var(--muted)}.preview pre{margin:0;padding:16px;color:#cfdae6;font:12px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.preview-error{color:var(--danger)}#crumbs{display:flex;gap:7px;margin-bottom:12px;color:var(--muted)}#crumbs button{border:0;background:none;color:var(--accent);cursor:pointer}select,input{background:#0b121a;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px}.error{color:var(--danger);background:#321d24;border-radius:8px;padding:10px}.login-page{min-height:100vh;display:grid;place-items:center}.login-shell{width:100%;padding:24px}.login-card{max-width:430px;margin:auto;padding:34px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#173b3a;color:var(--accent);font-weight:800;margin-bottom:22px}.login-copy{color:var(--muted);margin:8px 0 24px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:6px}.login-form input{font-size:16px}.primary{background:var(--accent);color:#07221c;font-weight:800;padding:11px}.privacy{color:var(--muted);font-size:11px}.login-error:empty{display:none}.login-error{color:var(--danger);background:#321d24;padding:9px;border-radius:7px;margin-bottom:14px}@media(max-width:800px){.metrics,.services{grid-template-columns:1fr 1fr}.browser{grid-template-columns:1fr;max-height:none}.tree{max-height:330px}.preview{border-left:0;border-top:1px solid var(--line)}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){header{padding:22px 16px}.head-actions{flex-direction:column}main{padding:6px 12px}.metrics,.services{grid-template-columns:1fr}section{padding:15px}}