*{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b1020;--panel: #121933;--panel-2: #171f3f;--text: #e8edff;--muted: #a2adc7;--line: rgba(255,255,255,.08);--accent: #6ea8fe;--accent-2: #95c2ff;--success: #2ec27e;--danger: #ff6b6b}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,#15204a 0%,var(--bg) 45%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--accent-2);text-decoration:none}pre{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:24px;background:#080c188c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main{padding:32px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:20px}.brand p{margin:4px 0 0;color:var(--muted);font-size:14px}.brand-badge{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9d6bff);font-weight:800;color:#0b1020}.nav{display:grid;gap:8px}.nav-link{padding:11px 14px;border-radius:12px;color:var(--muted);border:1px solid transparent}.nav-link.active,.nav-link:hover{color:var(--text);background:#ffffff0d;border-color:var(--line)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.page-header h2{margin:0 0 8px;font-size:30px}.page-header p{margin:0;color:var(--muted);max-width:760px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px #00000026}.hero{padding:36px}.hero h2{margin:0 0 12px;font-size:34px}.hero p{margin:0 0 18px;color:var(--muted)}.stat-card h3,.card h3{margin-top:0;margin-bottom:10px}.stat-card strong{font-size:34px;display:block;margin-top:8px}.form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{color:var(--muted);font-size:14px}input,textarea{width:100%;padding:12px 14px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;font:inherit}input:disabled{opacity:.7}textarea{resize:vertical;min-height:120px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.btn{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--accent),#9d6bff);color:#08111f}.btn.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn:disabled{opacity:.65;cursor:not-allowed}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.badge.success{color:#062713;background:#2ec27ef2;border-color:#2ec27e4d}.badge.danger{color:#240909;background:#ff6b6bf2;border-color:#ff6b6b4d}.muted{color:var(--muted)}.alert{padding:12px 14px;border:1px solid rgba(110,168,254,.25);background:#6ea8fe14;color:var(--text);border-radius:14px}.alert.error{border-color:#ff6b6b4d;background:#ff6b6b14}.alert.success{border-color:#2ec27e40;background:#2ec27e1a}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}.table th{width:180px;color:var(--muted);font-weight:600}.inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;padding:4px 6px}.plan-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:360px}.plan-price strong{font-size:40px}.plan-list{padding-left:18px;margin:0;color:var(--muted);display:grid;gap:8px}.output-panel{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:16px}.output-panel h4{margin-top:0}.event-list{display:grid;gap:12px}.event-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.event-meta{display:grid;gap:4px;text-align:right}@media (max-width: 1120px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}