/* light-theme.css — Общие стили светлой темы для всех страниц */ /* Подключается через */ /* Работает вместе с data-theme="light" на */ /* ===== ОБЩИЕ ЭЛЕМЕНТЫ ===== */ [data-theme="light"] body { background: #f0f2f8 !important; color: #1a1d2e !important; } /* Космический фон — делаем еле заметным */ [data-theme="light"] .cosmos-bg { opacity: 0.15 !important; } [data-theme="light"] .nebula { opacity: 0.08 !important; } [data-theme="light"] .stars-layer { opacity: 0.3 !important; } /* Стеклянные карточки */ [data-theme="light"] .glass-item, [data-theme="light"] .glass-card, [data-theme="light"] .balance-card, [data-theme="light"] .subscription-card, [data-theme="light"] .plan-card, [data-theme="light"] .info-card, [data-theme="light"] .stat-card { background: #fff !important; border-color: #e2e5f0 !important; box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; } /* Конфиг-панели */ [data-theme="light"] .config-glass, [data-theme="light"] .settings-card { background: #f8f9fc !important; border-color: #e2e5f0 !important; } /* Стеклянный хедер (прилипающий) */ [data-theme="light"] .cosmic-header { border-color: #e2e5f0 !important; } /* ===== ТЕКСТ ===== */ [data-theme="light"] .card-title, [data-theme="light"] .header-title, [data-theme="light"] .section-title, [data-theme="light"] .plan-name, [data-theme="light"] .faq-question, [data-theme="light"] .feature-title, [data-theme="light"] .step-title { background: linear-gradient(to right, #1a1d2e, #5b4fc7, #1a1d2e) !important; -webkit-background-clip: text !important; color: transparent !important; } [data-theme="light"] .card-subtitle, [data-theme="light"] .text-secondary, [data-theme="light"] .subtitle, [data-theme="light"] .desc, [data-theme="light"] .info-text, [data-theme="light"] .feature-desc, [data-theme="light"] .step-desc { color: #6b7280 !important; } [data-theme="light"] .text-muted, [data-theme="light"] .label, [data-theme="light"] .balance-label, [data-theme="light"] .sub-plan-id, [data-theme="light"] .stat-label, [data-theme="light"] .config-glass-toggle, [data-theme="light"] .expiry-date, [data-theme="light"] .code-label { color: #8b8fa3 !important; } /* Основной текст внутри элементов */ [data-theme="light"] .stat-value, [data-theme="light"] .sub-plan-name, [data-theme="light"] .settings-label, [data-theme="light"] .settings-value, [data-theme="light"] .config-glass-title, [data-theme="light"] .info-value, [data-theme="light"] .feature-text, [data-theme="light"] p, [data-theme="light"] li, [data-theme="light"] span, [data-theme="light"] td, [data-theme="light"] th, [data-theme="light"] .body-text { color: #1a1d2e !important; } /* ===== ИНПУТЫ ===== */ [data-theme="light"] .cosmic-input, [data-theme="light"] .form-input, [data-theme="light"] input[type="text"], [data-theme="light"] input[type="email"], [data-theme="light"] input[type="password"], [data-theme="light"] input[type="number"], [data-theme="light"] textarea, [data-theme="light"] select { color: #1a1d2e !important; } [data-theme="light"] .cosmic-input::placeholder, [data-theme="light"] .form-input::placeholder { color: rgba(0,0,0,0.35) !important; } /* ===== КНОПКИ ===== */ [data-theme="light"] .icon-btn { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.08) !important; color: #3a3d4e !important; } [data-theme="light"] .icon-btn:hover { background: rgba(0,0,0,0.08) !important; } [data-theme="light"] .topup-btn, [data-theme="light"] .btn-outline { background: rgba(255,107,61,0.08) !important; border-color: rgba(255,107,61,0.2) !important; color: #ff6b3d !important; } [data-theme="light"] .action-btn { background: #f8f9fc !important; border-color: #e2e5f0 !important; color: #3a3d4e !important; } [data-theme="light"] .action-btn:hover { background: #f0f2f8 !important; } [data-theme="light"] .action-btn.danger { border-color: rgba(255,59,48,0.2) !important; color: #dc2626 !important; } /* ===== СТАТУСЫ ===== */ [data-theme="light"] .sub-status { background: rgba(76,217,100,0.1) !important; color: #16a34a !important; } [data-theme="light"] .sub-status.expired { background: rgba(255,59,48,0.08) !important; color: #dc2626 !important; } [data-theme="light"] .sub-status.suspended { background: rgba(255,149,0,0.08) !important; color: #ea580c !important; } /* ===== BANNERS ===== */ [data-theme="light"] .lottery-banner { background: linear-gradient(135deg, rgba(102,126,234,0.08), rgba(118,75,162,0.05)) !important; border-color: rgba(102,126,234,0.15) !important; } [data-theme="light"] .lottery-text { color: #4a4d5e !important; } [data-theme="light"] .lottery-text strong { color: #667eea !important; } [data-theme="light"] .lottery-icon-box { background: linear-gradient(135deg, rgba(102,126,234,0.12), rgba(118,75,162,0.08)) !important; } [data-theme="light"] .referral-banner { background: linear-gradient(135deg, rgba(255,107,61,0.06), rgba(255,51,102,0.04)) !important; border-color: rgba(255,107,61,0.15) !important; } [data-theme="light"] .referral-text { color: #4a4d5e !important; } /* ===== BOTTOM NAV ===== */ [data-theme="light"] .bottom-nav { background: rgba(255,255,255,0.95) !important; border-color: #e2e5f0 !important; } [data-theme="light"] .nav-item { color: #9ca3af !important; } [data-theme="light"] .nav-item.active { color: #667eea !important; } [data-theme="light"] .nav-item.active .nav-icon { text-shadow: none !important; filter: none !important; color: #667eea !important; } [data-theme="light"] .nav-item.active::after { background: linear-gradient(90deg, transparent, #667eea, #764ba2, transparent) !important; } /* ===== MODAL ===== */ [data-theme="light"] .modal-overlay { background: rgba(0,0,0,0.4) !important; } [data-theme="light"] .modal-content { background: #fff !important; border-color: #e2e5f0 !important; } [data-theme="light"] .modal-title { background: linear-gradient(135deg, #ff6b3d, #ff3366) !important; -webkit-background-clip: text !important; color: transparent !important; } [data-theme="light"] .modal-header { border-color: #e2e5f0 !important; } [data-theme="light"] .client-btn { background: #f8f9fc !important; border-color: #e2e5f0 !important; color: #1a1d2e !important; } [data-theme="light"] .client-btn:hover { background: #f0f2f8 !important; border-color: #667eea !important; } [data-theme="light"] .client-info h4 { color: #1a1d2e !important; } [data-theme="light"] .client-info span { color: #8b8fa3 !important; } [data-theme="light"] .modal-btn.cancel { background: #f0f2f8 !important; color: #3a3d4e !important; border-color: #e2e5f0 !important; } /* ===== TOAST ===== */ [data-theme="light"] .toast { background: #fff !important; color: #1a1d2e !important; box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important; border: 1px solid #e2e5f0 !important; } [data-theme="light"] .toast.error { background: #fee2e2 !important; color: #991b1b !important; border-color: #fca5a5 !important; } [data-theme="light"] .toast.success { background: #dcfce7 !important; color: #166534 !important; border-color: #86efac !important; } /* ===== УВЕДОМЛЕНИЯ ===== */ [data-theme="light"] .notification-panel { background: #fff !important; border-color: #e2e5f0 !important; box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important; } [data-theme="light"] .notif-item { background: #f8f9fc !important; border-color: #e2e5f0 !important; } [data-theme="light"] .notif-item.unread { background: rgba(102,126,234,0.06) !important; border-color: rgba(102,126,234,0.15) !important; } [data-theme="light"] .notif-title { color: #1a1d2e !important; } [data-theme="light"] .notif-msg { color: #6b7280 !important; } /* ===== TRAFFIC CIRCLE ===== */ [data-theme="light"] .traffic-circle-bg { stroke: #e5e7eb !important; } [data-theme="light"] .traffic-circle-percent { color: #1a1d2e !important; } [data-theme="light"] .traffic-circle-label { color: #8b8fa3 !important; } /* ===== STAT ITEMS ===== */ [data-theme="light"] .stat-item { background: #f8f9fc !important; } /* ===== EXPIRY ===== */ [data-theme="light"] .expiry-info { background: #f8f9fc !important; } /* ===== TARIFF BADGE ===== */ [data-theme="light"] .tariff-badge { background: rgba(102,126,234,0.08) !important; border-color: rgba(102,126,234,0.2) !important; color: #667eea !important; } /* ===== QR ===== */ [data-theme="light"] .qr-container { background: #f0f2f8 !important; } /* ===== BLOCK LIST (AdBlock) ===== */ [data-theme="light"] .block-list { background: #f8f9fc !important; border-color: #e2e5f0 !important; } [data-theme="light"] .block-item { color: #3a3d4e !important; border-color: #e2e5f0 !important; } /* ===== SERVER STATUS ===== */ [data-theme="light"] #serverStatus, [data-theme="light"] .server-status { background: #fff !important; border-color: #e2e5f0 !important; } /* ===== ERROR / SUCCESS BOXES ===== */ [data-theme="light"] .error-box { color: #991b1b !important; background: rgba(255,59,48,0.08) !important; border-color: rgba(255,59,48,0.2) !important; } [data-theme="light"] .success-box { background: rgba(76,217,100,0.08) !important; border-color: rgba(76,217,100,0.2) !important; } /* ===== CODE BOX (register/2fa) ===== */ [data-theme="light"] .code-box, [data-theme="light"] .otp-box { background: #f8f9fc !important; border-color: #e2e5f0 !important; } [data-theme="light"] .code-text { color: #1a1d2e !important; } /* ===== EMPTY STATE ===== */ [data-theme="light"] .empty-state { background: #fff !important; border-color: #e2e5f0 !important; } [data-theme="light"] .empty-text { color: #6b7280 !important; } /* ===== FORM CONTAINERS ===== */ [data-theme="light"] .form-container, [data-theme="light"] .auth-container { /* Keep transparent background for form pages */ } [data-theme="light"] .page-content, [data-theme="light"] .content-block { background: #fff !important; border-color: #e2e5f0 !important; } /* ===== FAQ / ACCORDION ===== */ [data-theme="light"] .faq-answer, [data-theme="light"] .accordion-content { color: #4a4d5e !important; } /* ===== SMOOTH TRANSITIONS ===== */ body, .glass-item, .glass-card, .balance-card, .subscription-card, .plan-card, .icon-btn, .topup-btn, .bottom-nav, .config-glass, .lottery-banner, .referral-banner, .modal-content, .notif-item, .cosmic-header, .settings-card, .action-btn, #serverStatus { transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; } /* ===== SCROLLBAR ===== */ [data-theme="light"] ::-webkit-scrollbar { background: #f0f2f8 !important; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: #d1d5db !important; border-radius: 10px !important; } /* ===== BACK LINK / NAV LINKS ===== */ [data-theme="light"] .back-link, [data-theme="light"] .nav-link { color: #3a3d4e !important; } /* ===== SPEEDTEST SPECIFIC ===== */ [data-theme="light"] .speed-value, [data-theme="light"] .speed-number { color: #1a1d2e !important; } /* ===== SUPPORT SPECIFIC ===== */ [data-theme="light"] .message-bubble { color: #1a1d2e !important; } /* ===== LOTTERY SPECIFIC ===== */ [data-theme="light"] .prize-card { background: #fff !important; border-color: #e2e5f0 !important; } /* ===== INSTRUCTIONS / ABOUT ===== */ [data-theme="light"] .step-card { background: #fff !important; border-color: #e2e5f0 !important; } [data-theme="light"] .feature-card { background: #fff !important; border-color: #e2e5f0 !important; } /* ===== PAYMENT SPECIFIC ===== */ [data-theme="light"] .payment-card, [data-theme="light"] .amount-card { background: #fff !important; border-color: #e2e5f0 !important; } [data-theme="light"] .payment-method-btn { background: #f8f9fc !important; border-color: #e2e5f0 !important; color: #1a1d2e !important; } [data-theme="light"] .payment-method-btn:hover { background: #f0f2f8 !important; } /* ===== PROMO CODES ===== */ [data-theme="light"] .promo-card { background: #fff !important; border-color: #e2e5f0 !important; } /* ===== SETTINGS SPECIFIC ===== */ [data-theme="light"] .settings-item { background: #f8f9fc !important; border-color: #e2e5f0 !important; } [data-theme="light"] .settings-item:hover { background: #f0f2f8 !important; } /* ===== REFERRAL SPECIFIC ===== */ [data-theme="light"] .referral-stats-card { background: #fff !important; border-color: #e2e5f0 !important; }