*{box-sizing:border-box}:root{--primary:#4f46e5;--accent:#06b6d4;--bg:#f5f7fb;--surface:#fff;--text:#111827;--muted:#6b7280;--side-bg:#101827;--side-text:#dbeafe;--input-bg:#fff;--border:#e5e7eb;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--radius:18px;--button-radius:13px;--input-radius:12px;--shadow:0 12px 32px rgba(15,23,42,.08);--font:Inter,system-ui,Arial;--density:1}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:calc(16px * var(--density))}.side{position:fixed;inset:0 auto 0 0;width:250px;background:var(--side-bg);color:#fff;padding:22px}.brand{font-size:24px;font-weight:900;margin-bottom:22px}.brand span{color:var(--accent)}.side a{display:block;color:var(--side-text);text-decoration:none;padding:11px 12px;border-radius:12px;margin:4px 0}.side a:hover{background:rgba(255,255,255,.1)}.main{margin-left:250px;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.card h2{margin:0 0 14px}.stat{font-size:34px;font-weight:900;color:var(--primary)}input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:var(--input-radius);margin:5px 0 12px;background:var(--input-bg);color:var(--text)}label{font-weight:700;font-size:13px}button,.btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:0;border-radius:var(--button-radius);padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn2{background:#111827}.danger{background:var(--danger)}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:11px}.badge{padding:5px 9px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-weight:800;font-size:12px;display:inline-block}.ok{background:#dcfce7;color:#166534}.bad{background:#fee2e2;color:#991b1b}.warn{background:#fef3c7;color:#92400e}.hero{background:linear-gradient(135deg,#111827,var(--primary));color:#fff;border-radius:var(--radius);padding:28px;margin-bottom:18px}.login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,var(--bg),#ecfeff)}.login .card{width:min(460px,92vw)}.login-logo{display:block;max-width:190px;max-height:80px;margin:0 auto 12px;object-fit:contain}.login-title{text-align:center;margin:0 0 2px;font-size:26px}.login-subtitle{text-align:center;color:var(--muted);margin:0 0 24px}.login button{width:100%;margin-top:6px}.widgets .card{cursor:move}.small{font-size:12px}.code{font-family:ui-monospace,monospace;background:#111827;color:#d1fae5;padding:14px;border-radius:12px;overflow:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pill{background:#eef2ff;color:#312e81;padding:8px 12px;border-radius:999px;font-weight:800}.checkline{display:flex;align-items:center;gap:8px;margin:4px 0 14px}.checkline input{width:auto;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:inline}.linkbtn{background:#111827;color:#fff;border:0;border-radius:10px;padding:8px 10px;font-weight:800;text-decoration:none;display:inline-block;font-size:12px}.linkbtn.danger{background:var(--danger)}.linkbtn.edit{background:linear-gradient(135deg,var(--primary),var(--accent))}.danger-card{border-color:rgba(255,90,90,.45);color:#991b1b}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.color-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface)}.color-card input[type=color]{height:54px;padding:4px;border-radius:14px}.range-row{display:grid;grid-template-columns:1fr 80px;gap:12px;align-items:center}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}