:root{--bg:#07111f;--panel:#0d1b31;--card:#132440;--text:#f8fbff;--muted:#9fb0c9;--brand:#1dd176;--blue:#2563eb;--red:#ff4d4f;--line:#233858}body.light{--bg:#f4f7fb;--panel:#fff;--card:#fff;--text:#111827;--muted:#64748b;--line:#dbe3ef}body.emerald{--brand:#10b981;--blue:#059669}body.royal{--brand:#a855f7;--blue:#4f46e5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial;background:radial-gradient(circle at top right,#123d82,transparent 35%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.wrap{display:flex;min-height:100vh}.side{width:245px;background:rgba(9,20,38,.9);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;font-weight:900}.logo img{width:45px}.nav a{display:block;padding:13px 14px;border-radius:14px;color:var(--muted);margin:7px 0}.nav a:hover,.nav a.active{background:linear-gradient(90deg,var(--blue),#13b981);color:white}.main{flex:1;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.2);backdrop-filter:blur(12px)}.stat{grid-column:span 3}.big{font-size:30px;font-weight:900}.muted{color:var(--muted);font-size:13px}.btn,button{border:0;border-radius:13px;padding:12px 16px;background:linear-gradient(90deg,var(--blue),var(--brand));color:white;font-weight:800;cursor:pointer}.btn.out{background:transparent;border:1px solid var(--line)}input,select,textarea{width:100%;padding:13px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);margin:7px 0}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.good{color:#19d27c}.bad{color:#ff5d62}.install{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.install .card{max-width:760px;width:100%}.wheel{width:260px;height:260px;border-radius:50%;margin:auto;background:conic-gradient(#ef4444 0 45deg,#f59e0b 45deg 90deg,#22c55e 90deg 135deg,#06b6d4 135deg 180deg,#3b82f6 180deg 225deg,#8b5cf6 225deg 270deg,#ec4899 270deg 315deg,#84cc16 315deg 360deg);display:grid;place-items:center;border:8px solid rgba(255,255,255,.15)}.wheel button{border-radius:50%;width:95px;height:95px;background:white;color:#111}.badge{display:inline-block;padding:7px 12px;border-radius:99px;background:rgba(29,209,118,.15);color:var(--brand);font-weight:800}.bottom{display:none}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);align-items:center;justify-content:center;z-index:9}.modal.show{display:flex}.modal .card{max-width:420px;width:92%}@media(max-width:800px){.side{display:none}.main{padding:14px 14px 78px}.grid{grid-template-columns:1fr}.stat,.card{grid-column:span 1!important}.top{display:block}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(8,20,39,.95);border-top:1px solid var(--line);justify-content:space-around;padding:10px}.bottom a{font-size:12px;color:var(--muted)}.wheel{width:230px;height:230px}}