:root{--bg:#08090d;--bg-card:rgba(15,16,22,0.78);--bg-card-solid:#0b0c11;--border:rgba(255,255,255,0.08);--border-soft:rgba(255,255,255,0.07);--text:#f5f5f7;--text-dim:#9295a0;--text-dimmer:#717580;--text-faint:#60636d;--accent:#6366f1;--accent-2:#4f46e5;--accent-light:#818cf8;--success:#6ee7b7;--error:#fca5a5;--radius:14px;--radius-sm:10px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#08090d;color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.appShell{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(76,76,255,.1),transparent 40%),var(--bg);display:flex}.appMain{flex:1 1;min-width:0;padding:32px 28px 60px}.appContainer{width:min(920px,100%);margin:0 auto}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border-soft);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebarLogo{font-size:17px;font-weight:700;letter-spacing:-.5px;padding:0 10px 20px}.sidebarLogo span{color:var(--accent-light)}.sidebarLink{padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:10px;transition:.15s ease}.sidebarLink:hover{background:rgba(255,255,255,.04);color:var(--text)}.sidebarLink.active{background:rgba(99,102,241,.12);color:var(--accent-light)}.sidebarFooter{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-soft)}@media (max-width:760px){.appShell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-soft);padding:12px 16px;align-items:center}.sidebarLogo{padding:0 12px 0 0}.sidebarFooter{margin-top:0;margin-left:auto;padding-top:0;border-top:none}.appMain{padding:20px 16px 48px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.pageTitle{font-size:26px;font-weight:700;letter-spacing:-1px;margin:0 0 4px}.pageSubtitle{color:var(--text-dim);font-size:14px;margin:0 0 28px}.badgeDemo{gap:6px;padding:5px 11px;border-radius:100px;letter-spacing:.6px;border:1px solid rgba(129,140,248,.3);background:rgba(99,102,241,.1);color:var(--accent-light)}.badgeDemo,.planBadge{display:inline-flex;align-items:center;font-size:10px}.planBadge{padding:4px 10px;border-radius:100px;font-weight:600;letter-spacing:.5px}.planBadge.free{background:rgba(255,255,255,.06);color:var(--text-dim)}.planBadge.pro{background:rgba(99,102,241,.15);color:var(--accent-light)}.planBadge.premium{background:rgba(110,231,183,.12);color:var(--success)}.lockBadge{font-size:10px;color:var(--text-faint);border:1px solid var(--border-soft);padding:3px 8px;border-radius:6px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:9px;padding:11px 13px;color:var(--text);font-size:14px;font-family:var(--font)}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.45;cursor:not-allowed}.field small{display:block;margin-top:6px;color:var(--text-faint);font-size:11px}.btnPrimary{border:none;color:white;background:linear-gradient(135deg,#6366f1,#4f46e5);padding:13px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease;box-shadow:0 10px 30px rgba(79,70,229,.22)}.btnPrimary:hover{transform:translateY(-1px)}.btnPrimary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btnGhost{border:1px solid var(--border);background:transparent;color:var(--text);padding:12px 20px;border-radius:10px;font-size:14px;cursor:pointer}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-faint);font-weight:500;font-size:11px;letter-spacing:.4px;padding:10px 12px}.table td,.table th{border-bottom:1px solid var(--border-soft)}.table td{padding:12px;color:var(--text-dim)}.statusPill{font-size:10px;padding:3px 9px;border-radius:100px}.statusPill.ok{background:rgba(110,231,183,.1);color:var(--success)}.statusPill.fail{background:rgba(239,68,68,.1);color:var(--error)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:760px){.grid3{grid-template-columns:1fr}}.statNumber{font-size:28px;font-weight:700;letter-spacing:-1px}.statLabel{color:var(--text-dim);font-size:12px;margin-top:4px}