html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;margin:0;padding:0;height:100%}:root{--bg-app: #f8fafc;--bg-sidebar: #f8f9fa;--bg-card: #ffffff;--border-color: #dee2e6;--text-main: #0f172a;--text-muted: #64748b;--bg-input: #ffffff;--border-input: #cbd5e1;--bg-th: #f1f5f9;--text-th: #475569}body.dark-mode{--bg-app: #0b0f19;--bg-sidebar: #0f172a;--bg-card: #1e293b;--border-color: #334155;--text-main: #f1f5f9;--text-muted: #94a3b8;--bg-input: #1e293b;--border-input: #475569;--bg-th: #1e293b;--text-th: #cbd5e1;background-color:var(--bg-app)!important;color:var(--text-main)}body.dark-mode .settings-container,body.dark-mode .users-view-container,body.dark-mode .roles-view-container,body.dark-mode .dashboard-container{background-color:var(--bg-app)!important;color:var(--text-main)}body.dark-mode .settings-header h1,body.dark-mode .banner-title,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode .profile-fullname{color:#fff!important}body.dark-mode .settings-header p,body.dark-mode .subtitle,body.dark-mode .desc,body.dark-mode .help-text,body.dark-mode .event-label,body.dark-mode .card-header p{color:var(--text-muted)!important}body.dark-mode .sidebar{background-color:var(--bg-sidebar)!important;border-right-color:var(--border-color)!important}body.dark-mode .sidebar .logo-area h3{color:#fff!important}body.dark-mode .sidebar .nav-links a,body.dark-mode .sidebar .footer a{color:var(--text-muted)!important}body.dark-mode .sidebar .nav-links a:hover,body.dark-mode .sidebar .footer a:hover{background-color:#1e293b!important;color:#fff!important}body.dark-mode .sidebar .nav-links a.active,body.dark-mode .sidebar .footer a.active{background-color:#334155!important;color:#fff!important}body.dark-mode .sidebar .credits-card{background-color:#1e293b!important;border-color:var(--border-color)!important}body.dark-mode .sidebar .credits-card .credits-title{color:#fff!important}body.dark-mode .settings-sidebar{background:var(--bg-card)!important;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0003!important}body.dark-mode .settings-sidebar .sidebar-nav button{color:var(--text-muted)!important}body.dark-mode .settings-sidebar .sidebar-nav button:hover{background-color:#334155!important;color:#fff!important}body.dark-mode .settings-sidebar .sidebar-nav button.active{background-color:#f1f5f9!important;color:#0f172a!important;box-shadow:0 10px 15px -3px #0000004d!important}body.dark-mode .profile-card,body.dark-mode .settings-card,body.dark-mode .accordion-card,body.dark-mode .billing-card,body.dark-mode .security-card,body.dark-mode .channel-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)}body.dark-mode .accordion-header{background-color:var(--bg-card)!important;color:var(--text-main)}body.dark-mode .accordion-header:hover{background-color:#334155!important}body.dark-mode .accordion-header .module-title{color:var(--text-main)!important}body.dark-mode .accordion-card.open .accordion-header{background-color:#1e293b!important;border-bottom-color:var(--border-color)!important}body.dark-mode .accordion-body{background-color:var(--bg-card)!important}body.dark-mode input[type=text],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode input[type=tel],body.dark-mode input[type=number],body.dark-mode select,body.dark-mode textarea{background-color:var(--bg-input)!important;border-color:var(--border-input)!important;color:var(--text-main)!important}body.dark-mode input[type=text]:focus,body.dark-mode input[type=email]:focus,body.dark-mode input[type=password]:focus,body.dark-mode input[type=tel]:focus,body.dark-mode input[type=number]:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#3b82f6!important}body.dark-mode input[type=text]::placeholder,body.dark-mode input[type=email]::placeholder,body.dark-mode input[type=password]::placeholder,body.dark-mode input[type=tel]::placeholder,body.dark-mode input[type=number]::placeholder,body.dark-mode select::placeholder,body.dark-mode textarea::placeholder{color:#64748b!important}body.dark-mode table.permissions-table th,body.dark-mode table th{background-color:#0f172a!important;color:#cbd5e1!important;border-bottom-color:var(--border-color)!important}body.dark-mode table.permissions-table td,body.dark-mode table td{border-bottom-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode table.permissions-table tr:hover td,body.dark-mode table tr:hover td{background-color:#334155!important}body.dark-mode .modal-overlay,body.dark-mode .modal-backdrop{background-color:#0009!important}body.dark-mode .modal-content,body.dark-mode .modal-container,body.dark-mode .modal-content-wizard,body.dark-mode .modal-box{background-color:var(--bg-card)!important;color:var(--text-main)!important;border-color:var(--border-color)!important;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0006!important}body.dark-mode .modal-content h3,body.dark-mode .modal-content h4,body.dark-mode .modal-content .modal-title,body.dark-mode .modal-container h3,body.dark-mode .modal-container h4,body.dark-mode .modal-container .modal-title,body.dark-mode .modal-content-wizard h3,body.dark-mode .modal-content-wizard h4,body.dark-mode .modal-content-wizard .modal-title,body.dark-mode .modal-box h3,body.dark-mode .modal-box h4,body.dark-mode .modal-box .modal-title{color:#fff!important}body.dark-mode .modal-content .modal-header,body.dark-mode .modal-content .modal-footer,body.dark-mode .modal-content .form-actions,body.dark-mode .modal-container .modal-header,body.dark-mode .modal-container .modal-footer,body.dark-mode .modal-container .form-actions,body.dark-mode .modal-content-wizard .modal-header,body.dark-mode .modal-content-wizard .modal-footer,body.dark-mode .modal-content-wizard .form-actions,body.dark-mode .modal-box .modal-header,body.dark-mode .modal-box .modal-footer,body.dark-mode .modal-box .form-actions{border-color:var(--border-color)!important}body.dark-mode .btn-secondary{background-color:#334155!important;color:#f1f5f9!important;border-color:#475569!important}body.dark-mode .btn-secondary:hover{background-color:#475569!important}body.dark-mode .btn-outline{border-color:#60a5fa!important;color:#60a5fa!important}body.dark-mode .btn-outline:hover{background-color:#60a5fa1a!important}body.dark-mode .theme-option{border-color:var(--border-input)!important;color:var(--text-muted)!important;background-color:var(--bg-card)!important}body.dark-mode .theme-option:hover{background-color:#334155!important}body.dark-mode .theme-option.selected{border-color:#3b82f6!important;background-color:#1e3a8a!important;color:#60a5fa!important}body.dark-mode .toggle-row{border-bottom-color:var(--border-color)!important}body.dark-mode .toggle-label{color:var(--text-main)!important}