:root{--bg:#0d1117;--panel:#151b23;--muted:#8b949e;--text:#e6edf3;--brand:#7c5cff;--brand2:#22d3ee;--border:#30363d;--danger:#f85149;--ok:#3fb950}[data-theme=light]{--bg:#f6f8fa;--panel:#fff;--muted:#57606a;--text:#24292f;--brand:#5b3df5;--brand2:#0891b2;--border:#d0d7de}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#7c5cff2e,transparent 38%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#151b23d6;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:28px;font-size:22px;font-weight:800;display:flex}.brand img{width:42px;height:42px}.nav{gap:8px;display:grid}.nav a,.button,button{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;text-decoration:none}.nav a:hover,.button:hover,button:hover{border-color:var(--brand)}main{width:100%;max-width:1180px;padding:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:#151b23db;border-radius:18px;padding:18px;box-shadow:0 12px 38px #0000002e}input,textarea,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:12px;padding:11px 12px}label{color:var(--muted);gap:6px;margin:10px 0;font-size:14px;display:grid}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.list{gap:10px;display:grid}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.danger{color:var(--danger)}.ok{color:var(--ok)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);text-align:left;padding:10px}.auth{max-width:460px;margin:8vh auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.logo-preview{width:86px;height:86px}@media (max-width:760px){.layout{display:block}.sidebar{height:auto;position:relative}.nav{grid-template-columns:repeat(2,1fr)}main{padding:16px}}