:root{--bg:#050706;--panel:#0a0d0c;--panel2:#0d110f;--line:#182019;--text:#e6ebe6;--muted:#7d897f;--accent:#9bbd22;--danger:#d75b50;--warn:#d6aa43;--good:#83ba51}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.topbar{height:64px;display:flex;align-items:center;gap:26px;padding:0 28px;border-bottom:1px solid #111712;background:#030504;position:sticky;top:0;z-index:20}.brand{color:var(--accent);font-weight:800;letter-spacing:.08em;text-decoration:none}.topbar nav{display:flex;gap:4px;overflow:auto;flex:1}.topbar nav a,.logout{color:#657067;text-decoration:none;padding:10px 12px;border-radius:10px;white-space:nowrap}.topbar nav a:hover,.topbar nav a.active{background:#0b100c;color:#b8c2b9}.logout{margin-left:auto}main{max-width:1480px;margin:0 auto;padding:30px 38px 70px}.hero{display:flex;align-items:center;gap:28px;justify-content:space-between;margin-bottom:28px}.hero small,.wizard small{color:var(--accent);letter-spacing:.08em}.hero h1{font-size:38px;line-height:1.05;margin:10px 0}.hero p{color:var(--muted);margin:0}.dashboard-hero{align-items:flex-end}.service-summary{display:flex;align-items:center;gap:12px;min-width:260px}.service-summary div{display:flex;flex-direction:column}.service-summary small,.service-summary span{color:var(--muted)}.service-summary strong{font-size:22px}.status-dot{width:14px;height:14px;border-radius:50%;background:#4b514c;box-shadow:0 0 0 5px #111512}.status-dot.running{background:var(--good);box-shadow:0 0 18px rgba(131,186,81,.5)}.status-dot.paused{background:var(--warn)}.status-dot.error{background:var(--danger)}.controls{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid #2b351c;background:var(--accent);color:#0a0c08;border-radius:11px;padding:11px 18px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.32;cursor:not-allowed;filter:none}.ghost{background:#090c0a;color:#aeb7af;border-color:#1c241d}.danger{border-color:#4b211f;color:#f08b82}.wizard,.panel{background:linear-gradient(180deg,#0a0d0c,#070a08);border:1px solid var(--line);border-radius:18px;padding:22px}.wizard{margin-bottom:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.wizard h2{margin:7px 0}.wizard p{color:var(--muted);margin:0}.progress{grid-column:1/-1;height:8px;background:#111612;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:18px}.metric{min-height:120px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.metric span{color:var(--muted)}.metric strong{font-size:22px;overflow-wrap:anywhere}.metric small{color:#586159}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2,.panel h2{margin:0 0 18px}.panel-head span{color:var(--muted)}canvas{width:100%;display:block}.empty{color:#485048;text-align:center;padding:70px 20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #171d18}th{color:#788379;font-weight:600}td strong{color:#e7ece8}.proposal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}.proposal-item{border:1px solid var(--line);border-radius:12px;padding:14px}.proposal-item span{color:var(--muted);display:block}.proposal-item strong{font-size:24px}.key-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.key-values>div{padding:15px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.key-values span{color:var(--muted)}.settings-form{display:flex;align-items:end;gap:16px}.settings-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted)}input{background:#070a08;border:1px solid #202821;border-radius:10px;color:var(--text);padding:12px 14px;outline:none}input:focus{border-color:#617b19}.toast{position:fixed;right:24px;bottom:24px;max-width:420px;background:#111612;border:1px solid #263029;border-radius:13px;padding:14px 16px;z-index:100;box-shadow:0 12px 40px #000}.toast.error{border-color:#5b2b27}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:90}.modal-card{width:min(430px,calc(100% - 30px));background:#0b0f0c;border:1px solid var(--line);border-radius:18px;padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.login-page{display:grid;place-items:center}.login-card{width:min(390px,calc(100% - 32px));background:#0a0d0c;border:1px solid var(--line);border-radius:20px;padding:28px}.login-card p{color:var(--muted)}.login-card label{display:flex;flex-direction:column;gap:8px;margin:22px 0}.login-card input,.login-card button{width:100%}.form-error{margin-top:14px;color:#f08b82}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#111612;color:#8d998e}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--danger)}code{color:#b6cf60}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-wrap:wrap}}@media(max-width:760px){main{padding:22px 16px}.topbar{padding:0 14px}.topbar nav{display:none}.hero{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,1fr)}.wizard{grid-template-columns:1fr}.settings-form{align-items:stretch;flex-direction:column}}@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.controls{width:100%}.controls button{flex:1}.hero h1{font-size:31px}}
[hidden]{display:none!important}