/* =========================================================
   AUTO GENERATED LIGHT MODE OVERRIDES
   Semantic Variable Mapping & HTML Parsing
   ========================================================= */

body.light-mode nav {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .nav-brand {
    color: var(--text-main) !important;
}

body.light-mode .nav-links a:hover,
body.light-mode .nav-link:hover {
    color: var(--text-main) !important;
}

body.light-mode .nav-links a.active,
body.light-mode .nav-link.active {
    color: var(--text-main) !important;
}

body.light-mode .nav-cta {
    color: var(--text-main) !important;
}

body.light-mode #loginModalOverlay {
    background: var(--bg-card) !important;
}

body.light-mode .form-panel {
    background: linear-gradient(160deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01),
        0 60px 130px rgba(0, 0, 0, 0.17),
        0 0 80px rgba(139, 92, 246, 0.12),
        inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auth-logo {
    color: var(--text-main) !important;
}

body.light-mode .close-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auth-tabs {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auth-tab {
    color: var(--text-muted) !important;
}

body.light-mode .auth-tab.active {
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.35),
        0 4px 20px rgba(139, 92, 246, 0.2),
        inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auth-tab:not(.active):hover {
    color: var(--text-muted) !important;
}

body.light-mode .custom-input {
    background: rgba(0, 0, 0, 0.035) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .custom-input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .input-icon {
    color: var(--text-muted) !important;
}

body.light-mode .pw-toggle {
    color: var(--text-muted) !important;
}

body.light-mode .pw-toggle:hover {
    color: var(--text-muted) !important;
}

body.light-mode .auth-submit-btn {
    box-shadow: 0 6px 30px rgba(109, 40, 217, 0.55),
        0 2px 0 rgba(0, 0, 0, 0.02) inset,
        0 0 0 1px rgba(139, 92, 246, 0.3) !important;
}

body.light-mode .auth-submit-btn::after {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.12) 0%, transparent 60%) !important;
}

body.light-mode .auth-submit-btn:hover {
    box-shadow: 0 10px 40px rgba(109, 40, 217, 0.7),
        0 2px 0 rgba(0, 0, 0, 0.03) inset,
        0 0 0 1px rgba(139, 92, 246, 0.5) !important;
}

body.light-mode .auth-divider::before,
body.light-mode .auth-divider::after {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.07), transparent) !important;
}

body.light-mode .auth-divider span {
    color: var(--text-muted) !important;
}

