@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-accent: #3182ce;--secondary-accent: #059669;--danger-accent: #dc2626;--warning-accent: #d97706;--info-accent: #0ea5e9;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-accent: #eff6ff;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--text-accent: #3182ce;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: #bfdbfe;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #1e3a8a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-accent: #60a5fa;--border-primary: #334155;--border-secondary: #475569;--border-accent: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .4);--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 94%}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-normal);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200 shadow-sm hover:shadow-md;}.btn-secondary{@apply bg-slate-100 hover:bg-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 text-slate-900 dark:text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200;}.btn-accent{@apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200 shadow-sm hover:shadow-md;}.btn-danger{@apply bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-4 rounded-lg transition-colors duration-200 shadow-sm hover:shadow-md;}.input-primary{@apply w-full bg-white dark:bg-slate-700 border border-slate-300 dark:border-slate-600 rounded-lg px-3 py-2 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-500 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200;}.textarea-primary{@apply w-full bg-white dark:bg-slate-700 border border-slate-300 dark:border-slate-600 rounded-lg px-3 py-2 text-slate-900 dark:text-white placeholder-slate-400 dark:placeholder-slate-500 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 resize-none;}.card-primary{@apply bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 p-6 transition-all duration-200 hover:shadow-md;}.card{@apply bg-card text-card-foreground rounded-xl shadow-sm border border-border p-6 transition-all duration-200;}.card-accent{@apply bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4;}.card-warning{@apply bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4;}.card-danger{@apply bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4;}.card-success{@apply bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4;}.toggle-switch{@apply relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2;}.toggle-switch.active{@apply bg-blue-600;}.toggle-switch.inactive{@apply bg-slate-300 dark:bg-slate-600;}.toggle-knob{@apply inline-block h-4 w-4 transform rounded-full bg-white transition-transform;}.toggle-knob.active{@apply translate-x-6;}.toggle-knob.inactive{@apply translate-x-1;}.progress-bar{@apply w-full bg-slate-200 dark:bg-slate-600 rounded-full h-3 overflow-hidden;}.progress-fill{@apply h-full transition-all duration-500 ease-out;}.progress-fill.success{@apply bg-gradient-to-r from-green-500 to-green-600;}.progress-fill.warning{@apply bg-gradient-to-r from-yellow-500 to-yellow-600;}.progress-fill.danger{@apply bg-gradient-to-r from-red-500 to-red-600;}.badge-success{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300;}.badge-warning{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300;}.badge-danger{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300;}.badge-info{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300;}.status-online{@apply flex items-center space-x-2 bg-green-50 dark:bg-green-900/20 px-3 py-2 rounded-lg border border-green-200 dark:border-green-800;}.status-offline{@apply flex items-center space-x-2 bg-red-50 dark:bg-red-900/20 px-3 py-2 rounded-lg border border-red-200 dark:border-red-800;}.status-warning{@apply flex items-center space-x-2 bg-yellow-50 dark:bg-yellow-900/20 px-3 py-2 rounded-lg border border-yellow-200 dark:border-yellow-800;}.pulse-dot{@apply w-2 h-2 rounded-full animate-pulse;}.pulse-dot.success{@apply bg-green-500;}.pulse-dot.warning{@apply bg-yellow-500;}.pulse-dot.danger{@apply bg-red-500;}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-slate-100 dark:bg-slate-700 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-300 dark:bg-slate-600 rounded-full hover:bg-slate-400 dark:hover:bg-slate-500;}body{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus{outline:none}.focus-ring:focus{@apply ring-2 ring-blue-500 ring-opacity-50;}.skeleton{@apply animate-pulse bg-slate-200 dark:bg-slate-700 rounded;}.spinner{@apply animate-spin rounded-full border-2 border-slate-300 border-t-blue-600;}.hover-lift{@apply transition-transform duration-200 hover:scale-105;}.hover-shadow{@apply transition-shadow duration-200 hover:shadow-lg;}.glass{@apply backdrop-blur-sm bg-white/80 dark:bg-slate-800/80;}.glass-strong{@apply backdrop-blur-md bg-white/90 dark:bg-slate-800/90;}.gradient-primary{@apply bg-gradient-to-r from-blue-600 to-blue-700;}.gradient-success{@apply bg-gradient-to-r from-green-600 to-green-700;}.gradient-warning{@apply bg-gradient-to-r from-yellow-600 to-yellow-700;}.gradient-danger{@apply bg-gradient-to-r from-red-600 to-red-700;}.gradient-background{@apply bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800;}.text-gradient{@apply bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent;}.text-glow{text-shadow:0 0 10px rgba(59,130,246,.5)}.text-foreground-muted{color:hsl(var(--muted-foreground))}.bg-background{background-color:hsl(var(--background))}.border-border{border-color:hsl(var(--border))}