@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #020617;--text-color: #f1f5f9;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--glass-surface: rgba(15, 23, 42, .6);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .36);--glass-blur: 20px;--gradient-start: rgba(6, 182, 212, .15);--gradient-end: rgba(139, 92, 246, .15);--accent-primary: #06b6d4;--accent-secondary: #8b5cf6}:root[data-theme=light]{--bg-color: #f8fafc;--text-color: #1e293b;--text-muted: #64748b;--glass-border: rgba(226, 232, 240, .8);--glass-surface: rgba(255, 255, 255, .7);--glass-highlight: rgba(255, 255, 255, .8);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .05);--glass-blur: 12px;--gradient-start: rgba(59, 130, 246, .05);--gradient-end: rgba(14, 165, 233, .05);--accent-primary: #3b82f6;--accent-secondary: #0ea5e9}:root[data-theme=nature]{--bg-color: #022c22;--text-color: #ecfdf5;--text-muted: #a7f3d0;--glass-border: rgba(255, 255, 255, .1);--glass-surface: rgba(6, 78, 59, .4);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-blur: 16px;--gradient-start: rgba(16, 185, 129, .15);--gradient-end: rgba(132, 204, 22, .1);--accent-primary: #10b981;--accent-secondary: #84cc16}:root[data-theme=nebula]{--bg-color: #0f0720;--text-color: #fdf4ff;--text-muted: #e879f9;--glass-border: rgba(236, 72, 153, .2);--glass-surface: rgba(49, 14, 75, .5);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(88, 28, 135, .2);--glass-blur: 24px;--gradient-start: rgba(236, 72, 153, .2);--gradient-end: rgba(124, 58, 237, .2);--accent-primary: #ec4899;--accent-secondary: #8b5cf6}body{background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,var(--gradient-start) 0%,transparent 40%),radial-gradient(circle at 85% 30%,var(--gradient-end) 0%,transparent 40%);background-attachment:fixed;min-height:100vh;transition:background-color .5s ease,color .5s ease}.glass{background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;transition:all .3s ease}.glass-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;transform:translateY(-2px)}.glass-input{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-color);border-radius:.5rem;transition:all .2s ease}:root[data-theme=light] .glass-input{background:#fffc}.glass-input:focus{background:#ffffff14;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--gradient-start);outline:none}.glass-table-container{@apply rounded-xl overflow-hidden shadow-lg;background:var(--glass-surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.glass-table{@apply w-full border-collapse text-sm;}.glass-table thead{background:#0003;border-bottom:1px solid var(--glass-border)}:root[data-theme=light] .glass-table thead{background:#00000008}.glass-table th{@apply px-6 py-4 text-left font-semibold uppercase tracking-wider text-xs;color:var(--text-muted)}.glass-table tbody tr{border-bottom:1px solid var(--glass-border);transition:background-color .2s}.glass-table tbody tr:last-child{border-bottom:none}.glass-table tbody tr:hover{background-color:#ffffff0d}:root[data-theme=light] .glass-table tbody tr:hover{background-color:#00000008}.glass-table td{@apply px-6 py-4 whitespace-nowrap;color:var(--text-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}