@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,Helvetica,Arial,sans-serif;color-scheme:dark;--app-bg: #0f172a;--app-gradient: linear-gradient(135deg, #020617, #0f172a 60%, #1e293b);--app-text: #e2e8f0;--card-bg: rgba(15, 23, 42, .75);--card-border: rgba(148, 163, 184, .2);--text-primary: #f8fafc;--text-secondary: rgba(226, 232, 240, .8);--text-tertiary: rgba(226, 232, 240, .6);--border-color: rgba(148, 163, 184, .2);--input-bg: rgba(15, 23, 42, .5);--input-border: rgba(148, 163, 184, .3);--primary-color: #60a5fa;--primary-hover: #3b82f6;--primary-bg: rgba(96, 165, 250, .1);--success-color: #10b981;--success-bg: rgba(16, 185, 129, .12);--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .12);--header-bg: linear-gradient(135deg, rgba(2, 6, 23, .9), rgba(15, 23, 42, .85));--header-border: rgba(148, 163, 184, .2);--button-bg: rgba(37, 99, 235, .1);--button-hover: rgba(37, 99, 235, .2);--shadow: rgba(2, 6, 23, .5)}:root.light{color-scheme:light;--app-bg: #f8fafc;--app-gradient: linear-gradient(135deg, #e2e8f0, #f8fafc 55%, #dbeafe);--app-text: #0f172a;--card-bg: #ffffff;--card-border: #e0e0e0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e0e0e0;--input-bg: #ffffff;--input-border: #e2e8f0;--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-bg: rgba(37, 99, 235, .1);--success-color: #059669;--success-bg: rgba(5, 150, 105, .1);--error-color: #dc2626;--error-bg: rgba(220, 38, 38, .1);--header-bg: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(248, 250, 252, .98));--header-border: rgba(0, 0, 0, .1);--button-bg: rgba(37, 99, 235, .1);--button-hover: rgba(37, 99, 235, .2);--shadow: rgba(0, 0, 0, .1)}body{margin:0;min-height:100vh;background:var(--app-gradient);color:var(--app-text);font-family:Inter,Helvetica,Arial,sans-serif;transition:background .25s ease,color .25s ease}app-root{display:block;min-height:100vh;color:inherit;font-family:Inter,Helvetica,Arial,sans-serif}*{font-family:Inter,Helvetica,Arial,sans-serif}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}