:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .95);--border-color: #e2e8f0;--border-light: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #206ea7;--accent-primary-hover: #1859a8;--accent-primary-light: rgba(32, 110, 167, .1);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--info: #3b82f6;--info-light: rgba(59, 130, 246, .1);--purple: #8b5cf6;--purple-light: rgba(139, 92, 246, .1);--pink: #ec4899;--pink-light: rgba(236, 72, 153, .1);--cyan: #06b6d4;--cyan-light: rgba(6, 182, 212, .1);--orange: #f97316;--orange-light: rgba(249, 115, 22, .1);--gradient-primary: linear-gradient(135deg, #206ea7 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-pink: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--shadow-colored: 0 4px 15px rgba(32, 110, 167, .2);--sidebar-width: 260px;--header-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-text: #475569;--sidebar-text-active: #1e293b;--sidebar-hover: #f1f5f9;--sidebar-active-bg: rgba(32, 110, 167, .1);--sidebar-border: #e2e8f0;--sidebar-section-title: #94a3b8}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .8);--bg-card-hover: rgba(30, 41, 59, 1);--bg-input: rgba(255, 255, 255, .05);--bg-sidebar: #1e293b;--bg-header: rgba(15, 23, 42, .95);--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--accent-primary-light: rgba(32, 110, 167, .2);--success-light: rgba(16, 185, 129, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--info-light: rgba(59, 130, 246, .15);--purple-light: rgba(139, 92, 246, .15);--pink-light: rgba(236, 72, 153, .15);--cyan-light: rgba(6, 182, 212, .15);--orange-light: rgba(249, 115, 22, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--shadow-colored: 0 4px 15px rgba(32, 110, 167, .3);--sidebar-text: #94a3b8;--sidebar-text-active: #f1f5f9;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active-bg: rgba(32, 110, 167, .2);--sidebar-border: rgba(255, 255, 255, .06);--sidebar-section-title: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent-primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-info{color:var(--info)!important}.text-purple{color:var(--purple)!important}.text-pink{color:var(--pink)!important}.text-cyan{color:var(--cyan)!important}.text-orange{color:var(--orange)!important}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.badge-primary{color:var(--accent-primary);background:var(--accent-primary-light)}.badge-success{color:var(--success);background:var(--success-light)}.badge-warning{color:var(--warning);background:var(--warning-light)}.badge-danger{color:var(--danger);background:var(--danger-light)}.badge-info{color:var(--info);background:var(--info-light)}.badge-purple{color:var(--purple);background:var(--purple-light)}.badge-pink{color:var(--pink);background:var(--pink-light)}.badge-cyan{color:var(--cyan);background:var(--cyan-light)}.badge-orange{color:var(--orange);background:var(--orange-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-colored)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #206ea759}.btn-success{background:var(--gradient-success);color:#fff}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md)}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.form-control::placeholder{color:var(--text-muted)}