@tailwind base;@tailwind components;@tailwind utilities;:root{--color-surface:#fff;--color-surface-raised:#fafafa;--color-surface-sunken:#f3f4f6;--color-page-bg:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-subtle:#eef2f7;--color-border-td:#f1f5f9;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-bg:#eef2ff;--color-error:#ef4444;--color-error-text:#991b1b;--color-error-bg:#fef2f2;--color-error-border:#ef4444;--color-error-text-dark:#7f1d1d;--color-error-btn-border:#fee2e2;--color-error-btn-text:#991b1b;--color-success:#10b981;--color-success-text:#065f46;--color-success-bg:#ecfdf5;--color-success-border:#22c55e;--color-success-text-alt:#166534;--color-success-bg-alt:#f0fdf4;--color-warning:#f59e0b;--color-warning-text:#7c2d12;--color-warning-bg:#fffbeb;--color-warning-border:#f59e0b;--color-warning-help:#f59e0b;--color-overlay:#00000040;--color-shadow:#0000001a;--color-shadow-heavy:#00000040;--color-shadow-tooltip:#00000024;--color-loading-mask:#ffffffa6;--color-skeleton:#eef2f7;--color-skeleton-box:#f8fafc;--color-sidebar-active-bg:#eef2ff;--color-sidebar-active-text:#4f46e5;--color-sidebar-active-border:#4f46e5;--color-method-post:#3b82f6;--color-method-get:#10b981;--color-code-bg:#f8fafc;--color-code-header:#f1f5f9;--color-code-header-border:#e2e8f0;--color-code-text:#334155;--color-code-filename:#64748b;--color-code-lang:#94a3b8;--color-code-btn-bg:#e2e8f0;--color-code-btn-border:#cbd5e1;--color-code-btn-text:#475569}.dark{--color-surface:#1a1d27;--color-surface-raised:#21242e;--color-surface-sunken:#14161e;--color-page-bg:#111318;--color-border:#2e3140;--color-border-strong:#3a3e4f;--color-border-subtle:#252838;--color-border-td:#232636;--color-text-primary:#f1f3f7;--color-text-secondary:#c4c9d4;--color-text-muted:#8b92a5;--color-text-faint:#636a7e;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-bg:#1e1b4b;--color-error:#f87171;--color-error-text:#fca5a5;--color-error-bg:#1c1517;--color-error-border:#7f1d1d;--color-error-text-dark:#fca5a5;--color-error-btn-border:#7f1d1d;--color-error-btn-text:#fca5a5;--color-success:#34d399;--color-success-text:#6ee7b7;--color-success-bg:#132118;--color-success-border:#16a34a;--color-success-text-alt:#6ee7b7;--color-success-bg-alt:#132118;--color-warning:#fbbf24;--color-warning-text:#fde68a;--color-warning-bg:#1c1a11;--color-warning-border:#b45309;--color-warning-help:#fbbf24;--color-overlay:#00000080;--color-shadow:#0000004d;--color-shadow-heavy:#00000080;--color-shadow-tooltip:#0006;--color-loading-mask:#111318a6;--color-skeleton:#252838;--color-skeleton-box:#1a1d27;--color-sidebar-active-bg:#1e1b4b;--color-sidebar-active-text:#a5b4fc;--color-sidebar-active-border:#818cf8;--color-code-bg:#1e1e2e;--color-code-header:#262636;--color-code-header-border:#363646;--color-code-text:#e5e7eb;--color-code-filename:#9ca3af;--color-code-lang:#636a7e;--color-code-btn-bg:#374151;--color-code-btn-border:#4b5563;--color-code-btn-text:#e5e7eb}html,body{min-height:100%;margin:0;padding:0}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}html{background-color:var(--color-page-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.dark select,.dark input[type=date],.dark input[type=datetime-local],.dark input[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-page{animation:.35s ease-out both fadeInUp}.animate-dropdown{animation:.2s ease-out both slideDown}.animate-modal{animation:.25s ease-out both scaleIn}.modal-dialog::backdrop{background-color:var(--color-overlay);animation:.2s ease-out both fadeIn}.hover-lift{transition:transform .18s,box-shadow .18s}.hover-lift:hover{box-shadow:0 4px 16px var(--color-shadow);transform:translateY(-2px)}