:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:#ff4500;--color-brand-hover:#ff5722;--color-brand-soft:#ff45001a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#22c55e;--color-info:#0079d3;--color-page:#f6f7f8;--color-page-alt:#dae0e6;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-surface-raised:#fff;--color-surface-muted:#f3f4f6;--color-input:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#171717;--color-text-strong:#111827;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-overlay:#0009;--font-sans:Arial, Helvetica, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-pill:9999px;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 8px 24px #0f172a1f;--shadow-lg:0 16px 40px #0f172a2e;--transition-fast:.15s ease;--transition-base:.2s ease;--container-sm:40rem;--container-md:48rem;--container-lg:64rem;--container-xl:80rem;--background:var(--color-page);--foreground:var(--color-text);--card:var(--color-surface);--card-hover:var(--color-surface-hover);--card-foreground:#171717;--border:var(--color-border);--primary:var(--color-brand);--primary-hover:var(--color-brand-hover);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:#ff4500;--color-brand-hover:#ff4500e6;--color-brand-soft:#ff450024;--color-danger:#ef4444;--color-danger-hover:#f87171;--color-success:#22c55e;--color-info:#4aa3ff;--color-page:#030303;--color-page-alt:#0f0f0f;--color-surface:#1a1a1b;--color-surface-hover:#272729;--color-surface-raised:#1a1a1b;--color-surface-muted:#272729;--color-input:#272729;--color-border:#343536;--color-border-strong:#4a4a4c;--color-text:#ededed;--color-text-strong:#d7dadc;--color-text-muted:#818384;--color-text-subtle:#6f7072;--color-overlay:#000000b3;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--background:var(--color-page);--foreground:var(--color-text);--card:var(--color-surface);--card-hover:var(--color-surface-hover);--card-foreground:var(--color-text-strong);--border:var(--color-border);--primary:var(--color-brand);--primary-hover:var(--color-brand-hover);--text-primary:var(--color-text-strong);--text-secondary:var(--color-text-muted)}
*,:before,:after{box-sizing:border-box}html{background:var(--color-page);min-height:100%;color:var(--color-text)}body{background:var(--color-page);min-height:100%;color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0}body *{transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-fast)}button,input,textarea,select{font:inherit;margin:0}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,video{max-width:100%}.app-shell{background:var(--color-page);min-height:100vh;color:var(--color-text)}.page-shell{background:var(--color-page);min-height:100vh}.page-section{width:100%;padding:var(--space-6)}.page-container{width:min(100% - 2rem, var(--container-lg));margin:0 auto}.surface{background:var(--color-surface);color:var(--color-text-strong);border:1px solid var(--color-border)}.surface-muted{background:var(--color-surface-muted);color:var(--color-text)}.text-primary{color:var(--color-text-strong)}.text-secondary{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.react-confirm-alert-overlay{background:var(--color-overlay)}.react-confirm-alert-body{width:auto;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}@media (max-width:640px){.page-section{padding:var(--space-4)}.page-container{width:min(100% - 1rem, var(--container-lg))}}
.form-stack{gap:var(--space-4);display:grid}.form-field{gap:var(--space-2);display:grid}.form-label{color:var(--color-text-muted);font-size:.875rem;line-height:1.25rem}.form-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);width:100%;min-height:2.5rem;color:var(--color-text-strong);outline:none;padding:.625rem .75rem}.form-control::placeholder{color:var(--color-text-subtle)}.form-control:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft)}.form-control:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);opacity:.75}textarea.form-control{resize:vertical;min-height:7rem}.form-error{color:var(--color-danger);font-size:.8125rem;line-height:1.125rem}.form-help{color:var(--color-text-muted);font-size:.8125rem;line-height:1.125rem}.form-select{appearance:none;background-color:var(--color-input)}.form-checkbox{width:1rem;height:1rem;accent-color:var(--color-brand)}
.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:2.25rem;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.button:disabled{opacity:.55}.buttonPrimary{background:var(--color-brand);color:#fff}.buttonPrimary:hover:not(:disabled){background:var(--color-brand-hover)}.buttonSecondary{background:var(--color-surface-muted);color:var(--color-text-strong);border-color:var(--color-border)}.buttonSecondary:hover:not(:disabled){background:var(--color-surface-hover)}.buttonGhost{color:var(--color-text-muted);background:0 0}.buttonGhost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-strong)}.buttonDanger{background:var(--color-danger);color:#fff}.buttonDanger:hover:not(:disabled){background:var(--color-danger-hover)}.buttonPill{border-radius:var(--radius-pill)}.iconButton{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-text);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.iconButton:hover:not(:disabled){background:var(--color-surface-hover)}.badge{border-radius:var(--radius-pill);background:var(--color-brand);color:#fff;justify-content:center;align-items:center;min-width:1.25rem;min-height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}

