body.dark-mode {
    background: linear-gradient(135deg, #0f0a2e 0%, #1a1145 25%, #1e1b4b 50%, #172554 75%, #0c1222 100%);
    color: #c4b5fd;
}

body.dark-mode .glass,
body.dark-mode .glass-card,
body.dark-mode .glass-stat-card,
body.dark-mode .glass-testimonial-card,
body.dark-mode .glass-blog-card,
body.dark-mode .glass-portfolio-card,
body.dark-mode .glass-service-card,
body.dark-mode .glass-pricing-card,
body.dark-mode .glass-faq-item,
body.dark-mode .glass-notification,
body.dark-mode .glass-modal {
    background: rgba(30, 27, 75, 0.45);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-card:hover,
body.dark-mode .glass-stat-card:hover,
body.dark-mode .glass-service-card:hover,
body.dark-mode .glass-portfolio-card:hover,
body.dark-mode .glass-blog-card:hover {
    background: rgba(30, 27, 75, 0.6);
}

body.dark-mode .glass-topbar {
    background: rgba(15, 10, 46, 0.65);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-sidebar,
body.dark-mode .sidebar {
    background: rgba(15, 10, 46, 0.65);
    border-right-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-input,
body.dark-mode .glass-textarea,
body.dark-mode .glass-select {
    background: rgba(30, 27, 75, 0.45);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}

body.dark-mode .glass-input:focus,
body.dark-mode .glass-textarea:focus,
body.dark-mode .glass-select:focus {
    border-color: var(--primary);
    background: rgba(30, 27, 75, 0.6);
}

body.dark-mode .glass-table thead th {
    color: #94a3b8;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-table tbody td {
    border-bottom-color: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
}

body.dark-mode .glass-table tbody tr:hover {
    background: rgba(124, 92, 252, 0.08);
}

body.dark-mode .section-title,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #f1f5f9;
}

body.dark-mode p,
body.dark-mode .text-body {
    color: #94a3b8;
}

body.dark-mode .text-muted {
    color: #64748b;
}

body.dark-mode .glass-pricing-card.popular {
    border-color: var(--primary);
    background: rgba(124, 92, 252, 0.12);
}

body.dark-mode .glass-chat-bubble {
    background: rgba(30, 27, 75, 0.45);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-chat-bubble.sent {
    background: rgba(124, 92, 252, 0.25);
    border-color: rgba(124, 92, 252, 0.35);
}

body.dark-mode .sidebar-menu-link {
    color: #94a3b8;
}

body.dark-mode .sidebar-menu-link:hover {
    background: rgba(124, 92, 252, 0.12);
    color: #a78bfa;
}

body.dark-mode .sidebar-menu-link.active {
    background: rgba(124, 92, 252, 0.15);
    color: #a78bfa;
}

body.dark-mode .sidebar-submenu-link {
    color: #64748b;
}

body.dark-mode .sidebar-submenu-link:hover,
body.dark-mode .sidebar-submenu-link.active {
    color: #a78bfa;
}

body.dark-mode .sidebar-logo .logo-name {
    color: #f1f5f9;
}

body.dark-mode .glass-dropdown {
    background: rgba(30, 27, 75, 0.65);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .glass-dropdown-item {
    color: #94a3b8;
}

body.dark-mode .glass-dropdown-item:hover {
    background: rgba(124, 92, 252, 0.12);
    color: #a78bfa;
}

body.dark-mode .glass-alert-success {
    background: rgba(34, 197, 94, 0.12);
}

body.dark-mode .glass-alert-danger {
    background: rgba(239, 68, 68, 0.12);
}

body.dark-mode .glass-alert-warning {
    background: rgba(245, 158, 11, 0.12);
}

body.dark-mode .glass-alert-info {
    background: rgba(59, 130, 246, 0.12);
}

body.dark-mode .glass-badge {
    border-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .breadcrumb-item a {
    color: #94a3b8;
}

body.dark-mode .breadcrumb-item.active {
    color: #a78bfa;
}

body.dark-mode .topbar-search input {
    background: rgba(30, 27, 75, 0.45);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}

body.dark-mode .topbar-icon-btn {
    color: #94a3b8;
}

body.dark-mode .topbar-icon-btn:hover {
    background: rgba(124, 92, 252, 0.12);
    color: #a78bfa;
}

body.dark-mode .content-area {
    background: transparent;
}

body.dark-mode .glass-faq-answer-inner {
    color: #94a3b8;
}

body.dark-mode .footer-area {
    background: rgba(15, 10, 46, 0.65);
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .footer-area p,
body.dark-mode .footer-area a {
    color: #64748b;
}

body.dark-mode .footer-area a:hover {
    color: #a78bfa;
}

* {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.2s ease;
}