body.light-mode .custom-checkbox {
    border: 1.5px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .checkbox-label {
    color: var(--text-muted) !important;
}

body.light-mode .auth-footer-link {
    color: var(--text-muted) !important;
}

body.light-mode .cg-page-intro {
    background: var(--bg-card) !important;
}

body.light-mode .cg-intro-sweep {
    background: linear-gradient(105deg, transparent 35%, rgba(0, 0, 0, .03) 50%, transparent 65%) !important;
}

body.light-mode .cg-intro-ring-inner {
    border: 1px dashed rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cg-intro-logo-box {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), inset 0 0 20px rgba(168,85,247,0.2) !important;
}

body.light-mode .cg-intro-label {
    color: var(--text-muted) !important;
}

body.light-mode .cg-intro-status-text {
    color: var(--text-muted) !important;
}

body.light-mode .cg-intro-step-dot {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .sidebar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .logo-icon {
    color: var(--text-main) !important;
}

body.light-mode .nav-links a:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .top-header {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .action-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .action-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode ::-webkit-scrollbar-track {
    background: var(--bg-card) !important;
}

body.light-mode ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .glow-card {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .glow-card:hover {
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.13), 0 0 25px rgba(139,92,246,0.12) !important;
}

body.light-mode .glow-card::after {
    background: var(--bg-card) !important;
}

body.light-mode .btn-primary {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .btn-primary:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02)) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .btn-purple {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .btn-purple:hover {
    box-shadow: 0 12px 28px rgba(139, 92, 246, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .form-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .form-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139,92,246,0.15) !important;
}

body.light-mode .custom-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .custom-select:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139,92,246,0.15) !important;
}

body.light-mode .role-pill-select span {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .role-pill-select:hover span {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .toggle-pill {
    background: rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .toggle-pill .thumb {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .ripple-wave {
    background: rgba(0, 0, 0, 0.18) !important;
}

body.light-mode .login-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .price-card {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .price-card::after {
    background: var(--bg-card) !important;
}

body.light-mode .price-card:hover {
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.12), 0 0 40px rgba(139,92,246,0.18) !important;
}

body.light-mode .price-amount {
    color: var(--text-main) !important;
}

body.light-mode .price-btn-outline {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .price-btn-outline:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .partner-card {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .partner-card::after {
    background: var(--bg-card) !important;
}

body.light-mode .partner-card:hover {
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12), 0 0 40px rgba(139,92,246,0.15) !important;
}

body.light-mode .partner-logo {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .partner-info h3 {
    color: var(--text-main) !important;
}

body.light-mode .login-divider::before,
body.light-mode .login-divider::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .modal-overlay,
body.light-mode .module-modal-overlay,
body.light-mode .premium-modal-overlay {
    background: radial-gradient(circle at center, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .premium-login-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auth-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auth-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139,92,246,0.15) !important;
}

body.light-mode .premium-bot-selector {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .premium-bot-selector:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .bot-sel-icon {
    color: var(--text-main) !important;
}

body.light-mode .bot-dropdown-menu {
    background: var(--bg-card) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(155,109,255,0.06) !important;
}

body.light-mode .bot-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .user-profile-card {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-profile-card:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .stat-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .stat-card:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .stat-icon {
    color: var(--text-main) !important;
}

body.light-mode .module-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .module-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .module-icon {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .module-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .settings-btn {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .settings-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .config-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .config-info h4 {
    color: var(--text-main) !important;
}

body.light-mode .config-control .form-input,
body.light-mode .config-control .custom-select {
    background: var(--bg-card) !important;
}

body.light-mode .module-modal-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .module-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .module-modal-icon {
    color: var(--text-main) !important;
}

body.light-mode .modal-close-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .admin-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .admin-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .log-item {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .log-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .notification {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notification::before {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent) !important;
}

body.light-mode .notif-icon-box {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .notif-success {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 30px rgba(16,185,129,0.1) !important;
}

body.light-mode .notif-error {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 30px rgba(239,68,68,0.1) !important;
}

body.light-mode .notif-warning {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 30px rgba(245,158,11,0.1) !important;
}

body.light-mode .notif-info {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 30px rgba(139,92,246,0.1) !important;
}

body.light-mode .notif-content h4 {
    color: var(--text-main) !important;
}

body.light-mode .notif-progress {
    background: rgba(0, 0, 0, 0.5) !important;
}

body.light-mode .notif-dropdown {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notif-dropdown::before {
    background: var(--bg-card) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.02) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .notif-drop-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notif-drop-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .notif-drop-header .mark-read {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .notif-drop-header .mark-read:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

.notif-drop-body.light-mode::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .notif-drop-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notif-drop-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .nd-icon {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .nd-content h4 {
    color: var(--text-main) !important;
}

body.light-mode .nd-time {
    color: var(--text-muted) !important;
}

body.light-mode .notif-drop-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .prof-menu-item {
    color: var(--text-muted) !important;
}

body.light-mode .prof-menu-item:hover {
    color: var(--text-main) !important;
}

body.light-mode .user-table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.0) !important;
}

.user-table tbody.light-mode tr:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-card:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cmd-card {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cmd-card:hover {
    box-shadow: 0 0 20px 2px var(--ct-glow, rgba(139,92,246,0.4)), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-green:hover {
    box-shadow: 0 0 20px 2px rgba(52,211,153,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-orange:hover {
    box-shadow: 0 0 20px 2px rgba(251,191,36,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-red:hover {
    box-shadow: 0 0 20px 2px rgba(248,113,113,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-cyan:hover {
    box-shadow: 0 0 20px 2px rgba(34,211,238,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-purple:hover {
    box-shadow: 0 0 20px 2px rgba(167,139,250,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .card-top-blue:hover {
    box-shadow: 0 0 20px 2px rgba(96,165,250,0.4), 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cmd-card-title span {
    color: var(--text-muted) !important;
}

body.light-mode .cmd-divider h3 {
    color: var(--text-muted) !important;
}

body.light-mode .cmd-divider::after {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cmd-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .trend-dim {
    color: var(--text-muted) !important;
}

body.light-mode .cmd-bot-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cmd-bot-wrap::after {
    background: linear-gradient(to top, var(--bg-card), transparent) !important;
}

body.light-mode .cmd-bot-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cmd-bot-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .cmd-bot-avatar {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .cmd-bot-desc {
    color: var(--text-muted) !important;
}

body.light-mode .btn-icon-cmd {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cmd-bulk {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .btn-bulk-cmd {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .btn-bulk-cmd:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-bento-item:hover,
body.light-mode .cb-grid-card:hover,
body.light-mode .cb-module-card:hover,
body.light-mode .tickets-sidebar-card:hover,
body.light-mode .tickets-chat-card:hover,
body.light-mode .us-v3-card:hover,
body.light-mode .us-v3-plan-card:hover,
body.light-mode .cg-pb-plan-card-v4:hover,
body.light-mode .user-profile-card.v2:hover,
body.light-mode .user-profile-card.v3:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 
                0 0 25px rgba(155, 109, 255, 0.3) !important;
}

body.light-mode .uov2-card:hover:has(.stripe-on),
body.light-mode .uov2-card:hover.online {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(16, 185, 129, 0.45) !important;
}

body.light-mode .uov2-card:hover:has(.stripe-off),
body.light-mode .uov2-card:hover.offline,
body.light-mode .uov2-card:hover:has(.stripe-suspended),
body.light-mode .uov2-card:hover.suspended {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(244, 63, 94, 0.45) !important;
}

body.light-mode .uov2-card:hover:has(.stripe-expired),
body.light-mode .uov2-card:hover.expired {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(251, 191, 36, 0.45) !important;
}

body.light-mode .modern-back-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .modern-back-btn .icon-wrap {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .modern-back-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), 0 0 15px rgba(168, 85, 247, 0.1) !important;
}

body.light-mode .cg-select-trigger {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.01), 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cg-select-trigger:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), 0 0 15px rgba(155, 109, 255, 0.15) !important;
}

body.light-mode .cg-select-wrapper.open .cg-select-trigger {
    box-shadow: 0 0 0 3px rgba(155, 109, 255, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-select-dropdown {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-select-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-select-option.selected {
    color: var(--text-main) !important;
}

body.light-mode .cg-select-option.selected .cg-select-opt-icon {
    color: var(--text-main) !important;
}

body.light-mode .cg-select-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .cg-select-dropdown::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25) !important;
}

body.light-mode .aa-page-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-page-sub {
    color: var(--text-muted) !important;
}

body.light-mode .aa-tab-bar {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-tab:hover {
    background: rgba(0, 0, 0, .05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-tab.active {
    color: var(--text-main) !important;
    box-shadow: 0 0 24px rgba(139,92,246,0.25), inset 0 1px 0 rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .aa-card {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 40px rgba(139,92,246,0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-section-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-btn::after {
    background: linear-gradient(135deg,rgba(0, 0, 0, 0.15),transparent) !important;
}

body.light-mode .aa-btn-primary {
    box-shadow: 0 4px 20px rgba(139,92,246,0.35), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-btn-primary:hover {
    box-shadow: 0 8px 32px rgba(139,92,246,0.5), 0 0 60px rgba(139,92,246,0.2), inset 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-btn-danger {
    box-shadow: 0 0 16px rgba(239,68,68,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-btn-success {
    box-shadow: 0 0 16px rgba(16,185,129,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-btn-cyan {
    box-shadow: 0 0 16px rgba(34,211,238,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-btn-amber {
    box-shadow: 0 0 16px rgba(245,158,11,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-btn-ghost {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .aa-btn-ghost:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-input,
body.light-mode .aa-textarea,
body.light-mode .aa-select-input {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-input:focus,
body.light-mode .aa-textarea:focus,
body.light-mode .aa-select-input:focus {
    background: var(--bg-card) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,0.15), inset 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-input::placeholder,
body.light-mode .aa-textarea::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .aa-label {
    color: var(--text-muted) !important;
}

body.light-mode .aa-pill-draft {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-stat-card {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-stat-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .aa-stat-card.cyan:hover {
    box-shadow: 0 0 30px rgba(34,211,238,0.12), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-stat-card.purple:hover {
    box-shadow: 0 0 30px rgba(167,139,250,0.12), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-stat-card.rose:hover {
    box-shadow: 0 0 30px rgba(251,113,133,0.12), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-stat-card.emerald:hover {
    box-shadow: 0 0 30px rgba(52,211,153,0.12), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-stat-card.amber:hover {
    box-shadow: 0 0 30px rgba(251,191,36,0.12), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .aa-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .aa-quick-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-quick-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .qc-email:hover {
    box-shadow: 0 0 40px rgba(139,92,246,0.12), 0 16px 48px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .qc-changelog:hover {
    box-shadow: 0 0 40px rgba(34,211,238,0.12), 0 16px 48px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .qc-audit:hover {
    box-shadow: 0 0 40px rgba(245,158,11,0.12), 0 16px 48px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .qc-security:hover {
    box-shadow: 0 0 40px rgba(244,63,94,0.12), 0 16px 48px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-quick-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-quick-desc {
    color: var(--text-muted) !important;
}

body.light-mode .aa-quick-arrow {
    color: var(--text-muted) !important;
}

body.light-mode .aa-quick-card:hover .aa-quick-arrow {
    color: var(--text-muted) !important;
}

body.light-mode .aa-log-item {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-log-item:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-log-dot {
    background: rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .aa-log-time {
    color: var(--text-muted) !important;
}

body.light-mode .aa-log-text {
    color: var(--text-main) !important;
}

body.light-mode .aa-log-admin {
    border-top: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-log-admin-name {
    color: var(--text-muted) !important;
}

body.light-mode .aa-search i {
    color: var(--text-muted) !important;
}

body.light-mode .aa-search input {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-search input:focus {
    background: var(--bg-card) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,0.1), inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cg-select-wrapper.aa-select-input .cg-select-trigger {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cg-select-wrapper.aa-select-input .cg-select-trigger:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: var(--bg-card) !important;
}

body.light-mode .cg-select-wrapper.aa-select-input.open .cg-select-trigger {
    box-shadow: 0 0 0 4px rgba(139,92,246,0.1), inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .aa-email-tabs {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-email-tab {
    color: var(--text-muted) !important;
}

body.light-mode .aa-email-tab:hover:not(.active) {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-email-hero-text h3 {
    color: var(--text-main) !important;
}

body.light-mode .aa-email-hero-text p {
    color: var(--text-muted) !important;
}

body.light-mode .aa-template-chip {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-inbox-item {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-inbox-item:hover {
    background: var(--bg-card) !important;
    box-shadow: 0 8px 24px rgba(139,92,246,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-inbox-from {
    color: var(--text-main) !important;
}

body.light-mode .aa-inbox-subject {
    color: var(--text-muted) !important;
}

body.light-mode .aa-inbox-preview {
    color: var(--text-muted) !important;
}

body.light-mode .aa-inbox-date {
    color: var(--text-muted) !important;
}

body.light-mode .aa-cl-item {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-cl-item:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-cl-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-cl-meta-item {
    color: var(--text-muted) !important;
}

body.light-mode .aa-cl-excerpt {
    color: var(--text-muted) !important;
}

body.light-mode .aa-cl-editor {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-cl-editor-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-cl-editor-header h2 {
    color: var(--text-main) !important;
}

body.light-mode .aa-cl-editor-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-cl-preview-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-cl-preview-box h4 {
    color: var(--text-muted) !important;
}

body.light-mode .aa-modal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-modal {
    background: linear-gradient(160deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.16), 0 0 60px rgba(139,92,246,0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-modal-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-modal-close {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .aa-modal::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .aa-sec-action-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-sec-action-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .aa-sec-card-danger:hover {
    box-shadow: 0 0 32px rgba(239,68,68,0.1), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-sec-card-warn:hover {
    box-shadow: 0 0 32px rgba(245,158,11,0.1), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-sec-card-cyan:hover {
    box-shadow: 0 0 32px rgba(34,211,238,0.1), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-sec-card-purple:hover {
    box-shadow: 0 0 32px rgba(139,92,246,0.1), 0 12px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-sec-action-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-sec-action-desc {
    color: var(--text-muted) !important;
}

body.light-mode .aa-session-item {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-session-item:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-session-name {
    color: var(--text-main) !important;
}

body.light-mode .aa-session-meta {
    color: var(--text-muted) !important;
}

body.light-mode .aa-bl-table-wrap {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-table th {
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-table td {
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-empty {
    color: var(--text-muted) !important;
    background: linear-gradient(180deg, var(--bg-card), var(--bg-card)) !important;
    border: 2px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-empty h3 {
    color: var(--text-main) !important;
}

body.light-mode .aa-spinner {
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-progress {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .aa-bl-modal-hero {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-bl-modal-hero-title {
    color: var(--text-main) !important;
}

body.light-mode .aa-bl-modal-hero-sub {
    color: var(--text-muted) !important;
}

body.light-mode .aa-bl-sev-card {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
}

body.light-mode .aa-bl-sev-card span {
    color: var(--text-main) !important;
}

body.light-mode .aa-bl-sev-card small {
    color: var(--text-muted) !important;
}

body.light-mode .aa-bl-sev-card:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .aa-bl-modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-sticky-filter {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .aa-search i {
    color: var(--text-muted) !important;
}

body.light-mode .aa-search input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .aa-search input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .aa-cl-preview-pane {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .aa-preview-header {
    background: rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

.aa-preview-body.light-mode {
    color: var(--text-muted) !important;
}

body.light-mode .cl-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cl-card:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cl-card-version {
    color: var(--text-main) !important;
}

body.light-mode .cl-card-title {
    color: var(--text-main) !important;
}

body.light-mode .cl-card-excerpt {
    color: var(--text-muted) !important;
}

body.light-mode .cl-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cl-card-meta {
    color: var(--text-muted) !important;
}

body.light-mode .cl-card-actions .action-btn {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .cl-card-actions .action-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .segment-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .aa-template-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .aa-template-card:hover {
    color: var(--text-main) !important;
}

body.light-mode .aa-modern-list-item {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .aa-modern-list-item:hover {
    background: var(--bg-card) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .ml-title {
    color: var(--text-main) !important;
}

body.light-mode .ml-sub {
    color: var(--text-muted) !important;
}

body.light-mode .ml-time {
    color: var(--text-muted) !important;
}

body.light-mode .abs-container {
    color: var(--text-main) !important;
}

body.light-mode .abs-back-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .abs-back-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .abs-bot-info p {
    color: var(--text-muted) !important;
}

body.light-mode .abs-bot-info p .abs-id {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .abs-sidebar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .abs-tab {
    color: var(--text-muted) !important;
}

body.light-mode .abs-tab:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .abs-tab.active {
    color: var(--text-main) !important;
}

body.light-mode .abs-panel {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .abs-panel-title {
    color: var(--text-main) !important;
}

body.light-mode .abs-label {
    color: var(--text-muted) !important;
}

body.light-mode .abs-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .abs-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .abs-btn {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .abs-sbtn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .abs-sbtn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .abs-ntab {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .abs-ntab:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-main) !important;
}

body.light-mode .abs-npanel {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .abs-console {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .abs-log-line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .abs-btn-back-custom {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .abs-btn-back-custom:hover {
    background: var(--bg-card) !important;
}

body.light-mode .abs-btn-back-icon-wrap {
    background: var(--bg-card) !important;
}

body.light-mode .acc-page {
    color: var(--text-main) !important;
}

body.light-mode .acc-hero-icon {
    color: var(--text-main) !important;
}

body.light-mode .acc-btn-ghost {
    background: rgba(0, 0, 0, .04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acc-stat-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-stat-card:hover {
    box-shadow: 0 0 30px var(--acc-color, rgba(139,92,246,.15)), 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    background: var(--bg-card) !important;
}

body.light-mode .acc-stat-bar {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .acc-sec-text h3 {
    color: var(--text-main) !important;
}

body.light-mode .acc-health-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-health-card:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .acc-health-bar-bg {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .acc-bot-group {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-bot-group-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: linear-gradient(135deg, rgba(139,92,246,.06) 0%, rgba(0, 0, 0, 0.04) 100%) !important;
}

body.light-mode .acc-bot-group-title h4 {
    color: var(--text-main) !important;
}

body.light-mode .acc-bot-name {
    color: var(--text-main) !important;
}

body.light-mode .acc-lat-badge {
    background: rgba(0, 0, 0, .05) !important;
}

body.light-mode .acc-bot-action-btn {
    background: rgba(0, 0, 0, .04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-bot-bulk {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acc-maint-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-maint-name {
    color: var(--text-main) !important;
}

body.light-mode .acc-toggle-slider {
    background: rgba(0, 0, 0, .1) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acc-toggle-slider::after {
    background: rgba(0, 0, 0, .5) !important;
}

body.light-mode .acc-maint-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-datetime-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-global-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-global-card:hover {
    box-shadow: 0 0 40px var(--acc-glow, rgba(139,92,246,.15)), 0 12px 30px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .acc-global-title {
    color: var(--text-main) !important;
}

body.light-mode .acc-msg-composer,
body.light-mode .acc-msg-feed {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-msg-panel-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acc-msg-panel-hdr h4 {
    color: var(--text-main) !important;
}

body.light-mode .acc-type-tab {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .acc-type-tab.active {
    color: var(--text-main) !important;
}

body.light-mode .acc-msg-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-msg-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-msg-preview-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-msg-preview-text h5 {
    color: var(--text-main) !important;
}

body.light-mode .acc-feed-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-feed-item:hover {
    background: rgba(0, 0, 0, .02) !important;
}

body.light-mode .acc-feed-title {
    color: var(--text-main) !important;
}

body.light-mode .acc-sched-form {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-field {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-field option {
    background: var(--bg-card) !important;
}

body.light-mode select.acc-field option {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-sched-item {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-sched-title {
    color: var(--text-main) !important;
}

body.light-mode .acc-inc-form,
body.light-mode .acc-inc-list-wrap {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-inc-list-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acc-inc-list-hdr h4 {
    color: var(--text-main) !important;
}

body.light-mode .acc-inc-item {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-inc-item:hover {
    background: rgba(0, 0, 0, .02) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acc-inc-title-text {
    color: var(--text-main) !important;
}

body.light-mode .acc-preview-card {
    background: var(--bg-card) !important;
}

body.light-mode .acc-preview-card:hover {
    box-shadow: 0 0 25px rgba(16,185,129,.15), 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .acc-preview-name {
    color: var(--text-main) !important;
}

body.light-mode .acc-vip-wrap {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-vip-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acc-vip-hdr h4 {
    color: var(--text-main) !important;
}

body.light-mode .acc-vip-add-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-vip-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acc-vip-item:hover {
    background: rgba(0, 0, 0, .02) !important;
}

body.light-mode .acc-vip-name {
    color: var(--text-main) !important;
}

body.light-mode .acc-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .acc-modal-box {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18) !important;
}

body.light-mode .acc-modal-title {
    color: var(--text-main) !important;
}

body.light-mode .acc-modal-cancel {
    background: rgba(0, 0, 0, .04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acc-modal-cancel:hover {
    background: rgba(0, 0, 0, .08) !important;
}

body.light-mode .acc-modal-confirm {
    color: var(--text-main) !important;
}

body.light-mode .acc-bot-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .acc-bot-modal-box {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18) !important;
}

body.light-mode .acc-bot-modal-box::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .08) !important;
}

body.light-mode .acc-bot-modal-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: var(--bg-card) !important;
}

body.light-mode .acc-bot-modal-info h3 {
    color: var(--text-main) !important;
}

body.light-mode .acc-bot-modal-close {
    background: rgba(0, 0, 0, .04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-bot-stat-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acc-notif-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .acc-bot-modal-save {
    color: var(--text-main) !important;
}

body.light-mode .dsgvo-ent-header {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ent-logo-glow {
    color: var(--text-main) !important;
    box-shadow: 0 0 20px var(--neon-purple-glow), inset 0 0 15px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .dpo-card {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .dsgvo-ent-nav {
    background: var(--bg-card) !important;
}

body.light-mode .ent-nav-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .ent-nav-btn.active {
    box-shadow: 0 10px 25px rgba(168, 85, 247, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .glass-glow-card {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .glass-glow-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 40px rgba(168, 85, 247, 0.15), inset 0 0 30px rgba(168, 85, 247, 0.05) !important;
}

body.light-mode .score-card {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .score-card.emerald-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 40px rgba(16,185,129,0.3), inset 0 0 30px rgba(16,185,129,0.1) !important;
}

body.light-mode .score-card.amber-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 40px rgba(245,158,11,0.3), inset 0 0 30px rgba(245,158,11,0.1) !important;
}

body.light-mode .score-card.rose-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 40px rgba(244,63,94,0.3), inset 0 0 30px rgba(244,63,94,0.1) !important;
}

body.light-mode .reactor-ring-outer {
    stroke: var(--text-muted) !important;
}

body.light-mode .reactor-ring-inner {
    stroke: var(--text-muted) !important;
}

body.light-mode .reactor-percentage {
    fill: var(--text-main) !important;
}

body.light-mode .reactor-label {
    fill: var(--text-muted) !important;
}

body.light-mode .kpi-card h2 {
    color: var(--text-main) !important;
}

body.light-mode .audit-item {
    background: rgba(0, 0, 0, 0.015) !important;
}

body.light-mode .audit-checkbox-custom {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .audit-checkbox-custom::after {
    color: var(--text-main) !important;
}

body.light-mode .search-box-neon {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .search-box-neon input {
    color: var(--text-main) !important;
}

body.light-mode .data-row {
    background: var(--bg-card) !important;
}

body.light-mode .neon-button {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .red-glow:hover {
    color: var(--text-main) !important;
}

body.light-mode .red-glow-solid {
    color: var(--text-main) !important;
}

body.light-mode .purple-glow:hover {
    color: var(--text-main) !important;
}

body.light-mode .cyan-glow:hover {
    color: var(--text-main) !important;
}

body.light-mode .green-glow:hover {
    color: var(--text-main) !important;
}

body.light-mode .gray-glow {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .gray-glow:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .toms-category-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .tom-row {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .tom-status-control {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .tom-opt.active[data-val="implemented"] {
    color: var(--text-main) !important;
}

body.light-mode .tom-opt.active[data-val="missing"] {
    color: var(--text-main) !important;
}

body.light-mode .avv-card {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .avv-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06), 0 0 30px rgba(16, 185, 129, 0.15), inset 0 0 20px rgba(16, 185, 129, 0.05) !important;
}

body.light-mode .avv-card.missing:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06), 0 0 30px rgba(244, 63, 94, 0.2), inset 0 0 20px rgba(244, 63, 94, 0.1) !important;
}

body.light-mode .avv-card.missing {
    background: linear-gradient(180deg, rgba(244, 63, 94, 0.03), var(--bg-card)) !important;
}

body.light-mode .avv-details h3 {
    color: var(--text-main) !important;
}

body.light-mode .avv-doc {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .dsgvo-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .holograph-modal {
    background: var(--bg-card) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 0 40px rgba(168, 85, 247, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .console-wrapper {
    background: var(--bg-card) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .console-terminal::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .emergency-board {
    background: linear-gradient(180deg, rgba(244, 63, 94, 0.05), var(--bg-card)) !important;
    box-shadow: inset 0 0 40px rgba(244, 63, 94, 0.02), 0 15px 35px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .wizard-steps::before {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .wiz-step {
    background: var(--bg-card) !important;
}

body.light-mode .wiz-step.active {
    color: var(--text-main) !important;
}

body.light-mode .wiz-step.completed {
    color: var(--text-main) !important;
}

body.light-mode .dsgvo-input {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .dsgvo-select {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .template-box {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .export-pipeline {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .chart-container-svg {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .signature-box {
    border: 1.5px dashed rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .breach-wizard-modal {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 0 45px rgba(244, 63, 94, 0.25), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .wizard-steps-container {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .wizard-steps::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .wiz-step {
    background: var(--bg-card) !important;
}

body.light-mode .wiz-step.active {
    color: var(--text-main) !important;
}

body.light-mode .wiz-step.completed {
    color: var(--text-main) !important;
}

body.light-mode .cyber-checkbox-label {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cyber-checkbox-label:hover {
    background: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cyber-checkbox-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cyber-checkbox-box i {
    color: var(--text-main) !important;
}

body.light-mode .cyber-checkbox:checked ~ .cyber-checkbox-text {
    color: var(--text-main) !important;
}

body.light-mode .template-box-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: var(--bg-card) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .template-box-header {
    background: rgba(0, 0, 0, 0.02) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .btn-copy-template {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .emergency-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .emergency-station-container {
    background: var(--bg-card) !important;
    box-shadow: 0 0 40px rgba(244, 63, 94, 0.1), inset 0 0 20px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .emergency-hud-pane {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .hud-main {
    color: var(--text-main) !important;
}

body.light-mode .hud-metrics {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .hud-node.active .node-label {
    color: var(--text-main) !important;
}

body.light-mode .hud-node-line {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .emergency-form-pane {
    background: var(--bg-card) !important;
}

body.light-mode .form-pane-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .btn-close-hud {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .panel-cyber-title h4 {
    color: var(--text-main) !important;
}

body.light-mode .cyber-radio-card .card-content {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cyber-hologram-input,
body.light-mode .cyber-hologram-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cyber-hologram-select option {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .hud-action-bar {
    background: rgba(0, 0, 0, 0.04) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cyber-btn-outline {
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cyber-btn-outline:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-dossier-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .dossier-container {
    background: var(--bg-card) !important;
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.15), inset 0 0 15px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .dossier-header {
    background: rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .dossier-titles h2 {
    color: var(--text-main) !important;
}

body.light-mode .btn-dossier-close {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .dossier-box {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .dossier-footer {
    background: rgba(0, 0, 0, 0.04) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .authority-dossier-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .auth-dossier-container {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auth-dossier-logo {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .btn-auth-primary {
    background: var(--bg-card) !important;
}

body.light-mode .btn-auth-primary:hover {
    background: var(--bg-card) !important;
}

body.light-mode .af-toast {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .af-confirm-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .af-confirm-box {
    background: linear-gradient(135deg,var(--bg-card),var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .af-confirm-title {
    color: var(--text-main) !important;
}

body.light-mode .af-hero-title {
    color: var(--text-main) !important;
}

body.light-mode .af-btn-secondary {
    background: rgba(0, 0, 0, .06) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-btn-secondary:hover {
    background: rgba(0, 0, 0, .1) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .af-btn-ghost {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-btn-ghost:hover {
    background: rgba(0, 0, 0, .06) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .af-tabs {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-tab:hover {
    background: rgba(0, 0, 0, .05) !important;
}

body.light-mode .af-tab.active {
    color: var(--text-main) !important;
    box-shadow: 0 0 20px rgba(155,109,255,.2),inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-card {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-card-title {
    color: var(--text-main) !important;
}

body.light-mode .af-stat-card .af-sc-value {
    color: var(--text-main) !important;
}

body.light-mode .af-table-wrap {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-table-wrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .02) !important;
}

body.light-mode .af-table th {
    background: rgba(0, 0, 0, .03) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-table tr:hover td {
    background: rgba(0, 0, 0, .025) !important;
}

body.light-mode .af-input,
body.light-mode .af-select,
body.light-mode .af-textarea {
    background: rgba(0, 0, 0, .05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .af-select option {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .af-toggle-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-toggle-label {
    color: var(--text-main) !important;
}

body.light-mode .af-toggle-slider {
    background: rgba(0, 0, 0, .1) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-toggle-slider:before {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .af-progress-bar {
    background: rgba(0, 0, 0, .08) !important;
}

body.light-mode .af-code-item {
    background: rgba(0, 0, 0, .04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-lic-card {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-lic-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-lic-name {
    color: var(--text-main) !important;
}

body.light-mode .af-lic-divider {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .af-tl-connector {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .af-stat-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-color-swatch.selected {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .af-color-swatch.selected::after {
    color: var(--text-main) !important;
}

body.light-mode .af-color-picker-wrap input[type=color] {
    border: 2px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .af-type-toggle {
    background: rgba(0, 0, 0, .05) !important;
}

body.light-mode .af-back-btn {
    background: rgba(0, 0, 0, .06) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .af-back-btn:hover {
    background: rgba(0, 0, 0, .1) !important;
}

body.light-mode .af-hero-name {
    color: var(--text-main) !important;
}

body.light-mode .af-hero-amount .amount {
    color: var(--text-main) !important;
}

body.light-mode .af-time-btn:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .af-stat-card-glow {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-stat-card-glow:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .af-stat-card-glow .af-sc-icon {
    color: var(--text-main) !important;
}

body.light-mode .af-stat-card-glow .af-sc-value {
    color: var(--text-main) !important;
}

body.light-mode .af-progress-bar-custom {
    background: rgba(0, 0, 0, .05) !important;
}

body.light-mode .af-progress-fill-custom::after {
    background: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.18),transparent) !important;
}

body.light-mode .af-activity-item {
    background: rgba(0, 0, 0, .015) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .af-activity-item:hover {
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .af-activity-title {
    color: var(--text-main) !important;
}

body.light-mode .acb-root {
    color: var(--text-main) !important;
}

body.light-mode .acb-page-sub {
    color: var(--text-muted) !important;
}

body.light-mode .acb-stat-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-stat-card:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .acb-stat-info h3 {
    color: var(--text-muted) !important;
}

body.light-mode .acb-stat-info span {
    color: var(--text-main) !important;
}

body.light-mode .acb-filter-bar {
    background: var(--bg-card) !important;
}

body.light-mode .acb-search-box i {
    color: var(--text-muted) !important;
}

body.light-mode .acb-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acb-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acb-select-trigger:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-custom-select.open .acb-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-select-options {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .acb-select-option {
    color: var(--text-muted) !important;
}

body.light-mode .acb-select-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .acb-bot-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--plan-color, rgba(0, 0, 0, 0.01)) 15%, rgba(0, 0, 0, 0.01)) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-bot-card:hover {
    border-color: color-mix(in srgb, var(--plan-color, rgba(0, 0, 0, 0.03)) 40%, rgba(0, 0, 0, 0.03)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.09), 0 0 20px color-mix(in srgb, var(--plan-color) 12%, transparent) !important;
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .acb-avatar-circle {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .acb-bot-name {
    color: var(--text-main) !important;
}

body.light-mode .acb-bot-owner {
    color: var(--text-muted) !important;
}

body.light-mode .acb-info-row {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-info-label {
    color: var(--text-muted) !important;
}

body.light-mode .acb-info-value {
    color: var(--text-main) !important;
}

body.light-mode .acb-card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-action-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-panel {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-panel-title {
    color: var(--text-main) !important;
}

body.light-mode .acb-bot-hero .avatar {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .acb-bot-hero p {
    color: var(--text-muted) !important;
}

body.light-mode .acb-detail-cell {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .acb-owner-link {
    color: var(--text-main) !important;
}

body.light-mode .acb-resource-bar {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .acb-danger-text h4 {
    color: var(--text-main) !important;
}

body.light-mode .acb-danger-text p {
    color: var(--text-muted) !important;
}

body.light-mode .acb-terminal-wrapper {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acb-terminal-header {
    background: var(--bg-card) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-terminal-title {
    color: var(--text-muted) !important;
}

.acb-terminal-body.light-mode {
    background: radial-gradient(circle at center, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .acb-log-time {
    color: var(--text-muted) !important;
}

body.light-mode .acb-log-msg {
    color: var(--text-main) !important;
}

body.light-mode .acb-plan-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .acb-plan-select option {
    background: var(--bg-card) !important;
}

body.light-mode .acb-node-topbar {
    background: linear-gradient(90deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(16, 185, 129, 0.05) !important;
}

body.light-mode .acb-node-title {
    color: var(--text-main) !important;
}

body.light-mode .acb-node-tag.ip {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acb-node-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .acb-node-panel {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-node-panel h3 {
    color: var(--text-muted) !important;
}

body.light-mode .acb-node-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .acb-premium-terminal {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-terminal-header {
    background: rgba(0, 0, 0, 0.04) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .acb-terminal-dot {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .acb-terminal-title {
    color: var(--text-muted) !important;
}

body.light-mode .acb-premium-terminal::before {
    background: linear-gradient(
        var(--bg-card) 50%, 
        rgba(0, 0, 0, 0.04) 50%) !important;
}

body.light-mode .acb-node-action-btn {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .acb-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .acb-modal-box {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acb-modal-title {
    color: var(--text-main) !important;
}

body.light-mode .acb-modal-text {
    color: var(--text-muted) !important;
}

body.light-mode .acb-modal-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .acb-modal-input:focus {
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 15px rgba(59, 130, 246, 0.3) !important;
}

body.light-mode .acb-modal-btn-cancel {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .acb-modal-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.danger {
    box-shadow: 0 10px 20px rgba(244, 63, 94, 0.3), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.danger:hover {
    box-shadow: 0 15px 25px rgba(244, 63, 94, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.warning {
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.warning:hover {
    box-shadow: 0 15px 25px rgba(249, 115, 22, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.info {
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .acb-modal-btn-confirm.info:hover {
    box-shadow: 0 15px 25px rgba(59, 130, 246, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .al-v3-title-box h1 {
    color: var(--text-main) !important;
}

body.light-mode .stat-value {
    color: var(--text-main) !important;
}

body.light-mode .v3-cat-icon {
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

.v3-cat-body.light-mode h3 {
    color: var(--text-main) !important;
}

body.light-mode .al-v3-cat-card:hover .v3-cat-footer i {
    color: var(--text-main) !important;
}

body.light-mode .al-v3-btn-back {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .al-v3-timeline-title-area h2 {
    color: var(--text-main) !important;
}

body.light-mode .al-v3-search {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .al-v3-pills {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .al-v3-pill:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .al-v3-pill.active {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .v3-tl-line {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent) !important;
}

body.light-mode .v3-tl-dot {
    color: var(--text-main) !important;
}

body.light-mode .v3-tl-content::after {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.1), transparent) border-box !important;
}

body.light-mode .v3-tl-content:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .v3-tl-action {
    color: var(--text-main) !important;
}

body.light-mode .v3-tl-quick-actions button {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .al-v3-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .al-v3-inspector-modal {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .al-v3-inspector-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .al-v3-inspector-title {
    color: var(--text-main) !important;
}

body.light-mode .al-v3-btn-close {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .al-v3-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .al-v3-tab:hover {
    color: var(--text-main) !important;
}

body.light-mode .v3-insp-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .v3-insp-val {
    color: var(--text-main) !important;
}

body.light-mode .v3-insp-code-toolbar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .v3-insp-code-toolbar button {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .v3-insp-code {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .v3-related-item {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .v3-rel-act {
    color: var(--text-main) !important;
}

body.light-mode .v3-rel-mod {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .al-v3-tab-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .al-v3-tab-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .v3-tl-icon-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .v3-tl-badge.badge-mod {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .v3-tl-content.tl-default .v3-tl-icon-box {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), transparent) !important;
}

body.light-mode .v3-tl-content {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .v3-tl-content:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .al-v3-inspector-modal {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.16), 0 0 40px var(--v3-purple-glow), inset 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .v3-insp-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .v3-insp-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .al-v4-global-search input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 2px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .al-v4-global-search input:focus {
    box-shadow: 0 0 20px var(--v3-cyan-glow), inset 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .v3-meta-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .al-v4-webhook-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .v4-wh-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .al-v4-webhook-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .al-v4-webhook-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-root {
    color: var(--text-main) !important;
}

body.light-mode .am3-page-sub {
    color: var(--text-muted) !important;
}

body.light-mode .am3-btn-secondary {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-btn-secondary:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .am3-btn-sub {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-btn-back {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-btn-back:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-page-titles p {
    color: var(--text-muted) !important;
}

body.light-mode .am3-stat-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-stat-card:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .am3-stat-card.purple:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(139, 92, 246, 0.35) !important;
}

body.light-mode .am3-stat-card.emerald:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(52, 211, 153, 0.35) !important;
}

body.light-mode .am3-stat-card.rose:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(248, 113, 113, 0.35) !important;
}

body.light-mode .am3-stat-card.cyan:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(34, 211, 238, 0.35) !important;
}

body.light-mode .am3-stat-info h3 {
    color: var(--text-muted) !important;
}

body.light-mode .am3-stat-info span {
    color: var(--text-main) !important;
}

body.light-mode .am3-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .am3-filter-bar {
    background: var(--bg-card) !important;
}

body.light-mode .am3-search-box i {
    color: var(--text-muted) !important;
}

body.light-mode .am3-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .am3-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-search-reset {
    color: var(--text-muted) !important;
}

body.light-mode .am3-search-reset:hover {
    color: var(--text-main) !important;
}

body.light-mode .am3-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .am3-select-trigger:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-custom-select.open .am3-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-select-options {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .am3-select-option {
    color: var(--text-muted) !important;
}

body.light-mode .am3-select-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .am3-refresh-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-refresh-btn:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-category-header h2 {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-admin-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--role-color, rgba(0, 0, 0, 0.01)) 15%, rgba(0, 0, 0, 0.01)) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-pro-admin-card:hover {
    border-color: color-mix(in srgb, var(--role-color, rgba(0, 0, 0, 0.03)) 40%, rgba(0, 0, 0, 0.03)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.09), 0 0 20px color-mix(in srgb, var(--role-color) 12%, transparent) !important;
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .am3-pro-admin-card.suspended {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .am3-pro-admin-card .avatar-circle {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-pro-admin-card .username {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-admin-card .discord-tag {
    color: var(--text-muted) !important;
}

body.light-mode .am3-card-info-grid {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-info-cell.span-2 {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-info-label {
    color: var(--text-muted) !important;
}

body.light-mode .am3-info-value {
    color: var(--text-main) !important;
}

body.light-mode .am3-info-value.muted {
    color: var(--text-muted) !important;
}

body.light-mode .am3-pro-admin-card .card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-pro-admin-card .action-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-pro-admin-card .action-btn.disabled {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-card-btn.disabled {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-detail-card {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-detail-card.glowing-purple {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 
                0 0 50px rgba(139, 92, 246, 0.15),
                inset 0 0 20px rgba(139, 92, 246, 0.05) !important;
}

body.light-mode .am3-detail-card.glowing-blue {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 
                0 0 50px rgba(59, 130, 246, 0.15),
                inset 0 0 20px rgba(59, 130, 246, 0.05) !important;
}

body.light-mode .card-title-bar {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .avatar-preview-section {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .avatar-large-preview {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07) !important;
    border: 2px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .avatar-theme-circle {
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .avatar-theme-circle:hover {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .avatar-theme-circle.active {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .am3-form-group label {
    color: var(--text-muted) !important;
}

body.light-mode .am3-root .am3-form-group input[type="text"],
body.light-mode .am3-root .am3-form-group input[type="text"]:focus,
body.light-mode .am3-root .am3-form-group input[type="text"]:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-root .input-with-icon input[type="text"],
body.light-mode .am3-root .input-with-icon input[type="text"]:focus,
body.light-mode .am3-root .input-with-icon input[type="text"]:hover,
body.light-mode .am3-root #detail_discord,
body.light-mode .am3-root #detail_discord:focus,
body.light-mode .am3-root #detail_discord:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-root .am3-form-group input[type="text"]::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .am3-root .am3-form-group input[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-root .am3-form-group input[type="text"]:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 0 15px rgba(155, 109, 255, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .input-with-icon i {
    color: var(--text-muted) !important;
}

body.light-mode .input-hint {
    color: var(--text-muted) !important;
}

body.light-mode .am3-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-textarea::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .am3-textarea:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-textarea:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 0 15px rgba(155, 109, 255, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .am3-form-row-flex {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .am3-form-row-flex:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-form-group-flex label {
    color: var(--text-main) !important;
}

body.light-mode .am3-role-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .role-icon-wrap {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .role-text-wrap h4 {
    color: var(--text-main) !important;
}

body.light-mode .role-text-wrap span {
    color: var(--text-muted) !important;
}

body.light-mode .am3-role-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06), 0 0 15px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-role-card.active {
    background: linear-gradient(180deg, color-mix(in srgb, var(--r-color) 8%, transparent) 0%, var(--bg-card) 100%) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1), 0 0 20px color-mix(in srgb, var(--r-color) 25%, transparent) !important;
}

body.light-mode .am3-role-card.active .role-text-wrap h4 {
    color: var(--text-main) !important;
}

body.light-mode .am3-role-card.active .role-text-wrap span {
    color: var(--text-muted) !important;
}

body.light-mode .permissions-macro-bar {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .permissions-macro-bar > span {
    color: var(--text-muted) !important;
}

body.light-mode .permissions-macro-bar button {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-permissions-section {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .perm-title-block p {
    color: var(--text-muted) !important;
}

body.light-mode .am3-perm-category-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .am3-perm-category-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 
                0 0 30px color-mix(in srgb, var(--cat-color) 25%, transparent),
                inset 0 0 20px color-mix(in srgb, var(--cat-color) 8%, transparent) !important;
}

body.light-mode .am3-perm-category-card:has(.perm-checkbox:checked) {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, color-mix(in srgb, var(--cat-color) 6%, rgba(0, 0, 0, 0.04)) 100%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), 
                0 0 25px color-mix(in srgb, var(--cat-color) 20%, transparent) !important;
}

body.light-mode .am3-perm-cat-header {
    background: rgba(0, 0, 0, 0.015) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-perm-cat-header h4 {
    color: var(--text-main) !important;
}

body.light-mode .am3-perm-cat-header p {
    color: var(--text-muted) !important;
}

body.light-mode .am3-perm-row {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-perm-info h5 {
    color: var(--text-main) !important;
}

body.light-mode .am3-perm-info span {
    color: var(--text-muted) !important;
}

body.light-mode .am-toggle.small .am-slider {
    background-color: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am-toggle.small .am-slider:before {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .am3-glass-panel {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-empty-state {
    color: var(--text-muted) !important;
}

body.light-mode .am3-empty-state i {
    color: var(--text-muted) !important;
}

body.light-mode .am3-timeline::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .am3-timeline-dot {
    background: var(--bg-card) !important;
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .am3-timeline-content {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-timeline-meta {
    color: var(--text-muted) !important;
}

body.light-mode .am3-timeline-text {
    color: var(--text-main) !important;
}

body.light-mode .am3-log-archive-container {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .am3-log-archive-header {
    color: var(--text-main) !important;
}

body.light-mode .am3-logs-filter-row::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .am3-filter-group-label {
    color: var(--text-muted) !important;
}

body.light-mode .am3-filter-group-line {
    background: var(--group-color, rgba(0, 0, 0, 0.1)) !important;
}

body.light-mode .am3-filter-group-divider {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .am3-log-filter-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-log-filter-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .am3-suspend-warning-box h4 {
    color: var(--text-main) !important;
}

body.light-mode .am3-suspend-warning-box p {
    color: var(--text-muted) !important;
}

body.light-mode .am3-suspend-form {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .am3-form-section-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-input-icon {
    color: var(--text-muted) !important;
}

body.light-mode .am3-input-premium {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-input-premium:focus {
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-premium-select-wrapper::after {
    color: var(--text-muted) !important;
}

body.light-mode .am3-premium-select-wrapper select option {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .am3-textarea-premium {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-textarea-premium:focus {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .am3-toggle-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-toggle-info span {
    color: var(--text-muted) !important;
}

body.light-mode .am3-premium-slider {
    background-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .am3-premium-slider:before {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .am3-dropdown-selected {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-custom-dropdown.open .am3-dropdown-selected {
    background: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .am3-dropdown-arrow {
    color: var(--text-muted) !important;
}

body.light-mode .am3-dropdown-menu {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .am3-dropdown-item {
    color: var(--text-muted) !important;
}

body.light-mode .am3-dropdown-item:hover {
    color: var(--text-main) !important;
}

body.light-mode .am3-dropdown-item.active {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-banner {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), inset 0 0 40px rgba(239, 68, 68, 0.05) !important;
}

body.light-mode .am3-pro-banner.info {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), inset 0 0 40px rgba(16, 185, 129, 0.05) !important;
}

body.light-mode .am3-pro-banner-text h4 {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-banner-text p {
    color: var(--text-muted) !important;
}

body.light-mode .am3-pro-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .am3-pro-card-title {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-card-sub {
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-pro-toggle-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .am3-pro-toggle-card:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .icon-box.dark {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .am3-pro-toggle-card label {
    color: var(--text-main) !important;
}

body.light-mode .am3-pro-toggle-card span {
    color: var(--text-muted) !important;
}

body.light-mode .modern-back-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .modern-back-btn .icon-wrap {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .modern-back-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), 0 0 15px rgba(168, 85, 247, 0.1) !important;
}

body.light-mode .control-category-title {
    color: var(--text-muted) !important;
}

body.light-mode .ao-stat-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .ao-stat-card.purple:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(155, 109, 255, 0.55) !important;
}

body.light-mode .ao-stat-card.cyan:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(34, 211, 238, 0.55) !important;
}

body.light-mode .ao-stat-card.amber:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(245, 158, 11, 0.55) !important;
}

body.light-mode .ao-stat-card.emerald:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(16, 185, 129, 0.55) !important;
}

body.light-mode .ao-stat-card i {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ao-stat-info span {
    color: var(--text-main) !important;
}

body.light-mode .glow-card {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .glow-card.purple-theme:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(155, 109, 255, 0.55) !important;
}

body.light-mode .glow-card.cyan-theme:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(34, 211, 238, 0.55) !important;
}

body.light-mode .glow-card.amber-theme:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(245, 158, 11, 0.55) !important;
}

body.light-mode .glow-card.emerald-theme:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(16, 185, 129, 0.55) !important;
}

body.light-mode .glow-card.rose-theme:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 25px rgba(244, 63, 94, 0.55) !important;
}

body.light-mode .node-item {
    background: rgba(0, 0, 0, 0.01) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .node-item:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .node-icon-wrap {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .node-details h4 {
    color: var(--text-main) !important;
}

body.light-mode .node-item.expanded .node-details-panel {
    border-top: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .telemetry-cell {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .telemetry-cell span {
    color: var(--text-main) !important;
}

body.light-mode .server-item {
    background: rgba(0, 0, 0, 0.01) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .server-item:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .server-avatar-circle {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .server-details h4 {
    color: var(--text-main) !important;
}

body.light-mode .ao-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .ao-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .alert-card-content {
    color: var(--text-main) !important;
}

body.light-mode .timeline-item::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .timeline-user {
    color: var(--text-main) !important;
}

body.light-mode .timeline-desc {
    color: var(--text-muted) !important;
}

body.light-mode .timeline-category {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .scc {
    color: var(--text-main) !important;
}

body.light-mode .scc-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-hdr-btn {
    background: rgba(0, 0, 0, .04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-sec {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-sec::after {
    background: rgba(0, 0, 0, .05) !important;
}

body.light-mode .scc-stat {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-stat:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .scc-stat-trend {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-upbar-bg {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .scc-hcard {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-hcard:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-hbar-bg {
    background: rgba(0, 0, 0, .06) !important;
}

body.light-mode .scc-bcard {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bcard:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-bcard-head {
    background: rgba(0, 0, 0, .02) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bcard-title h3 {
    color: var(--text-main) !important;
}

body.light-mode .scc-bitem {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bitem:hover {
    background: rgba(0, 0, 0, .055) !important;
}

body.light-mode .scc-bname {
    color: var(--text-main) !important;
}

body.light-mode .scc-bsettings-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .scc-bulk {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .scc-bulk-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .scc-mcard {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-mcard:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-toggle {
    background: rgba(0, 0, 0, .1) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-toggle::after {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .scc-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-select option {
    background: var(--bg-card) !important;
}

body.light-mode .scc-auto-end {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-dt-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-gaction {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .025) !important;
}

body.light-mode .scc-gaction-title {
    color: var(--text-main) !important;
}

body.light-mode .scc-msg-composer {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-msg-composer-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .02) !important;
}

body.light-mode .scc-msg-type-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-msg-type-btn {
    border-right: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-msg-type-btn:hover {
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-msg-preview-strip {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .scc-msg-preview-content strong {
    color: var(--text-main) !important;
}

body.light-mode .scc-msg-cancel-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-msg-cancel-btn:hover {
    background: rgba(0, 0, 0, .08) !important;
}

body.light-mode .scc-msg-feed {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-msg-feed-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .02) !important;
}

body.light-mode .scc-msg-entry {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .scc-msg-entry:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .scc-msg-entry-title {
    color: var(--text-main) !important;
}

body.light-mode .scc-msg-entry-acts {
    border-left: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-msg-act-del {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-pvcard {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-pvname {
    color: var(--text-main) !important;
}

body.light-mode .scc-sched-item {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-sched-item:hover {
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-inc-item {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-inc-item:hover {
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-wl-item {
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-wl-item:hover {
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-panel {
    background: rgba(0, 0, 0, .025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bmodal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .scc-bmodal-box {
    background: var(--bg-card) !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(139,92,246,.1) !important;
}

body.light-mode .scc-bm-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: var(--bg-card) !important;
}

body.light-mode .scc-bm-av {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .scc-bm-close {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-bm-close:hover {
    background: rgba(0, 0, 0, .07) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-bm-stat {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bm-sbtn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, .03) !important;
}

body.light-mode .scc-bm-sbtn:hover {
    background: rgba(0, 0, 0, .07) !important;
}

body.light-mode .scc-bm-ntab {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-bm-ntab:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, .04) !important;
}

body.light-mode .scc-bm-save {
    color: var(--text-main) !important;
}

body.light-mode .scc-bm-cancel {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-bm-cancel:hover {
    background: rgba(0, 0, 0, .05) !important;
    color: var(--text-main) !important;
}

body.light-mode .scc-confirm-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .scc-confirm-box {
    background: var(--bg-card) !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .scc-confirm-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-confirm-note {
    background: rgba(0, 0, 0, .03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .scc-confirm-ok.warn {
    color: var(--text-main) !important;
}

body.light-mode .scc-confirm-ok.danger {
    color: var(--text-main) !important;
}

body.light-mode .scc-confirm-ok.success {
    color: var(--text-main) !important;
}

body.light-mode .scc-confirm-cancel {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .scc-confirm-cancel:hover {
    background: rgba(0, 0, 0, .05) !important;
    color: var(--text-main) !important;
}

body.light-mode .admin-priority-filter-label {
    color: var(--text-muted) !important;
}

body.light-mode .admin-priority-chip {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .admin-priority-chip:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .admin-priority-chip.active {
    border-color: rgba(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, 0.08) !important;
    color: var(--text-main) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .admin-ticket-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .admin-ticket-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .admin-ticket-item.active {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .admin-ticket-item.status-closed {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .admin-ticket-item.status-closed:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .admin-composer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: var(--bg-card) !important;
}

body.light-mode .admin-composer-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .admin-composer-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .admin-composer-btn-attach {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .admin-composer-btn-attach:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-archive-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-log-archive-title {
    color: var(--text-main) !important;
}

body.light-mode .auv2-filter-bar {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-search-box i {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-options {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .auv2-select-option {
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-option:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-privacy-wrapper {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-reveal-overlay {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-reveal-overlay:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-privacy-wrapper.revealed .auv2-reveal-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-privacy-wrapper.revealed .auv2-reveal-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid color-mix(in srgb, var(--plan-color, rgba(0, 0, 0, 0.01)) 15%, rgba(0, 0, 0, 0.01)) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card:hover {
    border-color: color-mix(in srgb, var(--plan-color, rgba(0, 0, 0, 0.03)) 40%, rgba(0, 0, 0, 0.03)) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.09), 0 0 20px color-mix(in srgb, var(--plan-color) 12%, transparent) !important;
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card-info-grid {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-info-label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-info-value {
    color: var(--text-main) !important;
}

body.light-mode .auv2-progress-wrapper .progress-text {
    color: var(--text-main) !important;
}

body.light-mode .auv2-progress-bg {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-card .avatar-circle {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-card .user-identity .username {
    color: var(--text-main) !important;
}

body.light-mode .auv2-card .user-identity .discord-tag {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-card .plan-badge {
    background: color-mix(in srgb, var(--plan-color) 8%, rgba(0, 0, 0, 0.02)) !important;
    border: 1px solid color-mix(in srgb, var(--plan-color) 20%, rgba(0, 0, 0, 0.01)) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-card .card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card .action-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card .action-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-avatar {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.owner {
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.admin {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.user {
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar .status-dot {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-card-name-info h3 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-mini-progress-bar-wrap {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-mini-progress-bg {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-badge-role {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-row-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-row-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-row-item label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-row-item span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-expanded-details {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-btn.details {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-btn.details:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-actions-bar {
    border-top: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-sub-container {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-sub-title h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-form-section {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-form-section-title {
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-form-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-sysinfo-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-sysinfo-card label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-sysinfo-card span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-footer-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-btn-cancel {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-time-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-time-card:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-time-card i {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-time-card strong {
    color: var(--text-main) !important;
}

body.light-mode .auv2-feedback-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-sanction-timeline::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-sanction-item {
    color: var(--text-main) !important;
}

body.light-mode .auv2-sanction-dot {
    background: rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .auv2-category-header h2 {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-category-count {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-category-line {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, transparent 100%) !important;
}

body.light-mode .auv2-card-tabs-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-tab-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-discord-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-discord-avatar-wrap {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-discord-name-row h4 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-discord-role-tag {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-notes-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-activity-timeline::before {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-activity-item {
    color: var(--text-main) !important;
}

body.light-mode .auv2-activity-dot {
    background: rgba(0, 0, 0, 0.25) !important;
}

body.light-mode .auv2-quick-filter-grid {
    background: linear-gradient(140deg, var(--bg-card) 0%, var(--bg-card) 75%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 28px 60px -30px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .auv2-quick-filter-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-filter-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-filter-card::after {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-quick-filter-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-filter-card.active {
    border-color: rgba(0, 0, 0, 0.04) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-filter-card.active::after {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-filter-icon {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-filter-card.active .auv2-quick-filter-icon {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-quick-filter-pulse {
    background: radial-gradient(circle at 80% 20%, rgba(0, 0, 0, 0.1) 0%, transparent 65%) !important;
}

body.light-mode .auv2-quick-panel-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-action-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-action-btn:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-stat-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-stat-card:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-stat-card.purple:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(139, 92, 246, 0.35) !important;
}

body.light-mode .auv2-stat-card.emerald:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(52, 211, 153, 0.35) !important;
}

body.light-mode .auv2-stat-card.rose:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(248, 113, 113, 0.35) !important;
}

body.light-mode .auv2-stat-card.cyan:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(34, 211, 238, 0.35) !important;
}

body.light-mode .auv2-stat-info span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-inspector {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-inspector.owner {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 0 35px rgba(251, 191, 36, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-inspector.admin {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 0 35px rgba(34, 211, 238, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-inspector.user {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 0 35px rgba(139, 92, 246, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-inspector-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector-title h3 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-radial-text span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-card-tabs-header {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-tab-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-grid-field {
    background: rgba(0, 0, 0, 0.015) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-quick-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(139, 92, 246, 0.25), inset 0 0 0 1px rgba(139, 92, 246, 0.2) !important;
}

body.light-mode .auv2-card.custom-bot.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(251, 191, 36, 0.35), inset 0 0 0 1px rgba(251, 191, 36, 0.25) !important;
}

body.light-mode .auv2-card.pro.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(34, 211, 238, 0.35), inset 0 0 0 1px rgba(34, 211, 238, 0.25) !important;
}

body.light-mode .auv2-card.premium.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(139, 92, 246, 0.35), inset 0 0 0 1px rgba(139, 92, 246, 0.25) !important;
}

body.light-mode .auv2-card.free.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 20px rgba(100, 116, 139, 0.25), inset 0 0 0 1px rgba(100, 116, 139, 0.15) !important;
}

body.light-mode .auv2-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-modal-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modal-header h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-modal-close:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-card-checkbox-custom {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-row {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-log-row:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-log-h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-table-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-log-th {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.time {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-name {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-email {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.desc {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-search-wrap i.fa-search {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-log-search-clear {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-search-clear:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sort-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-sort-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-empty {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-bulk-bar {
    background: var(--bg-card) !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.12), 0 -5px 20px rgba(139, 92, 246, 0.2), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-bulk-info span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-bulk-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-bulk-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-bulk-dropdown {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .auv2-bulk-dropdown div {
    color: var(--text-main) !important;
}

body.light-mode .auv2-bulk-dropdown div:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-chip {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-chip:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-create-card {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 30px 65px -25px rgba(0, 0, 0, 0.17),
                0 0 30px -15px rgba(139, 92, 246, 0.15),
                inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card-section-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-input-icon-wrapper .input-icon {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input-modern {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-input-modern::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input-modern:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 0 16px rgba(139, 92, 246, 0.15), inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-form-footer-modern {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modern-btn-cancel {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modern-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-nav-group {
    background: rgba(0, 0, 0, 0.015) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-nav-btn.slate:hover {
    background: linear-gradient(135deg, #475569, var(--bg-card)) !important;
}

body.light-mode .auv2-log-nav-divider {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-log-nav-group-label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-page-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-page-icon {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-log-h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-table-header {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-th {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-row {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-row:hover {
    background: rgba(0, 0, 0, 0.045) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-log-cell.time {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.desc {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.ip {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-email {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-empty {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-back-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-back-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-fuel-topbar {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-title {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-header-card {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-fuel-avatar {
    border: 3px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-fuel-user-info h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-fuel-card-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-grid-field {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-session-item,
body.light-mode .auv2-fuel-invoice-item {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-session-item .sess-info strong {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-topbar {
    background: var(--bg-card) !important;
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-fuel-title {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-header-card {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1), 0 0 30px rgba(139, 92, 246, 0.15) !important;
}

body.light-mode .auv2-fuel-avatar {
    border: 4px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-fuel-user-info h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-badges .badge {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-fuel-subinfo {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-fuel-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06), inset 0 0 20px rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-fuel-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 20px rgba(139, 92, 246, 0.1) !important;
}

body.light-mode .auv2-fuel-card-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-fuel-grid-field {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-grid-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-fuel-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-session-item,
body.light-mode .auv2-fuel-invoice-item {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-fuel-session-item .sess-info strong {
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-session-item .sess-info span {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-fuel-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-fuel-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .empty-text {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-bento-item {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), inset 0 0 0 1px rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-bento-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06), inset 0 0 0 1px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-bento-item.hero {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-bento-hero-bg.animated-mesh::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, var(--hero-c1, #a855f7) 100%) !important;
}

body.light-mode .auv2-bento-item.hero .auv2-fuel-avatar {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), inset 0 0 0 2px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-bento-item.hero .auv2-radial-wrap {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-bento-item.hero .auv2-radial-text span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-bento-item.hero .auv2-radial-text label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-fuel-badges .badge {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .sub-meta span {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .bento-header {
    color: var(--text-main) !important;
}

body.light-mode .bento-field {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bento-field label {
    color: var(--text-muted) !important;
}

body.light-mode .bento-field span {
    color: var(--text-main) !important;
}

body.light-mode .bento-action-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .bento-action-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .gdpr-status {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .status-item {
    color: var(--text-muted) !important;
}

body.light-mode .bento-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .bento-textarea:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-fuel-topbar.bento-topbar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-bento-item:not(.hero):hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 0 25px rgba(168, 85, 247, 0.15) !important;
}

body.light-mode .auv2-bento-item.hero:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01), 0 0 30px var(--hero-c1, rgba(168,85,247,0.2)) !important;
}

body.light-mode .auv2-fuel-grid-field:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-filter-bar {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-search-box i {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-options {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .auv2-select-option {
    color: var(--text-main) !important;
}

body.light-mode .auv2-select-option:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-reveal-overlay {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-reveal-overlay:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-left: 4px solid rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card.bulk-selected {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.06) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card.custom-bot {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.01) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card.custom-bot:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 0 25px rgba(251, 191, 36, 0.45), inset 0 0 0 1px rgba(251, 191, 36, 0.25) !important;
}

body.light-mode .auv2-card.pro {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.01) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card.pro:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 0 25px rgba(34, 211, 238, 0.45), inset 0 0 0 1px rgba(34, 211, 238, 0.25) !important;
}

body.light-mode .auv2-card.premium {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.01) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card.premium:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 0 25px rgba(139, 92, 246, 0.45), inset 0 0 0 1px rgba(139, 92, 246, 0.25) !important;
}

body.light-mode .auv2-card.free {
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.01) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-card.free:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 0 20px rgba(100, 116, 139, 0.25), inset 0 0 0 1px rgba(100, 116, 139, 0.15) !important;
}

body.light-mode .auv2-avatar {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.owner {
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.admin {
    box-shadow: 0 0 15px rgba(34, 211, 238, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar.user {
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.25), 0 4px 12px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .auv2-avatar .status-dot {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-card-name-info h3 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-mini-progress-bar-wrap {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-mini-progress-bg {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-badge-role {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-row-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-row-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-row-item label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-row-item span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-expanded-details {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-btn.details {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-btn.details:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-actions-bar {
    border-top: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-sub-container {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-sub-title h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-form-section {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-form-section-title {
    color: var(--text-muted) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-form-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-sysinfo-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-sysinfo-card label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-sysinfo-card span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-footer-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-btn-cancel {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-time-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-time-card:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-time-card i {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-time-card strong {
    color: var(--text-main) !important;
}

body.light-mode .auv2-feedback-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-textarea {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-sanction-timeline::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-sanction-item {
    color: var(--text-main) !important;
}

body.light-mode .auv2-sanction-dot {
    background: rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .auv2-category-header h2 {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-category-count {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-category-line {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, transparent 100%) !important;
}

body.light-mode .auv2-card-tabs-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-tab-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-discord-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-discord-avatar-wrap {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-discord-name-row h4 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-discord-role-tag {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-notes-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-activity-timeline::before {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-activity-item {
    color: var(--text-main) !important;
}

body.light-mode .auv2-activity-dot {
    background: rgba(0, 0, 0, 0.25) !important;
}

body.light-mode .auv2-quick-filter-grid {
    background: linear-gradient(140deg, var(--bg-card) 0%, var(--bg-card) 75%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 28px 60px -30px rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .auv2-quick-filter-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-filter-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-filter-card::after {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .auv2-quick-filter-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-filter-card.active {
    border-color: rgba(0, 0, 0, 0.04) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-filter-card.active::after {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-filter-icon {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-filter-card.active .auv2-quick-filter-icon {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-quick-filter-pulse {
    background: radial-gradient(circle at 80% 20%, rgba(0, 0, 0, 0.1) 0%, transparent 65%) !important;
}

body.light-mode .auv2-quick-panel-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-action-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-quick-action-btn:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-stat-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-stat-card:hover {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .auv2-stat-card.purple:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(139, 92, 246, 0.35) !important;
}

body.light-mode .auv2-stat-card.emerald:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(52, 211, 153, 0.35) !important;
}

body.light-mode .auv2-stat-card.rose:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(248, 113, 113, 0.35) !important;
}

body.light-mode .auv2-stat-card.cyan:hover {
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.11), 0 0 25px rgba(34, 211, 238, 0.35) !important;
}

body.light-mode .auv2-stat-info span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-inspector {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.13), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector.owner {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.13), 0 0 35px rgba(251, 191, 36, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector.admin {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.13), 0 0 35px rgba(34, 211, 238, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector.user {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.13), 0 0 35px rgba(139, 92, 246, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-inspector-title h3 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-radial-text span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-card-tabs-header {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-tab-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-grid-field {
    background: rgba(0, 0, 0, 0.015) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-grid-field label {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-grid-field span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-quick-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-quick-btn.copy-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-quick-btn.export-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-card.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(139, 92, 246, 0.25), inset 0 0 0 1px rgba(139, 92, 246, 0.2) !important;
}

body.light-mode .auv2-card.custom-bot.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(251, 191, 36, 0.35), inset 0 0 0 1px rgba(251, 191, 36, 0.25) !important;
}

body.light-mode .auv2-card.pro.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(34, 211, 238, 0.35), inset 0 0 0 1px rgba(34, 211, 238, 0.25) !important;
}

body.light-mode .auv2-card.premium.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 25px rgba(139, 92, 246, 0.35), inset 0 0 0 1px rgba(139, 92, 246, 0.25) !important;
}

body.light-mode .auv2-card.free.active-selected {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.13), 0 0 20px rgba(100, 116, 139, 0.25), inset 0 0 0 1px rgba(100, 116, 139, 0.15) !important;
}

body.light-mode .auv2-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .auv2-modal-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modal-header h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-modal-close:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-card-checkbox-custom {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-row {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-log-row:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .auv2-log-h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-table-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-log-th {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.time {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-name {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-email {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.desc {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-search-wrap i.fa-search {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-log-search-clear {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-search-clear:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sort-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-sort-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-empty {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-bulk-bar {
    background: var(--bg-card) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.17), 0 0 30px rgba(139, 92, 246, 0.25), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-bulk-info span {
    color: var(--text-main) !important;
}

body.light-mode .auv2-bulk-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-bulk-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-bulk-dropdown {
    background: var(--bg-card) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .auv2-bulk-dropdown div {
    color: var(--text-main) !important;
}

body.light-mode .auv2-bulk-dropdown div:hover {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-chip {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-chip:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-create-card {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 30px 65px -25px rgba(0, 0, 0, 0.17),
                0 0 30px -15px rgba(139, 92, 246, 0.15),
                inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-card-section-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-input-icon-wrapper .input-icon {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input-modern {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .auv2-input-modern::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-input-modern:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 0 16px rgba(139, 92, 246, 0.15), inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auv2-form-footer-modern {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modern-btn-cancel {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-modern-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .auv2-log-page-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-page-icon {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .auv2-log-h2 {
    color: var(--text-main) !important;
}

body.light-mode .auv2-log-sub {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-table-header {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-th {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-row {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .auv2-log-row:hover {
    background: rgba(0, 0, 0, 0.045) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .auv2-log-cell.time {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.desc {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-cell.ip {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-email {
    color: var(--text-muted) !important;
}

body.light-mode .auv2-log-empty {
    color: var(--text-muted) !important;
}

body.light-mode .billing-plan-icon i {
    color: var(--text-main) !important;
}

body.light-mode .billing-plan-title {
    color: var(--text-main) !important;
}

body.light-mode .billing-plan-meta span {
    color: var(--text-muted) !important;
}

body.light-mode .billing-stat-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .billing-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .billing-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .billing-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .billing-tab {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .billing-tab:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-main) !important;
}

body.light-mode .billing-tab.active {
    color: var(--text-main) !important;
}

body.light-mode .billing-actions-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .billing-actions-title {
    color: var(--text-main) !important;
}

body.light-mode .billing-action-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .billing-action-title {
    color: var(--text-main) !important;
}

body.light-mode .billing-legal-list {
    color: var(--text-muted) !important;
}

body.light-mode .bd-license-banner {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, var(--bg-card) 100%) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 30px rgba(245, 158, 11, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-license-lbl {
    color: var(--text-muted) !important;
}

body.light-mode .bd-license-val {
    color: var(--text-main) !important;
}

body.light-mode .bd-license-key-wrap {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .bd-license-key-wrap i {
    color: var(--text-muted) !important;
}

body.light-mode .bd-hero {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-avatar-wrap {
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.35), inset 0 0 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .bd-avatar {
    background: var(--bg-card) !important;
}

body.light-mode .bd-status-ring.suspended::after {
    color: var(--text-main) !important;
}

body.light-mode .bd-hero-info h1 {
    color: var(--text-main) !important;
}

body.light-mode .bd-id-chip {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-system-status-row {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-sys-stat-item {
    color: var(--text-muted) !important;
}

body.light-mode .bd-sys-stat-item strong {
    color: var(--text-main) !important;
}

body.light-mode .version-toggle-wrap {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-sys-label {
    color: var(--text-muted) !important;
}

body.light-mode .version-toggle {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .version-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .perf-metric {
    color: var(--text-main) !important;
}

body.light-mode .perf-bar {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .bd-btn-ghost {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .bd-btn-ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .bd-btn-primary:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .bd-panel {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-panel:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 30px rgba(168, 85, 247, 0.05) !important;
}

body.light-mode .bd-panel-title {
    color: var(--text-main) !important;
}

body.light-mode .bd-avatar-edit-container {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-input-group label {
    color: var(--text-muted) !important;
}

body.light-mode .bd-input-wrap i {
    color: var(--text-muted) !important;
}

body.light-mode .bd-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .backup-system-panel {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.05) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .backup-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-title-section h3 {
    color: var(--text-main) !important;
}

body.light-mode .backup-title-section span {
    color: var(--text-muted) !important;
}

body.light-mode .backup-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-card:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .backup-name {
    color: var(--text-main) !important;
}

body.light-mode .backup-date {
    color: var(--text-muted) !important;
}

body.light-mode .backup-size {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .backup-description {
    color: var(--text-muted) !important;
}

body.light-mode .backup-actions {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-btn {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .backup-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .backup-card.add-new {
    border: 2px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-add-text {
    color: var(--text-main) !important;
}

body.light-mode .backup-add-subtext {
    color: var(--text-muted) !important;
}

body.light-mode .da-category-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .da-category-title {
    color: var(--text-main) !important;
}

body.light-mode .da-category-subtitle {
    color: var(--text-muted) !important;
}

body.light-mode .da-panel-card {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .da-panel-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 30px rgba(139,92,246,0.05) !important;
}

body.light-mode .da-panel-card {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .da-panel-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .da-panel-card-header {
    color: var(--text-muted) !important;
}

body.light-mode .leaderboard-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .leaderboard-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .leaderboard-name {
    color: var(--text-main) !important;
}

body.light-mode .channel-name {
    color: var(--text-main) !important;
}

body.light-mode .channel-value {
    color: var(--text-muted) !important;
}

body.light-mode .channel-bar-track {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .donut-center {
    color: var(--text-main) !important;
}

body.light-mode .legend-label {
    color: var(--text-muted) !important;
}

body.light-mode .legend-value {
    color: var(--text-main) !important;
}

body.light-mode .hourly-bar .bar-label {
    color: var(--text-muted) !important;
}

body.light-mode .command-value {
    color: var(--text-muted) !important;
}

body.light-mode .da-icon-wrap i {
    color: var(--text-main) !important;
}

body.light-mode .da-title-text h2 {
    color: var(--text-main) !important;
}

body.light-mode .da-title-text p {
    color: var(--text-muted) !important;
}

body.light-mode .da-time-filter {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .da-filter-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .metric-card {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .metric-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .metric-value {
    color: var(--text-main) !important;
}

body.light-mode .metric-label {
    color: var(--text-muted) !important;
}

body.light-mode .metric-change {
    color: var(--text-muted) !important;
}

body.light-mode .chart-card {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .chart-title {
    color: var(--text-main) !important;
}

body.light-mode .legend-item {
    color: var(--text-muted) !important;
}

body.light-mode .chart-labels {
    color: var(--text-muted) !important;
}

body.light-mode .heatmap-cell:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .heatmap-legend {
    color: var(--text-muted) !important;
}

body.light-mode .detail-card {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .detail-header {
    color: var(--text-main) !important;
}

body.light-mode .channel-name {
    color: var(--text-main) !important;
}

body.light-mode .channel-bar {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .channel-value {
    color: var(--text-muted) !important;
}

body.light-mode .command-info code {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .command-desc {
    color: var(--text-muted) !important;
}

body.light-mode .command-usage {
    color: var(--text-muted) !important;
}

body.light-mode .api-label {
    color: var(--text-muted) !important;
}

body.light-mode .api-value {
    color: var(--text-main) !important;
}

body.light-mode .bot-config-panel {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bot-config-panel .bd-panel-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bot-config-panel .bd-panel-title {
    color: var(--text-main) !important;
}

body.light-mode .config-avatar-section {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .config-avatar-preview {
    background: var(--bg-card) !important;
}

body.light-mode .config-label {
    color: var(--text-muted) !important;
}

body.light-mode .config-group .config-label {
    color: var(--text-muted) !important;
}

body.light-mode .config-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .config-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .config-input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .config-select .custom-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .config-select .custom-select-trigger:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .custom-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .custom-select-trigger:hover,
body.light-mode .custom-select-wrapper.open .custom-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .custom-select-trigger i.chevron {
    color: var(--text-muted) !important;
}

body.light-mode .custom-select-options {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .custom-select-option {
    color: var(--text-main) !important;
}

body.light-mode .custom-select-option:hover {
    color: var(--text-main) !important;
}

body.light-mode .custom-select-option.selected {
    color: var(--text-main) !important;
}

body.light-mode .bd-hero {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, var(--bg-card) 50%, rgba(16, 185, 129, 0.05) 100%) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1),
        0 0 60px rgba(139, 92, 246, 0.1),
        inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-action-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-action-card::after {
    background: radial-gradient(circle at center, rgba(0, 0, 0, 0.1), transparent) !important;
}

body.light-mode .bd-action-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .bd-action-card span {
    color: var(--text-main) !important;
}

body.light-mode .bd-logs-area {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-log-line {
    background: rgba(0, 0, 0, 0.02) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-log-line:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .bd-log-text {
    color: var(--text-main) !important;
}

body.light-mode .bd-log-time {
    color: var(--text-muted) !important;
}

body.light-mode .bd-sub-card {
    background: linear-gradient(145deg, rgba(168,85,247,0.1), rgba(0, 0, 0, 0.04)) !important;
}

body.light-mode .bd-sub-label {
    color: var(--text-muted) !important;
}

body.light-mode .bd-sub-val {
    color: var(--text-main) !important;
}

body.light-mode .stats-row-three {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-system-panel {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-title-section h3 {
    color: var(--text-main) !important;
}

body.light-mode .backup-title-section span {
    color: var(--text-muted) !important;
}

body.light-mode .backup-card {
    border-right: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-card:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-name {
    color: var(--text-main) !important;
}

body.light-mode .backup-date {
    color: var(--text-muted) !important;
}

body.light-mode .backup-size {
    color: var(--text-muted) !important;
}

body.light-mode .backup-description {
    color: var(--text-muted) !important;
}

body.light-mode .backup-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .backup-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .backup-card.add-new {
    border: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-add-text {
    color: var(--text-muted) !important;
}

body.light-mode .backup-add-subtext {
    color: var(--text-muted) !important;
}

body.light-mode .mb-modal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .mb-modal-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .mb-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .mb-modal-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .mb-modal-header span {
    color: var(--text-muted) !important;
}

body.light-mode .mb-close-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .mb-create-section h4,
body.light-mode .mb-list-section h4 {
    color: var(--text-muted) !important;
}

body.light-mode .mb-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .mb-type-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .mb-backup-item {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .mb-backup-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .mb-backup-name {
    color: var(--text-main) !important;
}

body.light-mode .mb-backup-meta {
    color: var(--text-muted) !important;
}

body.light-mode .mb-action-btn {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .config-label {
    color: var(--text-muted) !important;
}

body.light-mode .config-input,
body.light-mode .config-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .license-info h2 {
    color: var(--text-main) !important;
}

body.light-mode .license-key {
    color: var(--text-muted) !important;
}

body.light-mode .license-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .license-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .bot-status-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bot-avatar {
    border: 3px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .bot-name {
    color: var(--text-main) !important;
}

body.light-mode .bot-meta-item {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .bot-meta-item .value {
    color: var(--text-main) !important;
}

body.light-mode .bot-resource-bar {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .bot-action-btn.back {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .bot-action-btn.back:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .update-banner-text {
    color: var(--text-main) !important;
}

body.light-mode .control-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .control-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .section-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .section-title-text h3 {
    color: var(--text-main) !important;
}

body.light-mode .section-title-text p {
    color: var(--text-muted) !important;
}

body.light-mode .backup-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .backup-card:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-card-title h4 {
    color: var(--text-main) !important;
}

body.light-mode .backup-card-title p {
    color: var(--text-muted) !important;
}

body.light-mode .backup-card-desc {
    color: var(--text-muted) !important;
}

body.light-mode .backup-action-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .backup-action-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .backup-create-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 2px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .analytics-tabs {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .analytics-tab {
    color: var(--text-muted) !important;
}

body.light-mode .metric-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .metric-value {
    color: var(--text-main) !important;
}

body.light-mode .metric-label {
    color: var(--text-muted) !important;
}

body.light-mode .analysis-grid {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .analysis-card {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .analysis-card-icon {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-muted) !important;
}

body.light-mode .analysis-card-title {
    color: var(--text-main) !important;
}

body.light-mode .analysis-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .analysis-item-name {
    color: var(--text-muted) !important;
}

body.light-mode .analysis-item-value {
    color: var(--text-muted) !important;
}

body.light-mode .analysis-progress-bar {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .config-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .config-title {
    color: var(--text-main) !important;
}

body.light-mode .config-form-group label {
    color: var(--text-muted) !important;
}

body.light-mode .config-form-group input,
body.light-mode .config-form-group select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .config-avatar-preview {
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .danger-text {
    color: var(--text-muted) !important;
}

body.light-mode .error-log-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .error-log-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .error-title {
    color: var(--text-main) !important;
}

body.light-mode .error-title span {
    color: var(--text-muted) !important;
}

body.light-mode .error-time {
    color: var(--text-muted) !important;
}

body.light-mode .error-action {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .error-action:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .premium-filter-bar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-filter-tab {
    color: var(--text-muted) !important;
}

body.light-mode .premium-filter-tab:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-filter-tab.active {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-search-wrapper i {
    color: var(--text-muted) !important;
}

body.light-mode .premium-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.04), 0 0 20px rgba(139, 92, 246, 0.2) !important;
}

body.light-mode .premium-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .premium-card::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

body.light-mode .premium-card:hover {
    border-color: rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 30px rgba(var(--theme-color-rgb), 0.1) !important;
}

body.light-mode .premium-card.active {
    background: var(--bg-card) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1), 0 0 40px rgba(var(--theme-color-rgb), 0.2) !important;
}

body.light-mode .premium-capsule {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-muted) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-card.active .premium-capsule {
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 10px 25px rgba(var(--theme-color-rgb), 0.4), inset 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .premium-card-category {
    color: var(--text-muted) !important;
}

body.light-mode .premium-card-title-area h3 {
    color: var(--text-main) !important;
}

body.light-mode .premium-card-middle p {
    color: var(--text-muted) !important;
}

body.light-mode .premium-metrics-badge {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-card-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ultra-slider {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .ultra-slider:before {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .ultra-switch input:checked+.ultra-slider {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.4), inset 0 2px 5px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .ultra-switch input:checked+.ultra-slider:before {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), -2px 0 10px rgba(16, 185, 129, 0.5) !important;
}

body.light-mode .premium-config-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-config-btn:hover {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .premium-modal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-modal-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.12), 0 0 40px rgba(var(--theme-color-rgb), 0.1) !important;
}

body.light-mode .premium-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .premium-modal-icon {
    color: var(--text-main) !important;
}

body.light-mode .premium-modal-title h2 {
    color: var(--text-main) !important;
}

body.light-mode .premium-close-btn {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-log-terminal {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 5px 20px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .premium-log-time {
    color: var(--text-muted) !important;
}

body.light-mode .premium-modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-btn-ghost:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-settings-header {
    background: linear-gradient(180deg, rgba(var(--theme-color-rgb), 0.08), var(--bg-card)) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06), 0 0 30px rgba(var(--theme-color-rgb), 0.05) !important;
}

body.light-mode .premium-btn-back {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-btn-back:hover {
    background: rgba(0, 0, 0, 0.15) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-settings-title-group h2 {
    color: var(--text-main) !important;
}

body.light-mode .premium-settings-title-group p {
    color: var(--text-muted) !important;
}

body.light-mode .premium-settings-status {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .premium-settings-page .config-row,
body.light-mode .premium-setting-row,
body.light-mode .premium-config-row {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .premium-settings-page .config-row::before,
body.light-mode .premium-setting-row::before,
body.light-mode .premium-config-row::before {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .premium-settings-page .config-row:hover,
body.light-mode .premium-setting-row:hover,
body.light-mode .premium-config-row:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1), 0 0 30px rgba(155, 109, 255, 0.15), inset 0 0 20px rgba(155, 109, 255, 0.05) !important;
}

body.light-mode .premium-settings-page .config-info h4,
body.light-mode .premium-setting-info h4,
body.light-mode .premium-config-info h4 {
    color: var(--text-main) !important;
}

body.light-mode .premium-settings-page .config-info p,
body.light-mode .premium-setting-info p,
body.light-mode .premium-config-info p {
    color: var(--text-muted) !important;
}

body.light-mode .premium-preview-column {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .preview-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .preview-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .discord-mockup {
    background: var(--bg-card) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.01), 0 15px 40px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .discord-username {
    color: var(--text-main) !important;
}

body.light-mode .discord-bot-tag {
    color: var(--text-main) !important;
}

body.light-mode .discord-embed {
    background: var(--bg-card) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .discord-embed-title {
    color: var(--text-main) !important;
}

body.light-mode .discord-embed-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .premium-input-v2 {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .premium-input-v2:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .premium-settings-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .premium-embed-builder {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-embed-builder:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .v2-custom-select-trigger,
body.light-mode .v2-custom-multiselect-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .v2-custom-select-trigger:hover,
body.light-mode .v2-custom-multiselect-trigger:hover {
    background: var(--bg-card) !important;
}

body.light-mode .v2-custom-select.open .v2-custom-select-trigger,
body.light-mode .v2-custom-multiselect.open .v2-custom-multiselect-trigger {
    background: var(--bg-card) !important;
}

body.light-mode .v2-custom-select-trigger i,
body.light-mode .v2-custom-multiselect-trigger i {
    color: var(--text-muted) !important;
}

body.light-mode .v2-custom-select-options,
body.light-mode .v2-custom-multiselect-options {
    background: var(--bg-card) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 30px rgba(155, 109, 255, 0.08) !important;
}

body.light-mode .v2-custom-select-options::-webkit-scrollbar-thumb,
body.light-mode .v2-custom-multiselect-options::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .v2-custom-select-option,
body.light-mode .v2-custom-multiselect-option {
    color: var(--text-muted) !important;
}

body.light-mode .v2-custom-select-option:hover,
body.light-mode .v2-custom-multiselect-option:hover {
    color: var(--text-main) !important;
}

body.light-mode .v2-custom-select-option.selected,
body.light-mode .v2-custom-multiselect-option.selected {
    color: var(--text-main) !important;
}

body.light-mode .v2-custom-multiselect-option .custom-checkbox {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .v2-multiselect-placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .uab-back-to-dashboard {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .uab-back-to-dashboard:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .uab-title {
    color: var(--text-main) !important;
}

body.light-mode .uab-stepper {
    background: var(--bg-card) !important;
}

body.light-mode .step-num {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .uab-step-indicator.completed .step-num {
    color: var(--text-main) !important;
}

body.light-mode .step-name {
    color: var(--text-main) !important;
}

body.light-mode .uab-step-line {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .uab-content-box {
    background: var(--bg-card) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .uab-info-panel h2 {
    color: var(--text-main) !important;
}

body.light-mode .uab-explain-text {
    color: var(--text-muted) !important;
}

body.light-mode .uab-inst-item strong {
    color: var(--text-main) !important;
}

body.light-mode .uab-sublist li {
    color: var(--text-main) !important;
}

body.light-mode .uab-image-wrapper {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .uab-image-wrapper img {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uab-action-row {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .prev-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .prev-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .uab-input-group input[type="text"],
body.light-mode .uab-token-input-wrapper input {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .uab-input-group input[type="text"]:focus,
body.light-mode .uab-token-input-wrapper input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .toggle-token-visibility:hover {
    color: var(--text-main) !important;
}

body.light-mode .uab-checklist-card {
    background: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .uab-checklist-card h3 {
    color: var(--text-main) !important;
}

body.light-mode .uab-checklist-card li.active {
    color: var(--text-main) !important;
}

body.light-mode .uab-checklist-card li i {
    color: var(--text-muted) !important;
}

body.light-mode .uab-invite-section {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .uab-invite-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-banner {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .cb-banner-left h1 {
    color: var(--text-main) !important;
}

body.light-mode .cb-banner-pill {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-grid-card {
    background: var(--bg-card) !important;
}

body.light-mode .cb-card-stripe.stripe-offline {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.05), transparent) !important;
}

body.light-mode .cb-card-header-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-card-name {
    color: var(--text-main) !important;
}

body.light-mode .cb-card-server-info {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-card-server-icon {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cb-card-server-texts strong {
    color: var(--text-main) !important;
}

body.light-mode .cb-card-stats-grid {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-card-stat .label {
    color: var(--text-muted) !important;
}

body.light-mode .cb-card-stat .value {
    color: var(--text-main) !important;
}

body.light-mode .cb-tabs-navbar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cb-tab-btn:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cb-tab-btn.active {
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .cb-stat-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-card-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .cb-status-badge.offline {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-btn-ghost {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-btn-ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cb-console-box {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .cb-console-box::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cb-console-box::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15) !important;
}

body.light-mode .cb-console-box::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25) !important;
}

body.light-mode .cb-console-input-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-console-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cb-console-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .console-filter-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .console-filter-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-form-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cb-form-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cb-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cb-avatar-upload {
    border: 1.5px dashed rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-team-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-team-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-role-viewer {
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-modal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cb-modal-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .cb-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-modal-header h3 {
    color: var(--text-main) !important;
}

body.light-mode .cb-modal-close:hover {
    color: var(--text-main) !important;
}

body.light-mode .cb-license-key-lbl {
    color: var(--text-muted) !important;
}

body.light-mode .cb-license-rest-val {
    border-left: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-config-header {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-config-btn-back {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-config-btn-back:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cb-config-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-config-panel-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-config-row-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-config-row-item-align-start {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-config-row-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-config-embed-fields {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cb-config-color-picker {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-discord-mockup {
    background: var(--bg-card) !important;
}

body.light-mode .cb-discord-username {
    color: var(--text-main) !important;
}

body.light-mode .cb-discord-bot-tag {
    color: var(--text-main) !important;
}

body.light-mode .cb-discord-embed {
    background: var(--bg-card) !important;
}

body.light-mode .cb-discord-embed-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-banner-eyebrow {
    color: var(--text-muted) !important;
}

body.light-mode .cb-banner-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-empty-state {
    background: var(--bg-card) !important;
}

body.light-mode .cb-empty-state-title {
    color: var(--text-main) !important;
}

body.light-mode .cb-modules-empty {
    color: var(--text-muted) !important;
}

body.light-mode .cb-btn-back-overview {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-color-picker-input {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cb-status-type-select {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cb-team-member-name-row {
    color: var(--text-main) !important;
}

body.light-mode .metric-card.status-card.online:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(16, 185, 129, 0.08) !important;
}

body.light-mode .metric-card.status-card.maintenance:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(245, 158, 11, 0.08) !important;
}

body.light-mode .metric-card.status-card.offline:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(239, 68, 68, 0.08) !important;
}

body.light-mode .metric-card.members:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(88, 101, 242, 0.08) !important;
}

body.light-mode .metric-card.voice:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(14, 165, 233, 0.08) !important;
}

body.light-mode .metric-card.messages:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 25px rgba(139, 92, 246, 0.08) !important;
}

body.light-mode .bd-action-card.disabled {
    border-color: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .bd-action-card.ac-start:not(.disabled):hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08), 0 0 20px rgba(16, 185, 129, 0.15) !important;
}

body.light-mode .bd-action-card.ac-stop:not(.disabled):hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08), 0 0 20px rgba(239, 68, 68, 0.15) !important;
}

body.light-mode .bd-action-card.ac-restart:not(.disabled):hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08), 0 0 20px rgba(245, 158, 11, 0.15) !important;
}

body.light-mode .bd-action-card.ac-share-logs:not(.disabled):hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08), 0 0 20px rgba(236, 72, 153, 0.15) !important;
}

body.light-mode .cb-badge-custom {
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.4), inset 0 0 8px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cb-banner.evening {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.25) 0%, rgba(168, 85, 247, 0.15) 30%, rgba(236, 72, 153, 0.08) 70%, var(--bg-card) 100%) !important;
}

body.light-mode .cg-premium-billing {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-tab-navbar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-tab-navbar .billing-tab {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-tab-navbar .billing-tab:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cg-pb-tab-navbar .billing-tab.active {
    color: var(--text-main) !important;
    box-shadow: 0 4px 20px rgba(167, 139, 250, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-glass-stat {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.04), inset 0 1px 1px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-glass-stat:hover {
    box-shadow: 0 12px 40px 0 rgba(167, 139, 250, 0.15), inset 0 1px 1px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-glass-stat::before {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 0%, transparent 100%) !important;
}

body.light-mode .cg-pb-stat-icon-wrapper {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-stat-value {
    background: linear-gradient(90deg, #ffffff, rgba(0, 0, 0, 0.85)) !important;
}

body.light-mode .cg-pb-hologram-card {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 50%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cg-pb-hologram-card:hover {
    box-shadow: 0 20px 45px rgba(167, 139, 250, 0.18), inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cg-pb-hologram-card::after {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.12) 0%, transparent 60%) !important;
}

body.light-mode .cg-pb-card-brand {
    background: linear-gradient(90deg, #ffffff, rgba(0, 0, 0, 0.6)) !important;
}

body.light-mode .cg-pb-card-chip {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cg-pb-card-chip::before {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .cg-pb-card-number {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-card-holder {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-card-holder span {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-card-expiry {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-card-expiry span {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-widget-box {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), inset 0 1px 1px rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-widget-box:hover {
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-widget-title-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-withdrawal-box {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode .cg-pb-circular-days {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-circular-days-label {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-time-segment {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .cg-pb-time-lbl {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-btn-outline-glass {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-btn-outline-glass:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cg-pb-locked-lockbox {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-locked-lockbox i {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-locked-lockbox h5 {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-locked-lockbox p {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-bullet-content h6 {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-bullet-content p {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-timeline-line {
    background: linear-gradient(180deg, var(--neon-purple) 0%, rgba(0, 0, 0, 0.05) 100%) !important;
}

body.light-mode .cg-pb-timeline-glass-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .cg-pb-timeline-glass-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .cg-pb-inv-icon-box {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-inv-texts h5 {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-inv-texts p {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-price-tag {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-circle-dl {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-circle-dl:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .cg-pb-chevron-expand {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-timeline-glass-item.expanded .cg-pb-inv-details-expanded {
    border-top: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-receipt {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-receipt-row {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-receipt-row.total {
    border-top: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-receipt-meta {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-receipt-meta strong {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-filter-group {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-filter-pill.active {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-filter-pill:hover:not(.active) {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-plan-card-v4 {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .cg-pb-plan-card-v4::before {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0%, transparent 100%) !important;
}

body.light-mode .cg-pb-plan-logo-v4 {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-plan-title-v4 h2 {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-plan-desc-v4 {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-plan-detail-item-v4 {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-plan-detail-item-v4:hover {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-plan-detail-item-v4 i {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-plan-detail-texts-v4 span {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-plan-detail-texts-v4 strong {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-feature-bullet {
    background: rgba(0, 0, 0, 0.01) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-feature-bullet span {
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-form-group label {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-input,
body.light-mode .cg-pb-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-payment-method-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-payment-method-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-pay-icon {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-pb-pay-details p {
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-btn-text-sec:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

.cg-pb-add-method-wrapper.open .cg-pb-add-method-body.light-mode {
    border-top: 1px dashed rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-pb-add-choice {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-muted) !important;
}

body.light-mode .cg-pb-add-choice:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cg-pb-choice-panel {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .cg-custom-select-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-custom-select-trigger i {
    color: var(--text-muted) !important;
}

body.light-mode .cg-custom-select-options {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 0 20px rgba(167, 139, 250, 0.05) !important;
}

body.light-mode .cg-custom-select-option {
    color: var(--text-muted) !important;
}

body.light-mode .cg-custom-select-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .cg-custom-select-options::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2) !important;
}

body.light-mode .uov2-banner {
    box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.1) !important;
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-banner.morning {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
}

body.light-mode .uov2-banner.day {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
}

body.light-mode .uov2-banner-upper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-banner-eyebrow {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-banner-greeting {
    color: var(--text-main) !important;
}

body.light-mode .uov2-banner-subtitle {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-banner-message {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-banner-btn.ghost {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .uov2-banner-btn.ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .uov2-stat-col:not(:last-child)::after {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .uov2-stat-col .stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-stat-col .stat-val {
    color: var(--text-main) !important;
}

body.light-mode .uov2-demo-toggle {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-demo-toggle .demo-label {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-demo-toggle button {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .uov2-alert-stage {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .uov2-alert-stage:hover {
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.14) !important;
}

body.light-mode .uov2-alert-stage.warning {
    background: linear-gradient(135deg,rgba(245,158,11,0.1),var(--bg-card)) !important;
}

body.light-mode .uov2-alert-stage.critical {
    background: linear-gradient(135deg,rgba(239,68,68,0.1),var(--bg-card)) !important;
}

body.light-mode .uov2-alert-stage.stable {
    background: linear-gradient(135deg,var(--bg-card),rgba(6,95,70,0.85)) !important;
}

body.light-mode .uov2-alert-emblem {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .uov2-alert-eyebrow {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-alert-titlebox h3 {
    color: var(--text-main) !important;
}

body.light-mode .uov2-alert-meta-line {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-countdown-grid {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .countdown-block .cd-num {
    color: var(--text-main) !important;
}

body.light-mode .countdown-block .cd-label {
    color: var(--text-muted) !important;
}

body.light-mode .countdown-sep {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-alert-cta {
    color: var(--text-main) !important;
}

body.light-mode .uov2-alert-cta:hover {
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .uov2-alert-secondary {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .uov2-alert-secondary:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .uov2-section-title {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-card {
    background: var(--bg-card,var(--bg-card)) !important;
    border: 1px solid var(--border-glass,rgba(0, 0, 0, 0.01)) !important;
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .uov2-card:hover {
    box-shadow: 0 28px 60px -10px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .uov2-bot-name {
    color: var(--text-main) !important;
}

body.light-mode .uov2-id-val {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-id-copy {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-plan-badge.basic {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .uov2-server-name {
    color: var(--text-main) !important;
}

body.light-mode .uov2-server-id-val {
    color: var(--text-muted) !important;
}

body.light-mode .uov2-stats-grid {
    background: rgba(0, 0, 0, 0.02) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-stat-cell {
    border-right: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-cell-val {
    color: var(--text-main) !important;
}

body.light-mode .uov2-bar-bg {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .uov2-empty {
    background: var(--bg-card,var(--bg-card)) !important;
}

body.light-mode .uov2-status-ring.suspended::after {
    color: var(--text-main) !important;
}

body.light-mode .uov2-btn.manage.disabled {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .uov2-expired-banner {
    color: var(--text-main) !important;
}

body.light-mode .expired-banner-text span {
    color: var(--text-muted) !important;
}

body.light-mode .modern-back-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .modern-back-btn .icon-wrap {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .modern-back-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04), 0 0 15px rgba(168, 85, 247, 0.1) !important;
}

body.light-mode .uov2-onboarding {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.16), inset 0 2px 20px rgba(139, 92, 246, 0.05) !important;
}

body.light-mode .onboarding-icon {
    color: var(--text-main) !important;
}

body.light-mode .onboarding-title {
    color: var(--text-main) !important;
}

body.light-mode .onboarding-subtitle {
    color: var(--text-muted) !important;
}

body.light-mode .step-card {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .step-card:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .step-text h4 {
    color: var(--text-main) !important;
}

body.light-mode .step-text p {
    color: var(--text-muted) !important;
}

body.light-mode .step-link {
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-muted) !important;
}

body.light-mode .step-link:hover {
    color: var(--text-main) !important;
}

body.light-mode .activation-grid {
    background: var(--bg-card) !important;
}

body.light-mode .act-title {
    color: var(--text-main) !important;
}

body.light-mode .act-desc {
    color: var(--text-muted) !important;
}

body.light-mode .act-features li {
    color: var(--text-main) !important;
}

body.light-mode .act-form-block {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-header-left h1 {
    color: var(--text-main) !important;
}

body.light-mode .us-v3-nav-btn {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .us-v3-nav-btn:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .nav-icon {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .us-v3-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-card-title {
    color: var(--text-main) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-avatar {
    border: 4px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .us-v3-btn-secondary {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .us-v3-btn-secondary:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .us-v3-form-group label {
    color: var(--text-muted) !important;
}

body.light-mode .us-v3-form-group input,
body.light-mode .us-v3-form-group textarea,
body.light-mode .us-v3-form-group select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .us-v3-toggle-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-toggle-info h4 {
    color: var(--text-main) !important;
}

body.light-mode .us-v3-toggle {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .us-v3-toggle::after {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .us-v3-plan-card {
    background: linear-gradient(135deg, rgba(34,211,238,0.1), rgba(0, 0, 0, 0.04)) !important;
}

body.light-mode .us-v3-plan-info h2 {
    color: var(--text-main) !important;
}

body.light-mode .us-v3-color-option.selected {
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .us-v3-session-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .us-v3-session-device h4 {
    color: var(--text-main) !important;
}

body.light-mode .sub-hero {
    background: linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card) 60%,var(--bg-card) 100%) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 0 40px rgba(139,92,246,0.08) !important;
}

body.light-mode .sub-icon {
    color: var(--text-main) !important;
}

body.light-mode .sub-hero-name {
    color: var(--text-main) !important;
}

body.light-mode .sub-hero-meta {
    color: var(--text-muted) !important;
}

body.light-mode .sub-hero-meta strong {
    color: var(--text-main) !important;
}

body.light-mode .sub-stat {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-stat-label {
    color: var(--text-muted) !important;
}

body.light-mode .sub-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .sub-stat-sub {
    color: var(--text-muted) !important;
}

body.light-mode .sub-tabs {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-tab {
    color: var(--text-muted) !important;
}

body.light-mode .sub-tab:hover:not(.active) {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
}

body.light-mode .sub-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-card-h-title {
    color: var(--text-main) !important;
}

body.light-mode .sub-card-h-sub {
    color: var(--text-muted) !important;
}

body.light-mode .sub-plan-card {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-plan-card.current::after {
    color: var(--text-main) !important;
}

body.light-mode .sub-plan-icon {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .sub-plan-icon.pro {
    color: var(--text-main) !important;
}

body.light-mode .sub-plan-icon.premium {
    color: var(--text-main) !important;
}

body.light-mode .sub-plan-name {
    color: var(--text-main) !important;
}

body.light-mode .sub-plan-price {
    color: var(--text-main) !important;
}

body.light-mode .sub-plan-cycle {
    color: var(--text-muted) !important;
}

body.light-mode .sub-plan-btn.ghost {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .sub-plan-btn.ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .sub-plan-btn.disabled {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .sub-cycle {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1.5px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-cycle:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .sub-cycle-name {
    color: var(--text-main) !important;
}

body.light-mode .sub-cycle-price {
    color: var(--text-main) !important;
}

body.light-mode .sub-cycle-meta {
    color: var(--text-muted) !important;
}

body.light-mode .sub-btn {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .sub-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .sub-action-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-action-name {
    color: var(--text-main) !important;
}

body.light-mode .sub-action-desc {
    color: var(--text-muted) !important;
}

body.light-mode .sub-invoice {
    background: linear-gradient(135deg,rgba(0, 0, 0, 0.03),rgba(0, 0, 0, 0.01)) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-invoice:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .sub-invoice-id {
    color: var(--text-main) !important;
}

body.light-mode .sub-invoice-desc {
    color: var(--text-muted) !important;
}

body.light-mode .sub-invoice-date {
    color: var(--text-muted) !important;
}

body.light-mode .sub-invoice-amount {
    color: var(--text-main) !important;
}

body.light-mode .sub-invoice-pdf {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .sub-pm-row {
    background: rgba(0, 0, 0, 0.025) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .sub-pm-name {
    color: var(--text-main) !important;
}

body.light-mode .sub-pm-meta {
    color: var(--text-muted) !important;
}

body.light-mode .sub-modal-bg {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .sub-modal {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .sub-modal-title {
    color: var(--text-main) !important;
}

body.light-mode .sub-modal-sub {
    color: var(--text-muted) !important;
}

.sub-modal-body.light-mode {
    color: var(--text-muted) !important;
}

.sub-modal-body.light-mode strong {
    color: var(--text-main) !important;
}

body.light-mode .sub-toast {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .tickets-sidebar-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .tickets-sidebar-card:hover {
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1), 0 0 25px rgba(155, 109, 255, 0.05) !important;
}

body.light-mode .tickets-search-box {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .search-input-wrap i {
    color: var(--text-muted) !important;
}

body.light-mode .tickets-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .tickets-search-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.06), 0 0 15px rgba(139, 92, 246, 0.15) !important;
}

body.light-mode .tickets-filter-tabs {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .tickets-filter-tab {
    color: var(--text-muted) !important;
}

body.light-mode .tickets-filter-tab:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .tickets-filter-tab.active {
    color: var(--text-main) !important;
}

body.light-mode .tickets-priority-label {
    color: var(--text-muted) !important;
}

body.light-mode .tickets-priority-chip {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
}

body.light-mode .tickets-priority-chip:hover {
    border-color: rgba(0, 0, 0, 0.04) !important;
    background: rgba(0, 0, 0, 0.05) !important;
    color: var(--text-main) !important;
}

body.light-mode .tickets-priority-chip.active {
    color: var(--text-main) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    background: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .ticket-sidebar-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ticket-sidebar-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .ticket-sidebar-item.active {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .tickets-chat-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09) !important;
}

body.light-mode .chat-header-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .msg-avatar {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .msg-bubble {
    color: var(--text-main) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .system-event-row {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .chat-composer-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: var(--bg-card) !important;
}

body.light-mode .composer-btn-attach {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .composer-btn-attach:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .composer-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .composer-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .rating-widget-card {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .attachment-alert-tag i.fa-times:hover {
    color: var(--text-main) !important;
}

body.light-mode .ticket-modal-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .ticket-modal-card {
    background: linear-gradient(135deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.13), 0 0 40px rgba(139, 92, 246, 0.1) !important;
}

body.light-mode .ticket-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ticket-modal-header h2 {
    color: var(--text-main) !important;
}

body.light-mode .ticket-modal-close {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
}

body.light-mode .modal-form-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .modal-form-input:focus {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .modal-form-input option {
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
}

body.light-mode .prio-pill-option {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .prio-pill-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .ticket-modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .modal-btn-cancel {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .modal-btn-cancel:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .custom-dropdown-trigger {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .custom-dropdown-trigger:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .custom-dropdown-trigger i {
    color: var(--text-muted) !important;
}

body.light-mode .custom-dropdown-menu {
    background: var(--bg-card) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.13), 0 0 30px rgba(139, 92, 246, 0.08) !important;
}

body.light-mode .custom-dropdown-item i {
    color: var(--text-muted) !important;
}

body.light-mode .custom-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-tickets-toolbar {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-toolbar-search i {
    color: var(--text-muted) !important;
}

body.light-mode .user-toolbar-search input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-filter-btn {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-modal {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.1),
        0 0 60px rgba(139, 92, 246, 0.15),
        inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .pro-modal-icon {
    color: var(--text-main) !important;
}

body.light-mode .pro-modal-title-wrap h2 {
    color: var(--text-main) !important;
}

body.light-mode .pro-modal-title-wrap p {
    color: var(--text-muted) !important;
}

body.light-mode .pro-modal-close {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-muted) !important;
}

body.light-mode .pro-section-header span {
    color: var(--text-muted) !important;
}

body.light-mode .pro-optional {
    color: var(--text-muted) !important;
}

body.light-mode .pro-input {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .pro-input:focus {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.15),
        inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .pro-input-icon {
    color: var(--text-muted) !important;
}

body.light-mode .pro-category-card {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-category-card:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .pro-category-card.active {
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .pro-cat-icon {
    background: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-muted) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-category-card.active .pro-cat-icon {
    color: var(--text-main) !important;
}

body.light-mode .pro-category-card span {
    color: var(--text-muted) !important;
}

body.light-mode .pro-category-card.active span {
    color: var(--text-main) !important;
}

body.light-mode .pro-priority-row {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-priority-row:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .pro-priority-row.active {
    box-shadow: 0 0 25px rgba(139, 92, 246, 0.2),
        inset 0 1px 0 rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .pro-prio-indicator {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-prio-text strong {
    color: var(--text-main) !important;
}

body.light-mode .pro-prio-text span {
    color: var(--text-muted) !important;
}

body.light-mode .pro-prio-check {
    color: var(--text-main) !important;
}

body.light-mode .pro-textarea {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .pro-textarea:focus {
    background: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.15),
        inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-textarea::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .pro-textarea-hint span {
    color: var(--text-muted) !important;
}

body.light-mode .pro-modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .pro-btn-ghost {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pro-btn-ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .admin-tickets-toolbar {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .admin-toolbar-search i {
    color: var(--text-muted) !important;
}

body.light-mode .admin-toolbar-search input {
    color: var(--text-main) !important;
}

body.light-mode .admin-toolbar-search input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .admin-toolbar-divider {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .admin-filter-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .admin-stat-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .admin-stat-card:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 0 20px rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .admin-stat-icon {
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .admin-stat-value {
    color: var(--text-main) !important;
}

body.light-mode .wizard-backdrop {
    background: var(--bg-card) !important;
}

body.light-mode .wizard-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.16), inset 0 2px 20px rgba(139,92,246,0.05) !important;
}

body.light-mode .abm-close {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-muted) !important;
}

body.light-mode .wiz-line {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .wiz-step-icon {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .wiz-title {
    color: var(--text-main) !important;
}

body.light-mode .wiz-desc {
    color: var(--text-muted) !important;
}

body.light-mode .wiz-desc a:hover {
    color: var(--text-main) !important;
}

body.light-mode .glass-input-block {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .glass-input-block label {
    color: var(--text-muted) !important;
}

body.light-mode .input-with-icon {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .input-with-icon i {
    color: var(--text-muted) !important;
}

body.light-mode .input-with-icon input {
    color: var(--text-main) !important;
}

body.light-mode .input-with-icon input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .wiz-btn-secondary {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .wiz-btn-secondary:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .dash-bg {
    background: radial-gradient(circle at 50% 0%, var(--bg-card) 0%, var(--bg-card) 100%) !important;
}

body.light-mode #preloader {
    background: var(--bg-card) !important;
}

body.light-mode .pl-circle-fill {
    stroke: var(--text-main) !important;
}

body.light-mode .pl-circle-logo {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.0) !important;
}

body.light-mode .pl-logo-text {
    color: var(--text-main) !important;
}

body.light-mode .pl-brand-name {
    color: var(--text-main) !important;
}

body.light-mode .pl-brand-name span {
    color: var(--text-muted) !important;
}

body.light-mode .pl-brand-desc {
    color: var(--text-muted) !important;
}

body.light-mode .pl-status-msg {
    color: var(--text-muted) !important;
}

body.light-mode .pl-percent-msg {
    color: var(--text-main) !important;
}

body.light-mode .sidebar {
    background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .logo {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .logo-container {
    color: var(--text-main) !important;
}

body.light-mode .logo h2 {
    color: var(--text-main) !important;
}

body.light-mode .sidebar-nav-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .nav-label {
    color: var(--text-muted) !important;
}

body.light-mode .nav-label::before {
    box-shadow: 0 0 18px currentColor, 0 0 28px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .nav-links a:hover {
    color: var(--text-main) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.01) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .nav-links li.active a {
    color: var(--text-main) !important;
    box-shadow: inset 4px 0 0 var(--accent-purple), inset 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .sidebar-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .plan-status-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .profile-status-dot {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .profile-info h4 {
    color: var(--text-main) !important;
}

body.light-mode .profile-role-chip {
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .profile-info p {
    color: var(--text-muted) !important;
}

body.light-mode .profile-icon-btn {
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .profile-icon-btn:hover {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

body.light-mode .plan-status-card {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .psc-plan {
    color: var(--text-main) !important;
}

body.light-mode .psc-usage-label {
    color: var(--text-muted) !important;
}

body.light-mode .psc-usage-label span:last-child {
    color: var(--text-main) !important;
}

body.light-mode .psc-progress-bg {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .psc-upgrade-btn {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .psc-upgrade-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .legal-divider {
    color: var(--text-muted) !important;
}

body.light-mode .bot-sel-icon {
    color: var(--text-main) !important;
}

body.light-mode .bot-sel-info .name {
    color: var(--text-main) !important;
}

body.light-mode .bot-dropdown-menu {
    background: var(--bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .bot-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.03) !important;
    color: var(--text-main) !important;
}

body.light-mode .bot-dropdown-item.active {
    color: var(--text-main) !important;
}

body.light-mode .action-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .header-clock {
    color: var(--text-main) !important;
}

body.light-mode .header-date {
    color: var(--text-muted) !important;
}

body.light-mode .search-box {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .search-box:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .search-box:focus-within {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .search-box i {
    color: var(--text-muted) !important;
}

body.light-mode .search-box input {
    color: var(--text-main) !important;
}

body.light-mode .search-box input::placeholder {
    color: var(--text-muted) !important;
}

body.light-mode .search-shortcut {
    color: var(--text-muted) !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .search-dropdown {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), 0 0 20px rgba(168, 85, 247, 0.1) !important;
}

body.light-mode .search-results::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .search-item {
    color: var(--text-main) !important;
}

body.light-mode .search-item-icon {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .search-item:hover .search-item-icon,
body.light-mode .search-item.selected .search-item-icon {
    color: var(--text-main) !important;
}

body.light-mode .search-item-title {
    color: var(--text-main) !important;
}

body.light-mode .search-item-desc {
    color: var(--text-muted) !important;
}

body.light-mode .search-no-results {
    color: var(--text-muted) !important;
}

body.light-mode .notif-dropdown {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 0 40px rgba(139, 92, 246, 0.1) !important;
}

body.light-mode .notif-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notif-header h4 {
    color: var(--text-main) !important;
}

body.light-mode .notif-clear-all {
    color: var(--text-muted) !important;
}

body.light-mode .notif-item {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .notif-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .notif-title {
    color: var(--text-main) !important;
}

body.light-mode .notif-message {
    color: var(--text-muted) !important;
}

body.light-mode .notif-time {
    color: var(--text-muted) !important;
}

body.light-mode .notif-delete {
    color: var(--text-muted) !important;
}

body.light-mode .notif-empty {
    color: var(--text-muted) !important;
}

body.light-mode .notif-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-chip {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-dropdown {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.17) !important;
}

body.light-mode .user-dropdown-email {
    color: var(--text-muted) !important;
}

body.light-mode .user-dropdown-row {
    background: rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-dropdown-row:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .content-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .glow-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 0 20px rgba(155, 109, 255, 0.1) !important;
}

body.light-mode .btn-ghost {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .btn-ghost:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.03) !important;
}

body.light-mode .add-bot-modal {
    background: var(--bg-card) !important;
}

body.light-mode .abm-card {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .abm-close {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .abm-title {
    color: var(--text-main) !important;
}

body.light-mode .modern-cookie-banner {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.16), inset 0 0 20px rgba(155, 109, 255, 0.05) !important;
}

body.light-mode .cookie-title {
    color: var(--text-main) !important;
}

.cookie-body.light-mode a:hover {
    color: var(--text-main) !important;
}

body.light-mode .cookie-btn.btn-decline {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .cookie-btn.btn-decline:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .cookie-btn.btn-accept {
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .abm-input {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-main) !important;
}

body.light-mode .gdpr-banner {
    background: var(--bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .gdpr-header {
    color: var(--text-main) !important;
}

body.light-mode .gdpr-btn.secondary {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .gdpr-btn.secondary:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode #login-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .login-card {
    background: var(--bg-card) !important;
    box-shadow: 0 40px 90px rgba(0, 0, 0, 0.18), 0 0 40px rgba(155, 109, 255, 0.08) !important;
}

body.light-mode .login-logo-icon {
    color: var(--text-main) !important;
}

body.light-mode .login-logo h1 {
    color: var(--text-main) !important;
}

body.light-mode .login-welcome {
    color: var(--text-main) !important;
}

body.light-mode .auth-input-ctrl {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .auth-input-ctrl:focus {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 15px rgba(155, 109, 255, 0.15) !important;
}

body.light-mode .login-demo-accounts {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .demo-acc-btn {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode #blocking-overlay {
    background: var(--bg-card) !important;
}

body.light-mode .block-card {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .block-title {
    color: var(--text-main) !important;
}

body.light-mode .block-reason-box {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .block-reason-val {
    color: var(--text-main) !important;
}

body.light-mode .au-topbar-left h1 {
    color: var(--text-main) !important;
}

body.light-mode .au-search-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .au-filter-select {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
    color: var(--text-main) !important;
}

body.light-mode .au-filter-select option {
    background: var(--bg-card) !important;
}

body.light-mode .au-card-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-username {
    color: var(--text-main) !important;
}

body.light-mode .au-role-user {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

.au-card-body.light-mode {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-card-info-cell {
    border-right: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-cell-value {
    color: var(--text-muted) !important;
}

body.light-mode .au-details-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .au-details-val {
    color: var(--text-main) !important;
}

body.light-mode .au-act-delete {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-fullpage {
    background: var(--bg-card) !important;
}

body.light-mode .au-fullpage-inner {
    background: var(--bg-card) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.16) !important;
}

body.light-mode .au-fp-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-fp-back {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .au-fp-back:hover {
    color: var(--text-main) !important;
}

body.light-mode .au-fp-title {
    color: var(--text-main) !important;
}

body.light-mode .au-field {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .uov-log-shell {
    background: var(--bg-card) !important;
}

body.light-mode .ticket-chat-box {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .ticket-chat-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .ticket-msg.staff {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ticket-chat-input-area {
    border-top: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .ticket-chat-input {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-profile-card.v2 {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-profile-card.v2:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .user-profile-card.v2 .profile-info h4 {
    color: var(--text-main) !important;
}

body.light-mode .user-chip.v2 {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-chip.v2:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

body.light-mode .user-chip.v2 .user-chip-name {
    color: var(--text-main) !important;
}

body.light-mode .user-chip.v2 .user-chip-role {
    color: var(--text-muted) !important;
}

body.light-mode .user-chip.v2 .user-chip-chevron {
    color: var(--text-muted) !important;
}

body.light-mode .user-dropdown.v2 {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-avatar {
    border: 2px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-header h4 {
    color: var(--text-main) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-role {
    color: var(--text-muted) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-email {
    color: var(--text-muted) !important;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-row {
    background: rgba(0, 0, 0, 0.02) !important;
    color: var(--text-main) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-row:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.01) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-row .row-icon {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-row strong {
    color: var(--text-main) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-row span {
    color: var(--text-muted) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-logout::before {
    background: linear-gradient(135deg, transparent, rgba(0, 0, 0, 0.1), transparent) !important;
}

body.light-mode .user-dropdown.v2 .user-dropdown-logout:hover {
    color: var(--text-main) !important;
}

body.light-mode .user-profile-card.v3 {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-card)) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .user-profile-card.v3:hover {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1), 0 0 30px rgba(139, 92, 246, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .user-profile-card.v3 .profile-welcome {
    color: var(--text-muted) !important;
}

body.light-mode .user-profile-card.v3 .profile-username {
    color: var(--text-main) !important;
}

body.light-mode .legal-links a {
    color: var(--text-muted) !important;
}

body.light-mode .legal-dot {
    color: var(--text-muted) !important;
}

body.light-mode .edit-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .edit-tab-btn:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .premium-cookie-banner {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.18), 0 0 40px rgba(139, 92, 246, 0.15) !important;
}

body.light-mode .pc-title {
    color: var(--text-main) !important;
}

body.light-mode .pc-btn-decline {
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pc-btn-decline:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .pc-modal-overlay {
    background: rgba(0, 0, 0, 0.04) !important;
}

body.light-mode .pc-modal {
    background: var(--bg-card) !important;
    border: 1px solid rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.18) !important;
}

body.light-mode .pc-modal-title {
    color: var(--text-main) !important;
}

body.light-mode .pc-option {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

body.light-mode .pc-option:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .pc-option-icon {
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .pc-option-title {
    color: var(--text-main) !important;
}

body.light-mode .pc-slider {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .pc-slider:before {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}