:root{--page-bg:#070a12;--surface-bg:#0d1322;--surface-card:#141c2f;--surface-card-hover:#1a253d;--surface-elevated:#1e2a45;--surface-muted:#0f1627;--border-subtle:#ffffff12;--border-default:#222f4d;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#6366f126;--accent-border:#6366f159;--success:#10b981;--success-hover:#059669;--success-subtle:#10b98126;--success-border:#10b98159;--warning:#f59e0b;--warning-hover:#d97706;--warning-subtle:#f59e0b26;--warning-border:#f59e0b59;--danger:#ef4444;--danger-hover:#dc2626;--danger-subtle:#ef444426;--danger-border:#ef444459;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 12px 36px #00000080;box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{background-color:var(--page-bg);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{justify-content:center;align-items:stretch;display:flex}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}#root{background-color:var(--surface-bg);flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;position:relative}@media (width>=640px){body{align-items:flex-start;padding:24px 16px}#root{border-radius:var(--radius-lg);border:1px solid var(--border-default);max-width:580px;min-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);overflow:hidden}#root.admin-root{width:100%;max-width:1200px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.25}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0;line-height:1.5}input,textarea,select{background-color:var(--surface-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulseLive{0%{opacity:1;box-shadow:0 0 #10b981b3}70%{opacity:.85;box-shadow:0 0 0 6px #10b98100}to{opacity:1;box-shadow:0 0 #10b98100}}.pulse-dot-live{background-color:var(--success);border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseLive;display:inline-block}.admin-table-container{border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-card);width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.admin-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background-color:var(--surface-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.admin-table tbody tr:hover td{background-color:var(--surface-card-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-code-block{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#e2e8f0;white-space:pre-wrap;word-break:break-word;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto}