:root{--color-primary: #FF0000;--color-primary-hover: #E60000;--color-primary-light: #FFEBEB;--color-primary-dark: #CC0000;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F3F4F6;--color-bg-inverse: #0D1B2A;--color-text-primary: #0D1B2A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-muted: #D1D5DB;--color-border-primary: #E5E7EB;--color-border-secondary: #F3F4F6;--color-border-tertiary: #F9FAFB;--color-border-focus: var(--color-primary);--color-border-inverse: #374151;--color-surface-primary: #FFFFFF;--color-surface-secondary: #F9FAFB;--color-surface-tertiary: #F3F4F6;--color-surface-hover: #F9FAFB;--color-surface-active: #F3F4F6;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #DC2626;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-info-dark: #2563EB;--color-shadow-sm: rgba(0, 0, 0, .05);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-md: rgba(0, 0, 0, .15);--color-shadow-lg: rgba(0, 0, 0, .2);--color-shadow-xl: rgba(0, 0, 0, .25);--shadow-sm: 0 1px 2px 0 var(--color-shadow-sm);--shadow: 0 1px 3px 0 var(--color-shadow), 0 1px 2px 0 var(--color-shadow-sm);--shadow-md: 0 4px 6px -1px var(--color-shadow-md), 0 2px 4px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow-lg), 0 4px 6px -2px var(--color-shadow-md);--shadow-xl: 0 20px 25px -5px var(--color-shadow-xl), 0 10px 10px -5px var(--color-shadow-lg);--color-overlay: rgba(0, 0, 0, .4);--color-backdrop: rgba(0, 0, 0, .5);--color-scrollbar-track: transparent;--color-scrollbar-thumb: #E5E7EB;--color-scrollbar-thumb-hover: #D1D5DB;--color-focus-ring: var(--color-primary);--focus-ring: 0 0 0 2px var(--color-focus-ring);--theme-transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease}.dark{--color-primary: #FF4444;--color-primary-hover: #FF6666;--color-primary-light: #330000;--color-primary-dark: #CC0000;--color-bg-primary: #0D1B2A;--color-bg-secondary: #111827;--color-bg-tertiary: #1F2937;--color-bg-inverse: #FFFFFF;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-text-inverse: #0D1B2A;--color-text-muted: #6B7280;--color-border-primary: #374151;--color-border-secondary: #4B5563;--color-border-tertiary: #0a0e15;--color-border-focus: var(--color-primary);--color-border-inverse: #E5E7EB;--color-surface-primary: #111827;--color-surface-secondary: #1F2937;--color-surface-tertiary: #374151;--color-surface-hover: #1F2937;--color-surface-active: #374151;--color-success: #34D399;--color-success-light: #064E3B;--color-success-dark: #10B981;--color-warning: #FCD34D;--color-warning-light: #78350F;--color-warning-dark: #F59E0B;--color-error: #F87171;--color-error-light: #7F1D1D;--color-error-dark: #EF4444;--color-info: #60A5FA;--color-info-light: #1E3A8A;--color-info-dark: #3B82F6;--color-shadow-sm: rgba(0, 0, 0, .3);--color-shadow: rgba(0, 0, 0, .4);--color-shadow-md: rgba(0, 0, 0, .5);--color-shadow-lg: rgba(0, 0, 0, .6);--color-shadow-xl: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px 0 var(--color-shadow-sm);--shadow: 0 1px 3px 0 var(--color-shadow), 0 1px 2px 0 var(--color-shadow-sm);--shadow-md: 0 4px 6px -1px var(--color-shadow-md), 0 2px 4px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow-lg), 0 4px 6px -2px var(--color-shadow-md);--shadow-xl: 0 20px 25px -5px var(--color-shadow-xl), 0 10px 10px -5px var(--color-shadow-lg);--color-overlay: rgba(0, 0, 0, .6);--color-backdrop: rgba(0, 0, 0, .7);--color-scrollbar-track: transparent;--color-scrollbar-thumb: #4B5563;--color-scrollbar-thumb-hover: #6B7280;--color-focus-ring: var(--color-primary);--focus-ring: 0 0 0 2px var(--color-focus-ring)}.dark body,.dark .bg-gray-50{background-color:#0d1b2a!important}.dark .bg-gray-100{background-color:#1f2937!important}.dark .text-gray-900{color:#f9fafb!important}.dark .text-gray-800{color:#f3f4f6!important}.dark .text-gray-700{color:#e5e7eb!important}.dark .text-gray-600{color:#d1d5db!important}.dark .text-gray-400{color:#6b7280!important}.dark .border-gray-200{border-color:#374151!important}.dark .border-gray-300{border-color:#4b5063!important}.dark .border-gray-100{border-color:#1f2937!important}.dark .hover\\:bg-gray-50:hover{background-color:#1f2937!important}.dark .hover\\:bg-gray-100:hover{background-color:#374151!important}.dark .hover\\:text-gray-900:hover{color:#f9fafb!important}.dark .hover\\:text-gray-600:hover{color:#d1d5db!important}.dark .bg-\[#F8FAFC\]{background-color:#0d1b2a!important}.dark .text-\[#FF0000\]{color:#f44!important}.dark .bg-\[#FF0000\]{background-color:#f44!important}.dark .hover\\:bg-\[#E60000\]:hover{background-color:#f66!important}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d!important}.dark .shadow-\[0_10px_20px_rgba\(255\,0\,0\,0\.25\)\]{box-shadow:0 10px 20px #ff444440!important}.dark .min-h-screen{background-color:#0d1b2a!important}.dark .max-w-\[400px\]{background-color:#111827!important}.dark .border-gray-100{border-color:#374151!important}.dark .placeholder-gray-400::placeholder{color:#6b7280!important}.dark .focus\:ring-red-500:focus{--tw-ring-color: #FF4444 !important}.dark .focus\:border-red-500:focus{border-color:#f44!important}.dark .focus\:ring-2:focus{--tw-ring-color: #FF4444 !important}.dark .bg-black\/50{background-color:#000000b3!important}.dark .text-gray-500{color:#9ca3af!important}.dark .hover\:text-gray-600:hover{color:#d1d5db!important}.dark .hover\:text-red-700:hover{color:#f66!important}.dark button:disabled{opacity:.5;cursor:not-allowed}.dark input[type=email],.dark input[type=password],.dark input[type=text]{background-color:#1f2937!important;border-color:#4b5563!important;color:#f9fafb!important}.dark input[type=email]:focus,.dark input[type=password]:focus,.dark input[type=text]:focus{border-color:#f44!important;--tw-ring-color: #FF4444 !important}.dark input[type=checkbox]{background-color:#1f2937!important;border-color:#4b5563!important}.dark input[type=checkbox]:checked{background-color:#f44!important;border-color:#f44!important}.dark table{background-color:#111827!important}.dark thead{background-color:#1f2937!important}.dark tbody{background-color:#111827!important}.dark tr{background-color:#111827!important;border-color:#374151!important}.dark tr:nth-child(2n){background-color:#1f2937!important}.dark th{background-color:#1f2937!important;color:#f9fafb!important;border-color:#4b5563!important}.dark td{background-color:#111827!important;color:#e5e7eb!important;border-color:#374151!important}.dark .table,.dark .table-container{background-color:#111827!important}.dark .bg-gray-50{background-color:#0f172a!important}.dark .divide-gray-200>*+*{border-color:#374151!important}.dark .divide-gray-100>*+*{border-color:#1f2937!important}.dark .bg-white{background-color:#111827!important}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0009,0 4px 6px -2px #00000080!important}.dark .hover\:bg-gray-50:hover{background-color:#1f2937!important}.dark .hover\:bg-gray-100:hover{background-color:#374151!important}.dark .text-gray-900,.dark .text-gray-800,.dark .text-gray-700,.dark .text-gray-600,.dark .text-gray-500,.dark .text-gray-400,.dark .text-gray-300{color:#f9fafb!important}.dark .text-gray-200,.dark .text-gray-100{color:#f3f4f6!important}.dark .text-black{color:#f9fafb!important}.dark .text-\[#0D1B2A\]{color:#f9fafb!important}.dark .text-\[#1F2937\]{color:#f9fafb!important}.dark .text-\[#111827\]{color:#f9fafb!important}.dark .text-\[#374151\]{color:#d1d5db!important}.dark .text-\[#FF0000\],.dark .text-red-600{color:#f44!important}.dark .text-red-500,.dark .text-red-700{color:#f66!important}.dark svg{color:#f9fafb!important}.dark .text-current{color:currentColor!important}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f9fafb!important}.dark a{color:#60a5fa!important}.dark a:hover{color:#93c5fd!important}.dark button,.dark .text-white{color:#f9fafb!important}.dark label,.dark .form-label{color:#e5e7eb!important}.dark .text-sm,.dark .text-xs{color:#d1d5db!important}.dark .badge,.dark .status-text{color:#f9fafb!important}.dark li{color:#e5e7eb!important}.dark span:not([class*=text-]),.dark div:not([class*=text-]):not([class*=bg-]){color:#e5e7eb!important}.dark p{color:#e5e7eb!important}.dark strong,.dark b{color:#f9fafb!important}.dark em,.dark i{color:#e5e7eb!important}.dark .icon,.dark .icon-wrapper,.dark .nav-text,.dark .menu-text{color:#f9fafb!important}.dark .table-text,.dark .cell-text,.dark .card-text,.dark .panel-text{color:#e5e7eb!important}.dark input::placeholder,.dark textarea::placeholder{color:#9ca3af!important}.dark input,.dark textarea,.dark select{color:#f9fafb!important}.dark .stat-card{background-color:#111827!important}.dark .metric-card{background-color:#1f2937!important}.dark .icon-container{background-color:#374151!important}.dark .icon-wrapper,.dark .kpi-icon-bg{background-color:#1f2937!important}.dark .kpi-icon-container{background-color:#374151!important}.dark .kpi-metric-icon{background-color:#4b5563!important}.dark .stat-icon-bg{background-color:#1f2937!important}.dark .stat-icon-container{background-color:#374151!important}.dark .cms-icon{background-color:#1f2937!important}.dark .cms-icon-container{background-color:#374151!important}.dark .icon-picker-icon{background-color:#1f2937!important}.dark .icon-picker-container{background-color:#374151!important}.dark .bg-gray-50 .icon{background-color:#1f2937!important}.dark .bg-gray-100 .icon{background-color:#374151!important}.dark .bg-white .icon,.dark .dashboard .icon{background-color:#1f2937!important}.dark .dashboard .icon-container{background-color:#374151!important}.dark .dashboard .stat-icon{background-color:#1f2937!important}.dark .dashboard .kpi-icon{background-color:#374151!important}.logo .logo-text{color:#000!important}.logo .text-red-600,.logo .text-\[#FF0000\]{color:red!important}.dark .logo .logo-text{color:#fff!important}.dark .logo .text-red-600,.dark .logo .text-\[#FF0000\]{color:red!important}.header .logo-text{color:#000!important}.header .text-red-600,.header .text-\[#FF0000\]{color:red!important}.sidebar .logo-text{color:#000!important}.sidebar .text-red-600,.sidebar .text-\[#FF0000\]{color:red!important}.dark .header .logo-text{color:#fff!important}.dark .header .text-red-600,.dark .header .text-\[#FF0000\]{color:red!important}.dark .sidebar .logo-text{color:#fff!important}.dark .sidebar .text-red-600,.dark .sidebar .text-\[#FF0000\]{color:red!important}.login-page .logo-text{color:#000!important}.login-page .text-\[#FF0000\]{color:red!important}.dark .login-page .logo-text{color:#fff!important}.dark .login-page .text-\[#FF0000\]{color:red!important}.logo-text{transition:color .2s ease}.dark .action-icon .text-red-600{color:#ef4444!important}.dark .action-icon .text-green-600{color:#10b981!important}.dark .action-btn .text-red-600{color:#ef4444!important}.dark .action-btn .text-green-600{color:#10b981!important}.dark .hover\:text-red-600:hover{color:#dc2626!important}.dark .hover\:text-green-600:hover{color:#059669!important}.dark .performance-metrics{background-color:#111827!important}.dark .performance-metrics *,.dark .performance-metrics .icon,.dark .performance-metrics .metric-value{color:#fff!important}.dark .performance-metrics .metric-label{color:#e5e7eb!important}.dark .performance-metrics h1,.dark .performance-metrics h2,.dark .performance-metrics h3,.dark .performance-metrics h4,.dark .performance-metrics h5,.dark .performance-metrics h6,.dark .performance-metrics p,.dark .performance-metrics span,.dark .performance-metrics div{color:#fff!important}.dark .theme-toggle-btn{background:linear-gradient(135deg,#1f2937,#374151)!important;border:1px solid #4B5563!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dark .theme-toggle-btn:hover{background:linear-gradient(135deg,#374151,#4b5563)!important;border-color:#6b7280!important;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d!important;transform:translateY(-1px)!important}.dark .theme-toggle-btn:active{transform:translateY(0)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}.dark .theme-toggle-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;transition:all .3s ease!important}.dark .theme-toggle-btn:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))!important;transform:scale(1.1)!important}.dark .action-btn-delete{background-color:#dc2626!important;color:#fff!important;border-color:#b91c1c!important}.dark .action-btn-delete:hover{background-color:#b91c1c!important;border-color:#991b1b!important}.dark .action-btn-edit{background-color:#059669!important;color:#fff!important;border-color:#047857!important}.dark .action-btn-edit:hover{background-color:#047857!important;border-color:#065f46!important}.dark .icon-delete{color:#ef4444!important}.dark .icon-edit{color:#10b981!important}.dark .icon-delete:hover{color:#dc2626!important}.dark .icon-edit:hover{color:#059669!important}.theme-aware{transition:var(--theme-transition)}.theme-aware *{transition:inherit}.no-theme-transition *{transition:none!important}.cms-scrollbar::-webkit-scrollbar{width:4px}.cms-scrollbar::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.cms-scrollbar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:10px}.cms-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@media(prefers-contrast:high){:root{--color-border-primary: #000000;--color-text-primary: #000000}.dark{--color-border-primary: #FFFFFF;--color-text-primary: #FFFFFF}}@media(prefers-reduced-motion:reduce){.theme-aware,.theme-aware *{transition:none!important}}