@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--toast-bg: #ffffff;--toast-color: #111827;--toast-border: #e5e7eb;--scrollbar-thumb: #d1d5db;--scrollbar-track: #f3f4f6}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-hover: #2563eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--toast-bg: #1e293b;--toast-color: #f1f5f9;--toast-border: #334155;--scrollbar-thumb: #475569;--scrollbar-track: #1e293b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}::selection{background-color:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@layer components{.btn-primary{@apply px-4 py-2 bg-accent-primary text-white rounded-lg font-medium;@apply hover:bg-accent-hover transition-colors duration-150;@apply disabled:opacity-50 disabled:cursor-not-allowed;background-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{@apply px-4 py-2 bg-transparent text-text-secondary rounded-lg font-medium;@apply border border-border-color hover:bg-bg-tertiary transition-colors duration-150;background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.card{@apply bg-white rounded-xl shadow-md border border-gray-200;background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-md)}.input{@apply px-3 py-2 rounded-lg border border-gray-300 outline-none;@apply focus:ring-2 focus:ring-accent-primary focus:border-transparent;background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.input:focus{ring-color:var(--accent-primary)}.select{@apply px-3 py-2 rounded-lg border border-gray-300 outline-none cursor-pointer;@apply focus:ring-2 focus:ring-accent-primary focus:border-transparent;background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}}