:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease}:root[data-theme=light],:root:not([data-theme=dark]){color-scheme:light;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-surface-active: #e2e8f0;--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--primary: #0284c7;--primary-hover: #0369a1;--primary-light: #e0f2fe;--primary-text: #0369a1;--success: #059669;--success-light: #d1fae5;--success-text: #065f46;--warning: #d97706;--warning-light: #fef3c7;--warning-text: #92400e;--error: #dc2626;--error-light: #fee2e2;--error-text: #991b1b;--badge-queued-bg: #fef3c7;--badge-queued-text: #92400e;--badge-processing-bg: #e0f2fe;--badge-processing-text: #0369a1;--badge-sent-bg: #d1fae5;--badge-sent-text: #065f46;--badge-failed-bg: #fee2e2;--badge-failed-text: #991b1b;--scrollbar-thumb: #cbd5e1;--scrollbar-track: #f1f5f9}:root[data-theme=dark]{color-scheme:dark;--bg-app: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--bg-surface-active: #475569;--border: #334155;--border-strong: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #38bdf8;--primary-hover: #0ea5e9;--primary-light: rgba(56, 189, 248, .15);--primary-text: #38bdf8;--success: #10b981;--success-light: rgba(16, 185, 129, .15);--success-text: #34d399;--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .15);--warning-text: #fbbf24;--error: #ef4444;--error-light: rgba(239, 68, 68, .15);--error-text: #f87171;--badge-queued-bg: rgba(245, 158, 11, .18);--badge-queued-text: #fbbf24;--badge-processing-bg: rgba(56, 189, 248, .18);--badge-processing-text: #38bdf8;--badge-sent-bg: rgba(16, 185, 129, .18);--badge-sent-text: #34d399;--badge-failed-bg: rgba(239, 68, 68, .18);--badge-failed-text: #f87171;--scrollbar-thumb: #475569;--scrollbar-track: #1e293b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--primary);outline-offset:1px}a{color:var(--primary);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:13px;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}code,pre{font-family:var(--font-mono);font-size:12px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.bordered{border:1px solid var(--border)}