/* Shared light/blue rollout for public StudyOutlaws pages */

:root {
    --primary-purple: #1d4ed8 !important;
    --primary-blue: #38bdf8 !important;
    --light-purple: #2563eb !important;
    --light-blue: #7dd3fc !important;
    --vibrant-green: #16a34a !important;
    --dark-bg: #f7fbff !important;
    --card-bg: rgba(255, 255, 255, 0.92) !important;
    --island-bg: rgba(255, 255, 255, 0.88) !important;
    --text-primary: #0f172a !important;
    --text-secondary: #4b5b78 !important;
    --border-color: rgba(37, 99, 235, 0.14) !important;
    --icon-bg: rgba(59, 130, 246, 0.1) !important;
    --glow-color: rgba(59, 130, 246, 0.18) !important;
    color-scheme: light;
}

body {
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 45%, #ffffff 100%) !important;
    color: var(--text-primary) !important;
}

body::before,
body::after {
    opacity: 1 !important;
    filter: blur(115px) !important;
}

body::before {
    background: radial-gradient(circle at 12% 20%, rgba(56, 189, 248, 0.28), transparent 42%) !important;
}

body::after {
    background: radial-gradient(circle at 88% 12%, rgba(37, 99, 235, 0.2), transparent 44%) !important;
}

.header-island {
    background: var(--island-bg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.12) !important;
}

.brand .logo-text,
.nav-links a:hover,
.nav-links a.active,
.footer-logo-text,
.section-title,
.card-title,
.page-header h1,
.page-header h2,
.section-header h2,
.section-header h3,
.feature-header h2,
.feature-header h3,
.verify-header h1,
.verify-header h2,
.error-container h1,
.maintenance-container h1 {
    color: var(--text-primary) !important;
}

.nav-links a,
.footer-links a,
.footer-description,
.footer-bottom p,
.section-subtitle,
.section-description,
.platform-disclaimer,
.support-info,
.verify-header p,
.error-container p,
.maintenance-container p {
    color: var(--text-secondary) !important;
}

.nav-links a::after,
.btn-register,
.auth-actions a.btn-register,
.btn-primary,
.mobile-panel-btn-primary,
.download-btn,
.os-btn {
    background: linear-gradient(90deg, var(--primary-purple), var(--primary-blue)) !important;
}

.auth-actions a:not(.btn-register),
.btn-secondary,
.mobile-panel-btn,
.mobile-panel-close {
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.user-profile,
.mobile-panel-inner,
.mobile-panel-user,
.mobile-user-card,
.site-footer {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

:is(
    .card,
    .feature-card,
    .pricing-card,
    .faq-item,
    .faq-answer,
    .tos-content,
    .tos-section,
    .auth-form-container,
    .verify-container,
    .error-container,
    .maintenance-container,
    .support-container,
    .settings-container,
    .support-info,
    .current-plan-section,
    .subscription-unified-card,
    .twofa-setup-card,
    .tickets-panel,
    .conversation-panel,
    .tab-panel,
    .stat-card,
    .minor-card,
    .hiw-card,
    .hrw-card,
    .schedule-card,
    .blooket-solver-card,
    .kahoot-solver-card,
    .wayground-solver-card,
    .giveaway-bonus-card,
    .prizes-card,
    .winners-card,
    .referral-card,
    .info-card,
    .alert,
    body.auth-callback-page .box,
    body.ext-callback-page > .container
) {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.08) !important;
    color: var(--text-primary) !important;
}

.faq-answer p,
.tos-content p,
.tos-content li,
.support-info p,
.support-info li,
.auth-switch-link,
.form-hint,
.alert,
.notice,
.msg,
.status,
.subtitle {
    color: var(--text-secondary) !important;
}

input,
textarea,
select,
.form-input,
.form-select,
.form-textarea {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(37, 99, 235, 0.16) !important;
    box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #7b8aa5 !important;
}

details,
.faq-item[open],
.schedule-card,
.referral-code-box,
.referral-link-box,
.code-display,
.instructions {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(37, 99, 235, 0.14) !important;
}

.instructions h3,
.title,
.logo,
body.auth-callback-page .title,
body.ext-callback-page h1 {
    color: var(--text-primary) !important;
}

body.ext-callback-page .logo {
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

body.ext-callback-page .spinner {
    border-color: rgba(37, 99, 235, 0.16) !important;
    border-top-color: var(--primary-purple) !important;
}

body.fix-page {
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 42%, #ffffff 100%) !important;
    color: var(--text-primary) !important;
}

body.fix-page header {
    background: linear-gradient(90deg, var(--primary-purple), var(--primary-blue)) !important;
}

body.fix-page .step,
body.fix-page .notice,
body.fix-page .os-content {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(37, 99, 235, 0.14) !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.08) !important;
}

body.fix-page .step h2,
body.fix-page .notice {
    color: var(--text-primary) !important;
}

body.fix-page .os-btn,
body.fix-page .download-btn {
    background: linear-gradient(90deg, var(--primary-purple), var(--primary-blue)) !important;
}

body.update-page {
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 45%, #ffffff 100%) !important;
    color: var(--text-primary) !important;
}

body.update-page .ambient-glow::before {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.12) 0%, transparent 62%) !important;
}

body.update-page .ambient-glow::after {
    background: radial-gradient(circle, rgba(37, 99, 235, 0.1) 0%, transparent 62%) !important;
}

body.update-page .promo-banner {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #38bdf8 100%) !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.18) !important;
}

body.update-page .update-card,
body.update-page .container > section,
body.update-page .container > article {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(37, 99, 235, 0.12) !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.08) !important;
    color: var(--text-primary) !important;
}

body.update-page .btn-primary,
body.update-page .btn-secondary {
    border-color: rgba(37, 99, 235, 0.16) !important;
}

.brand .logo-img,
.footer-logo-img {
    position: static !important;
    top: auto !important;
    left: auto !important;
}

.page-brand {
    display: flex;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.page-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    background: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    color: var(--text-primary) !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.page-brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(219, 234, 254, 0.76));
    border: 1px solid rgba(37, 99, 235, 0.14);
}

.page-brand-mark img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.page-brand-text {
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.update-page .container > .page-brand {
    justify-content: flex-start;
    margin-bottom: 1rem;
}

body.fix-page header .page-brand {
    margin-bottom: 1.25rem;
}

body.fix-page header .page-brand-link {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: none;
}

body.fix-page header .page-brand-text {
    color: #ffffff !important;
}

body.fix-page header .page-brand-mark {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.28);
}

body.dashboard-page .tab-panel,
body.settings-page .tab-panel,
body.settings-page .settings-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.dashboard-page .user-profile,
body.settings-page .user-profile {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(59, 130, 246, 0.16) !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .user-profile:hover,
body.settings-page .user-profile:hover {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(59, 130, 246, 0.26) !important;
}

body.dashboard-page .user-profile .user-name,
body.settings-page .user-profile .user-name {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #1e3a8a !important;
    text-shadow: none !important;
}

body.dashboard-page .user-profile .chevron-icon,
body.settings-page .user-profile .chevron-icon {
    color: #64748b !important;
}

body.dashboard-page .dropdown-menu,
body.settings-page .dropdown-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(59, 130, 246, 0.16) !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12) !important;
}

body.dashboard-page .dropdown-menu li+li,
body.settings-page .dropdown-menu li+li {
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}

body.dashboard-page .dropdown-menu a,
body.settings-page .dropdown-menu a {
    color: #51637e !important;
}

body.dashboard-page .dropdown-menu a:hover,
body.settings-page .dropdown-menu a:hover {
    color: #0f172a !important;
    background: rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .dropdown-icon,
body.settings-page .dropdown-icon {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(56, 189, 248, 0.16)) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

body.dashboard-page .tabs-nav {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(30, 41, 59, 0.92)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 24px 46px rgba(15, 23, 42, 0.18) !important;
}

body.dashboard-page .sidebar-title {
    color: rgba(191, 219, 254, 0.55) !important;
}

body.dashboard-page .tab-btn {
    color: #91a4c5 !important;
}

body.dashboard-page .tab-btn::before {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(56, 189, 248, 0.08)) !important;
}

body.dashboard-page .tab-btn:hover {
    color: #ffffff !important;
}

body.dashboard-page .tab-btn.active {
    color: #ffffff !important;
    border-color: rgba(125, 211, 252, 0.24) !important;
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28) !important;
}

body.dashboard-page .tab-btn[data-tab="blooket"].active,
body.dashboard-page .tab-btn[data-tab="kahoot"].active,
body.dashboard-page .tab-btn[data-tab="wayground"].active {
    color: #ffffff !important;
}

body.dashboard-page .stat-card,
body.dashboard-page .feature-card,
body.dashboard-page .schedule-card,
body.dashboard-page .connect-container,
body.dashboard-page .run-now-container,
body.dashboard-page .question-card,
body.dashboard-page .kahoot-question-card,
body.dashboard-page .wayground-question-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}

body.dashboard-page .stat-card {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(236, 253, 245, 0.92)) !important;
}

body.dashboard-page .feature-card::before {
    display: none !important;
}

body.dashboard-page .feature-card:hover,
body.dashboard-page .schedule-card:hover {
    border-color: rgba(96, 165, 250, 0.24) !important;
    box-shadow: 0 20px 42px rgba(37, 99, 235, 0.1) !important;
}

body.dashboard-page .feature-card.feature-primary,
body.dashboard-page .feature-card.feature-unlocked {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
    border-color: rgba(96, 165, 250, 0.28) !important;
}

body.dashboard-page .mode-switcher {
    background: rgba(226, 236, 250, 0.76) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: none !important;
}

body.dashboard-page .mode-btn {
    color: #51637e !important;
}

body.dashboard-page .mode-btn:hover {
    background: rgba(255, 255, 255, 0.58) !important;
    color: #0f172a !important;
}

body.dashboard-page .mode-btn.active {
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2) !important;
}

body.dashboard-page .mode-btn.active.quiz-mode {
    background: linear-gradient(135deg, #0f766e 0%, #34d399 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.18) !important;
}

body.dashboard-page .feedback-launch-btn {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(59, 130, 246, 0.16) !important;
    color: #0f172a !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12) !important;
}

body.dashboard-page .feedback-launch-btn:hover {
    border-color: rgba(59, 130, 246, 0.28) !important;
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .feedback-launch-icon {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(56, 189, 248, 0.16)) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-launch-title {
    color: #0f172a !important;
}

body.dashboard-page input,
body.dashboard-page textarea,
body.dashboard-page select {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #0f172a !important;
}

body.dashboard-page .duration-selector select,
body.dashboard-page .accuracy-range-selector select,
body.dashboard-page .feedback-select {
    background: rgba(248, 250, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.28) !important;
    box-shadow: none !important;
}

body.dashboard-page .duration-selector::after {
    border-top-color: rgba(37, 99, 235, 0.72) !important;
}

body.dashboard-page .accuracy-range-selector select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;
}

body.dashboard-page .duration-selector select option,
body.dashboard-page .accuracy-range-selector select option,
body.dashboard-page .feedback-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

body.settings-page .settings-container {
    padding-top: 34px !important;
}

body.settings-page .page-title {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #1e3a8a !important;
    letter-spacing: -0.03em;
}

body.settings-page .page-subtitle {
    color: #52637f !important;
}

body.settings-page .tabs-nav {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08) !important;
}

body.settings-page .tab-btn {
    color: #52637f !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

body.settings-page .tab-btn:hover {
    background: rgba(239, 246, 255, 0.88) !important;
    color: #0f172a !important;
}

body.settings-page .tab-btn.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.96)) !important;
    border-color: rgba(96, 165, 250, 0.24) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.12) !important;
}

body.settings-page .tab-btn.danger {
    color: #9f1239 !important;
}

body.settings-page .tab-btn.danger.active {
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.98), rgba(254, 226, 226, 0.98)) !important;
    border-color: rgba(248, 113, 113, 0.24) !important;
    color: #b91c1c !important;
    box-shadow: 0 10px 18px rgba(248, 113, 113, 0.1) !important;
}

body.settings-page .card,
body.settings-page .subscription-unified-card,
body.settings-page .current-plan-section,
body.settings-page .twofa-setup-card,
body.settings-page .referral-card,
body.settings-page .giveaway-bonus-card,
body.settings-page .hrw-card,
body.settings-page .pricing-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 255, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08) !important;
}

body.settings-page .current-plan-section {
    background: rgba(243, 248, 255, 0.86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 10px 24px rgba(37, 99, 235, 0.06) !important;
}

body.settings-page .card::before,
body.settings-page .pricing-card::before {
    display: none !important;
}

body.settings-page .card:hover,
body.settings-page .pricing-card:hover,
body.settings-page .hrw-card:hover {
    border-color: rgba(96, 165, 250, 0.24) !important;
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.1) !important;
}

body.settings-page #account-card .info-line,
body.settings-page .current-plan-section .info-line {
    background: rgba(248, 250, 255, 0.9) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 14px;
    padding: 0.9rem 1rem !important;
    margin-top: 0.65rem;
    border-bottom: none !important;
}

body.settings-page .info-line span:first-child {
    color: #64748b !important;
    font-weight: 500;
}

body.settings-page .info-line span:last-child {
    color: #0f172a !important;
    font-weight: 600;
}

body.settings-page .section-description {
    color: #52637f !important;
}

body.settings-page #cancellation-notice,
body.settings-page #giveaway-prize-notice,
body.settings-page #downgrade-notice {
    box-shadow: none !important;
}

/* Dashboard and settings app-surface cleanup */
body.dashboard-page .tabs-nav {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(96, 165, 250, 0.18) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.09) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.dashboard-page .sidebar-title {
    color: #7b8aa5 !important;
}

body.dashboard-page .tab-btn {
    background: transparent !important;
    border-color: transparent !important;
    color: #5b6f90 !important;
}

body.dashboard-page .tab-btn::before {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.92), rgba(239, 246, 255, 0.72)) !important;
}

body.dashboard-page .tab-btn::after {
    color: #1d4ed8 !important;
}

body.dashboard-page .tab-btn:hover {
    background: rgba(239, 246, 255, 0.9) !important;
    color: #0f172a !important;
}

body.dashboard-page .tab-btn.active,
body.dashboard-page .tab-btn[data-tab="blooket"].active,
body.dashboard-page .tab-btn[data-tab="kahoot"].active,
body.dashboard-page .tab-btn[data-tab="wayground"].active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.96)) !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12) !important;
}

body.dashboard-page .page-title {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #1e3a8a !important;
    text-shadow: none !important;
}

body.dashboard-page .page-subtitle,
body.dashboard-page .feature-description,
body.dashboard-page .connected-status,
body.dashboard-page .schedule-card-status,
body.dashboard-page .form-group label,
body.dashboard-page .scheduler-form label {
    color: #51637e !important;
}

body.dashboard-page .status-badge {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #51637e !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: none !important;
}

body.dashboard-page .status-badge.online {
    background: rgba(236, 253, 245, 0.94) !important;
    color: #0f766e !important;
    border-color: rgba(45, 212, 191, 0.26) !important;
}

body.dashboard-page .status-badge.beta {
    background: rgba(255, 247, 237, 0.95) !important;
    color: #b45309 !important;
    border-color: rgba(251, 191, 36, 0.24) !important;
}

body.dashboard-page .status-badge .status-dot {
    box-shadow: none !important;
}

body.dashboard-page .status-badge.online .status-dot {
    background: #14b8a6 !important;
}

body.dashboard-page .status-badge.beta .status-dot {
    background: #f59e0b !important;
}

body.dashboard-page .stat-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.96)) !important;
    border-color: rgba(191, 219, 254, 0.6) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page .stat-icon {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.96), rgba(224, 242, 254, 0.88)) !important;
    color: #0284c7 !important;
    box-shadow: none !important;
}

body.dashboard-page .stat-value {
    color: #0f172a !important;
}

body.dashboard-page .stat-value.unlimited {
    color: #2563eb !important;
}

body.dashboard-page .stat-label {
    color: #64748b !important;
}

body.dashboard-page .stat-progress {
    background: rgba(219, 234, 254, 0.92) !important;
}

body.dashboard-page .stat-progress-bar {
    background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
}

body.dashboard-page .mode-switcher {
    background: rgba(235, 243, 255, 0.92) !important;
    border: 1px solid rgba(96, 165, 250, 0.2) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.dashboard-page .mode-btn {
    color: #64748b !important;
}

body.dashboard-page .mode-btn:hover {
    background: rgba(255, 255, 255, 0.76) !important;
    color: #0f172a !important;
}

body.dashboard-page .mode-btn.active {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18) !important;
}

body.dashboard-page .mode-btn.active.quiz-mode {
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.14) !important;
}

body.dashboard-page .feature-card,
body.dashboard-page .schedule-card,
body.dashboard-page .connect-container,
body.dashboard-page .run-now-container,
body.dashboard-page .question-card,
body.dashboard-page .kahoot-question-card,
body.dashboard-page .wayground-question-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border-color: rgba(191, 219, 254, 0.62) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page .feature-card.feature-primary,
body.dashboard-page .feature-card.feature-unlocked {
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.99), rgba(239, 246, 255, 0.96)) !important;
    border-color: rgba(125, 211, 252, 0.44) !important;
}

body.dashboard-page .feature-title {
    color: #0f172a !important;
}

body.dashboard-page .feature-icon-wrap,
body.dashboard-page .schedule-card-icon,
body.dashboard-page .account-avatar,
body.dashboard-page .connected-avatar {
    box-shadow: none !important;
}

body.dashboard-page .connected-container {
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.98), rgba(239, 246, 255, 0.94)) !important;
    border-color: rgba(125, 211, 252, 0.32) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 10px 24px rgba(37, 99, 235, 0.06) !important;
}

body.dashboard-page .connected-avatar,
body.dashboard-page .account-avatar {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.96), rgba(224, 242, 254, 0.84)) !important;
    color: #0ea5e9 !important;
}

body.dashboard-page .connected-username {
    color: #0f172a !important;
}

body.dashboard-page .connected-status .status-dot,
body.dashboard-page .status-checking {
    background: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.16) !important;
}

body.dashboard-page .verified-badge {
    background: rgba(236, 253, 245, 0.94) !important;
    color: #0f766e !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
}

body.dashboard-page .invalid-badge {
    background: rgba(255, 247, 237, 0.96) !important;
    color: #c2410c !important;
    border-color: rgba(251, 146, 60, 0.22) !important;
}

body.dashboard-page .btn-ghost {
    background: rgba(239, 246, 255, 0.92) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .btn-ghost:hover {
    background: rgba(219, 234, 254, 0.98) !important;
    border-color: rgba(59, 130, 246, 0.32) !important;
}

body.dashboard-page .btn-outline {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(251, 146, 60, 0.26) !important;
    color: #c2410c !important;
}

body.dashboard-page .btn-outline:hover {
    background: rgba(255, 247, 237, 0.96) !important;
    border-color: rgba(249, 115, 22, 0.34) !important;
}

body.dashboard-page .feedback-launch-btn,
body.dashboard-page .feedback-launch-btn-inline {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    color: #0f172a !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.1) !important;
}

body.dashboard-page .feedback-launch-title,
body.dashboard-page .feedback-launch-btn-inline .feedback-launch-title {
    color: #0f172a !important;
}

body.dashboard-page .feedback-modal-overlay {
    background:
        radial-gradient(circle at 18% 12%, rgba(96, 165, 250, 0.16), transparent 34%),
        radial-gradient(circle at 82% 88%, rgba(56, 189, 248, 0.14), transparent 32%),
        rgba(226, 236, 252, 0.74) !important;
    backdrop-filter: blur(10px) !important;
}

body.dashboard-page .feedback-modal {
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(246, 250, 255, 0.975)) !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.16) !important;
}

body.dashboard-page .feedback-modal-header {
    border-bottom: 1px solid rgba(191, 219, 254, 0.82) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.88)) !important;
}

body.dashboard-page .feedback-modal-title {
    color: #0f172a !important;
}

body.dashboard-page .feedback-modal-subtitle {
    color: #52637f !important;
}

body.dashboard-page .feedback-modal-close {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(191, 219, 254, 0.9) !important;
    color: #5b6f90 !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-modal-close:hover {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .feedback-modal-body {
    background: transparent !important;
}

body.dashboard-page .feedback-modal-side {
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(240, 247, 255, 0.94)) !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-side-title {
    color: #0f172a !important;
}

body.dashboard-page .feedback-side-list {
    color: #60738f !important;
}

body.dashboard-page .feedback-limit-hint {
    color: #2563eb !important;
    font-weight: 600 !important;
}

body.dashboard-page .feedback-label {
    color: #52637f !important;
}

body.dashboard-page .feedback-input,
body.dashboard-page .feedback-select,
body.dashboard-page .feedback-textarea {
    background: rgba(255, 255, 255, 0.985) !important;
    border: 1px solid rgba(191, 219, 254, 0.88) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-input::placeholder,
body.dashboard-page .feedback-textarea::placeholder {
    color: #8a9ab3 !important;
}

body.dashboard-page .feedback-input:focus,
body.dashboard-page .feedback-select:focus,
body.dashboard-page .feedback-textarea:focus {
    border-color: rgba(59, 130, 246, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .feedback-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

body.dashboard-page .feedback-submit {
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18) !important;
}

body.dashboard-page .feedback-submit:hover {
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.22) !important;
    filter: brightness(1.02) !important;
}

body.dashboard-page .feedback-alert.success {
    border-color: rgba(45, 212, 191, 0.28) !important;
    background: rgba(236, 253, 245, 0.92) !important;
    color: #0f766e !important;
}

body.dashboard-page .feedback-alert.error {
    border-color: rgba(248, 113, 113, 0.32) !important;
    background: rgba(254, 242, 242, 0.96) !important;
    color: #b91c1c !important;
}

body.dashboard-page .form-group label svg,
body.dashboard-page .run-now-container .form-group label svg {
    color: #3b82f6 !important;
}

body.dashboard-page input,
body.dashboard-page textarea,
body.dashboard-page select {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(191, 219, 254, 0.85) !important;
}

body.dashboard-page input:focus,
body.dashboard-page textarea:focus,
body.dashboard-page select:focus {
    border-color: rgba(59, 130, 246, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .autosolve-section h4 span {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.94)) !important;
    color: #1d4ed8 !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22) !important;
}

body.dashboard-page .connect-container a[href="/tos"],
body.dashboard-page .connect-container a[href="/update"] {
    color: #2563eb !important;
}

body.settings-page .settings-tabs,
body.settings-page .tab-panels {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.settings-page .tabs-nav {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(191, 219, 254, 0.6) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06) !important;
}

body.settings-page .card,
body.settings-page .subscription-unified-card,
body.settings-page .current-plan-section,
body.settings-page .twofa-setup-card,
body.settings-page .referral-card,
body.settings-page .giveaway-bonus-card,
body.settings-page .hrw-card,
body.settings-page .pricing-card {
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.97), rgba(245, 249, 255, 0.95)) !important;
    border-color: rgba(191, 219, 254, 0.62) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06) !important;
}

body.settings-page .current-plan-section {
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.96), rgba(239, 246, 255, 0.94)) !important;
}

body.dashboard-page .create-schedule-section,
body.dashboard-page .upcoming-tasks-section,
body.dashboard-page .schedule-card-details,
body.dashboard-page .schedule-conflict-warning {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 246, 255, 0.94)) !important;
    border: 1px solid rgba(191, 219, 254, 0.62) !important;
    box-shadow: none !important;
}

body.dashboard-page .schedule-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.95)) !important;
    border-color: rgba(191, 219, 254, 0.58) !important;
}

body.dashboard-page .schedule-card.active {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.99), rgba(232, 245, 255, 0.95)) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
}

body.dashboard-page .schedule-card-details {
    border-top-color: rgba(191, 219, 254, 0.58) !important;
}

body.dashboard-page .schedule-card-icon.daily,
body.dashboard-page .schedule-card-icon.weekly,
body.dashboard-page .schedule-card-icon {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(224, 242, 254, 0.86)) !important;
    color: #2563eb !important;
}

body.dashboard-page .schedule-manager .section-header h4,
body.dashboard-page .schedule-manager .section-header h4 svg,
body.dashboard-page .quiz-autosolve-schedule-section .section-header h4,
body.dashboard-page .quiz-autosolve-schedule-section .section-header h4 svg,
body.dashboard-page .create-quiz-schedule-section .section-header h4,
body.dashboard-page .create-quiz-schedule-section .section-header h4 svg {
    color: #1e3a8a !important;
    filter: none !important;
}

body.dashboard-page .tasks-count {
    background: rgba(219, 234, 254, 0.82) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    color: #51637e !important;
}

body.dashboard-page .scheduled-task-item {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(191, 219, 254, 0.6) !important;
}

body.dashboard-page .scheduled-task-item:hover {
    background: rgba(248, 251, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.26) !important;
}

body.dashboard-page .scheduled-task-item.failed {
    background: rgba(255, 248, 247, 0.95) !important;
    border-color: rgba(251, 146, 60, 0.24) !important;
}

body.dashboard-page .scheduled-task-item .task-time {
    color: #0f172a !important;
}

body.dashboard-page .scheduled-task-item .task-details,
body.dashboard-page .no-tasks-msg,
body.dashboard-page .no-tasks-msg small,
body.dashboard-page .scheduled-tasks-title,
body.dashboard-page .schedule-section-header {
    color: #64748b !important;
}

body.dashboard-page .schedule-section-header {
    border-top-color: rgba(191, 219, 254, 0.54) !important;
}

body.dashboard-page .schedule-section-header span {
    color: #1d4ed8 !important;
}

body.dashboard-page .schedule-type-badge.once {
    background: rgba(219, 234, 254, 0.88) !important;
    color: #1d4ed8 !important;
    border-color: rgba(96, 165, 250, 0.22) !important;
}

body.dashboard-page .schedule-type-badge.daily,
body.dashboard-page .schedule-type-badge.running {
    background: rgba(236, 253, 245, 0.94) !important;
    color: #0f766e !important;
    border-color: rgba(45, 212, 191, 0.22) !important;
}

body.dashboard-page .schedule-type-badge.weekly {
    background: rgba(255, 247, 237, 0.95) !important;
    color: #b45309 !important;
    border-color: rgba(251, 191, 36, 0.22) !important;
}

body.dashboard-page .schedule-type-badge.failed {
    background: rgba(255, 247, 237, 0.95) !important;
    color: #c2410c !important;
    border-color: rgba(251, 146, 60, 0.22) !important;
}

body.dashboard-page .btn-create-schedule,
body.dashboard-page .btn-glow,
body.dashboard-page .create-quiz-schedule-section .btn-glow {
    background: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.14) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .btn-create-schedule:hover:not(:disabled),
body.dashboard-page .btn-glow:hover,
body.dashboard-page .create-quiz-schedule-section .btn-glow:hover {
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important;
    border-color: rgba(59, 130, 246, 0.22) !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.18) !important;
}

body.dashboard-page .form-input,
body.dashboard-page .schedule-form .form-input,
body.dashboard-page .create-quiz-schedule-section .form-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
}

body.dashboard-page .form-input:hover,
body.dashboard-page .schedule-form .form-input:hover,
body.dashboard-page .create-quiz-schedule-section .form-input:hover {
    border-color: rgba(96, 165, 250, 0.32) !important;
}

body.dashboard-page .form-input:focus,
body.dashboard-page .schedule-form .form-input:focus,
body.dashboard-page .create-quiz-schedule-section .form-input:focus,
body.dashboard-page .schedule-panel .form-input:focus {
    border-color: rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .duration-selector select {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
    padding-right: 2.45rem !important;
    background-image: none !important;
}

body.dashboard-page .duration-selector::after {
    right: 0.95rem !important;
    border-top-color: #3b82f6 !important;
}

body.dashboard-page .accuracy-range-selector {
    gap: 0.6rem !important;
}

body.dashboard-page .accuracy-range-selector select {
    min-width: 92px !important;
    padding-right: 2.45rem !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.72rem center !important;
    background-size: 14px !important;
}

body.dashboard-page .accuracy-range-selector .range-separator,
body.dashboard-page .accuracy-picker span {
    color: #64748b !important;
}

body.dashboard-page .run-now-container,
body.dashboard-page .create-quiz-schedule-section,
body.dashboard-page .quiz-autosolve-schedule-section .schedule-panel {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 246, 255, 0.95)) !important;
    border-color: rgba(191, 219, 254, 0.64) !important;
}

body.dashboard-page .run-now-container .form-group label,
body.dashboard-page .connect-container .form-group label,
body.dashboard-page .schedule-fields .form-group label {
    color: #51637e !important;
}

body.dashboard-page .run-now-container .form-group label svg,
body.dashboard-page .connect-container .form-group label svg,
body.dashboard-page .schedule-fields .form-group label svg {
    color: #3b82f6 !important;
}

body.dashboard-page .schedule-success {
    color: #0f766e !important;
    background: rgba(236, 253, 245, 0.94) !important;
    border: 1px solid rgba(45, 212, 191, 0.22) !important;
}

body.dashboard-page .schedule-error {
    color: #c2410c !important;
    background: rgba(255, 247, 237, 0.95) !important;
    border: 1px solid rgba(251, 146, 60, 0.24) !important;
}

body.dashboard-page .activity-status-badge,
body.dashboard-page .activity-status-badge.running,
body.dashboard-page .activity-status-badge.stopping,
body.dashboard-page .activity-status-badge.starting {
    background: rgba(239, 246, 255, 0.96) !important;
    color: #1d4ed8 !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
}

body.dashboard-page .activity-status-badge::before,
body.dashboard-page .activity-status-badge.running::before {
    background: #3b82f6 !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-launch-icon {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.94)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

body.dashboard-page .feedback-launch-icon svg {
    color: #2563eb !important;
}

body.dashboard-page .webhook-config-section {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.95)) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page .webhook-config-section::before {
    display: none !important;
}

body.dashboard-page .webhook-title,
body.dashboard-page .webhook-toggle-label,
body.dashboard-page .webhook-input-label,
body.dashboard-page .webhook-options-label {
    color: #0f172a !important;
}

body.dashboard-page .webhook-subtitle {
    color: #51637e !important;
}

body.dashboard-page .webhook-icon-wrap {
    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%) !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .webhook-status-badge {
    background: rgba(255, 255, 255, 0.88) !important;
    color: #51637e !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
}

body.dashboard-page .webhook-status-badge.active {
    background: rgba(236, 253, 245, 0.94) !important;
    color: #0f766e !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
}

body.dashboard-page .webhook-status-badge .status-indicator {
    background: #94a3b8 !important;
    box-shadow: none !important;
}

body.dashboard-page .webhook-status-badge.active .status-indicator {
    background: #10b981 !important;
}

body.dashboard-page .webhook-slider {
    background: rgba(219, 234, 254, 0.96) !important;
    border: 1px solid rgba(147, 197, 253, 0.5) !important;
}

body.dashboard-page .webhook-slider::before {
    background: #ffffff !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14) !important;
}

body.dashboard-page .webhook-switch input:checked + .webhook-slider {
    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%) !important;
    border-color: rgba(59, 130, 246, 0.42) !important;
}

body.dashboard-page .webhook-url-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

body.dashboard-page .webhook-url-input::placeholder {
    color: #7b8ba3 !important;
    opacity: 1 !important;
}

body.dashboard-page .webhook-url-input:focus {
    border-color: rgba(59, 130, 246, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .webhook-configured-badge {
    background: rgba(236, 253, 245, 0.96) !important;
    color: #0f766e !important;
    border: 1px solid rgba(45, 212, 191, 0.24) !important;
}

body.dashboard-page .webhook-option-pill {
    background: rgba(255, 255, 255, 0.88) !important;
    color: #51637e !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    box-shadow: none !important;
}

body.dashboard-page .webhook-option-pill svg {
    color: #60a5fa !important;
}

body.dashboard-page .webhook-option:hover .webhook-option-pill {
    border-color: rgba(96, 165, 250, 0.44) !important;
    color: #1e3a8a !important;
}

body.dashboard-page .webhook-option input:checked + .webhook-option-pill {
    background: rgba(219, 234, 254, 0.94) !important;
    color: #1d4ed8 !important;
    border-color: rgba(96, 165, 250, 0.52) !important;
}

body.dashboard-page .btn-webhook-save {
    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.16) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .btn-webhook-save:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%) !important;
}

body.dashboard-page .btn-webhook-test {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(191, 219, 254, 0.76) !important;
    color: #334155 !important;
    box-shadow: none !important;
}

body.dashboard-page .btn-webhook-test:hover {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
    color: #0f172a !important;
}

body.dashboard-page #tab-blooket .page-title {
    color: #1e3a8a !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.dashboard-page #status-badge-blooket {
    background: rgba(255, 247, 237, 0.96) !important;
    color: #c2410c !important;
    border-color: rgba(251, 146, 60, 0.28) !important;
}

body.dashboard-page #status-badge-blooket .status-dot {
    background: #f59e0b !important;
    box-shadow: none !important;
}

body.dashboard-page #tab-blooket .blooket-solver-card,
body.dashboard-page #tab-wayground .blooket-solver-card,
body.dashboard-page #tab-kahoot .blooket-solver-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page #tab-blooket .blooket-solver-card .feature-icon-wrap {
    background: linear-gradient(135deg, rgba(224, 231, 255, 0.96), rgba(219, 234, 254, 0.9)) !important;
    border: 1px solid rgba(165, 180, 252, 0.42) !important;
}

body.dashboard-page .blooket-input,
body.dashboard-page .filter-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
}

body.dashboard-page .blooket-input::placeholder,
body.dashboard-page .filter-input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

body.dashboard-page .blooket-input:focus,
body.dashboard-page .filter-input:focus {
    border-color: rgba(59, 130, 246, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .blooket-input-wrapper .blooket-input-icon,
body.dashboard-page .filter-input-wrapper svg {
    color: #64748b !important;
}

body.dashboard-page .blooket-fetch-btn {
    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .blooket-fetch-btn:hover:not(:disabled) {
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.18) !important;
}

body.dashboard-page .blooket-input-hint,
body.dashboard-page .hint-item,
body.dashboard-page .hint-divider {
    color: #64748b !important;
    opacity: 1 !important;
}

body.dashboard-page .hint-item strong {
    color: #334155 !important;
}

body.dashboard-page .platform-disclaimer.blooket-disclaimer,
body.dashboard-page .platform-disclaimer.wayground-disclaimer {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 246, 255, 0.94)) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
}

body.dashboard-page .blooket-disclaimer .disclaimer-icon,
body.dashboard-page .wayground-disclaimer .disclaimer-icon {
    color: #3b82f6 !important;
}

body.dashboard-page .blooket-disclaimer .disclaimer-title,
body.dashboard-page .wayground-disclaimer .disclaimer-title {
    color: #1e3a8a !important;
}

body.dashboard-page .disclaimer-text,
body.dashboard-page .disclaimer-list li {
    color: #51637e !important;
}

body.dashboard-page .disclaimer-text strong,
body.dashboard-page .disclaimer-list strong {
    color: #0f172a !important;
}

body.dashboard-page .blooket-disclaimer .disclaimer-list li::before,
body.dashboard-page .wayground-disclaimer .disclaimer-list li::before {
    background: #60a5fa !important;
}

body.dashboard-page .blooket-results {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.94), rgba(241, 246, 255, 0.9)) !important;
    border: 1px solid rgba(191, 219, 254, 0.58) !important;
    border-radius: 18px !important;
    padding: 1.25rem !important;
}

body.dashboard-page .blooket-results-header {
    border-bottom: 1px solid rgba(191, 219, 254, 0.62) !important;
}

body.dashboard-page .results-title {
    color: #0f172a !important;
}

body.dashboard-page .type-badge {
    background: rgba(219, 234, 254, 0.94) !important;
    color: #1d4ed8 !important;
    border: 1px solid rgba(96, 165, 250, 0.32) !important;
}

body.dashboard-page .count-badge {
    background: rgba(236, 253, 245, 0.96) !important;
    color: #0f766e !important;
    border: 1px solid rgba(45, 212, 191, 0.24) !important;
}

body.dashboard-page .cached-badge {
    background: rgba(255, 247, 237, 0.96) !important;
    color: #c2410c !important;
    border: 1px solid rgba(251, 146, 60, 0.24) !important;
}

body.dashboard-page .question-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
}

body.dashboard-page .question-card:hover {
    background: rgba(248, 251, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

body.dashboard-page .question-number {
    background: rgba(219, 234, 254, 0.92) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .question-image {
    background: rgba(239, 246, 255, 0.94) !important;
}

body.dashboard-page .answer-item {
    background: rgba(248, 251, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.58) !important;
    color: #51637e !important;
}

body.dashboard-page .answer-item.correct {
    background: rgba(236, 253, 245, 0.96) !important;
    border-color: rgba(45, 212, 191, 0.24) !important;
    color: #0f766e !important;
}

body.dashboard-page .answer-indicator {
    background: rgba(219, 234, 254, 0.92) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .question-type-badge {
    background: rgba(239, 246, 255, 0.9) !important;
    color: #64748b !important;
}

body.dashboard-page .no-results-message {
    color: #64748b !important;
}

body.dashboard-page .blooket-section-switcher {
    margin-bottom: 1.15rem !important;
}

body.dashboard-page .blooket-section-switcher .blooket-section-btn {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

body.dashboard-page .blooket-section-switcher .blooket-section-btn svg {
    width: 18px !important;
    height: 18px !important;
}

body.dashboard-page .blooket-section-switcher .mode-badge {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #1d4ed8 !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    box-shadow: none !important;
}

body.dashboard-page .blooket-section-switcher .blooket-section-btn:not(.active) .mode-badge {
    background: rgba(219, 234, 254, 0.92) !important;
    color: #1d4ed8 !important;
    border-color: rgba(147, 197, 253, 0.44) !important;
}

body.dashboard-page .blooket-section-switcher .blooket-section-btn.active .mode-badge {
    background: rgba(255, 255, 255, 0.98) !important;
    color: #1d4ed8 !important;
    border-color: rgba(255, 255, 255, 0.82) !important;
}

body.dashboard-page .blooket-sections-grid {
    gap: 1rem !important;
}

body.dashboard-page .blooket-section-panel {
    display: none;
}

body.dashboard-page .blooket-section-panel.active {
    display: block;
}

body.dashboard-page .blooket-section-panel .feature-card {
    margin: 0 !important;
}

body.dashboard-page .blooket-farm-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.97)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.07) !important;
}

body.dashboard-page .blooket-farm-card .feature-description {
    color: #52637f !important;
}

body.dashboard-page .blooket-account-panel {
    margin-top: 1.2rem !important;
    padding: 1rem !important;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.99), rgba(241, 246, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: none !important;
}

body.dashboard-page .blooket-account-bar {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(191, 219, 254, 0.62) !important;
}

body.dashboard-page .blooket-account-copy-text strong {
    color: #0f172a !important;
}

body.dashboard-page .blooket-account-copy-text span {
    color: #52637f !important;
}

body.dashboard-page .blooket-preview-chip {
    background: rgba(255, 245, 230, 0.98) !important;
    border: 1px solid rgba(251, 146, 60, 0.38) !important;
    color: #c2410c !important;
    font-weight: 700 !important;
}

body.dashboard-page .blooket-account-panel .form-field label,
body.dashboard-page .blooket-schedule-section .form-field label {
    color: #52637f !important;
    font-weight: 600 !important;
}

body.dashboard-page .blooket-account-panel .form-input,
body.dashboard-page .blooket-schedule-section .form-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.dashboard-page .blooket-account-panel .form-input::placeholder,
body.dashboard-page .blooket-schedule-section .form-input::placeholder {
    color: #8a9ab3 !important;
}

body.dashboard-page .blooket-account-actions .btn,
body.dashboard-page .blooket-schedule-actions .btn {
    min-height: 2.85rem !important;
    box-shadow: none !important;
}

body.dashboard-page .blooket-account-actions .btn-glow,
body.dashboard-page .blooket-schedule-actions .quiz-run-now-btn {
    background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .blooket-account-actions .btn-glow:hover,
body.dashboard-page .blooket-schedule-actions .quiz-run-now-btn:hover {
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.2) !important;
}

body.dashboard-page .blooket-account-actions .btn-ghost,
body.dashboard-page .blooket-schedule-actions .btn-ghost {
    background: rgba(239, 246, 255, 0.92) !important;
    border: 1px solid rgba(147, 197, 253, 0.48) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .blooket-account-actions .btn-outline,
body.dashboard-page .blooket-schedule-actions .btn-outline {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(251, 146, 60, 0.36) !important;
    color: #ea580c !important;
}

body.dashboard-page .blooket-account-actions .btn-outline:hover,
body.dashboard-page .blooket-schedule-actions .btn-outline:hover {
    background: rgba(255, 247, 237, 0.96) !important;
    border-color: rgba(249, 115, 22, 0.44) !important;
    color: #c2410c !important;
}

body.dashboard-page .blooket-farm-status {
    background: rgba(239, 246, 255, 0.95) !important;
    border: 1px solid rgba(191, 219, 254, 0.64) !important;
    color: #52637f !important;
}

body.dashboard-page .blooket-farm-status.success {
    background: rgba(236, 253, 245, 0.96) !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
    color: #0f766e !important;
}

body.dashboard-page .blooket-farm-status.pending {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .blooket-farm-status.error {
    background: rgba(254, 242, 242, 0.97) !important;
    border-color: rgba(248, 113, 113, 0.32) !important;
    color: #b91c1c !important;
}

body.dashboard-page .blooket-schedule-section .section-header h4 {
    color: #1e3a8a !important;
}

body.dashboard-page .blooket-schedule-section .section-header h4 svg {
    color: #2563eb !important;
    filter: none !important;
}

body.dashboard-page .blooket-schedule-section .account-source-hint {
    color: #64748b !important;
    opacity: 1 !important;
}

body.dashboard-page .blooket-schedule-section .schedule-card-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.dashboard-page .blooket-schedule-section .schedule-card-icon svg {
    width: 20px !important;
    height: 20px !important;
}

body.dashboard-page .blooket-last-run {
    background: rgba(248, 251, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.62) !important;
    color: #52637f !important;
}

body.dashboard-page .blooket-last-run-title {
    color: #0f172a !important;
}

body.dashboard-page .blooket-last-run-meta {
    color: #475569 !important;
    opacity: 1 !important;
}

body.dashboard-page #blooket-weekly-days {
    gap: 0.55rem !important;
}

body.dashboard-page #blooket-weekly-days .day-pill {
    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #334155 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.dashboard-page #blooket-weekly-days .day-pill:hover {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.48) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page #blooket-weekly-days .day-pill.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.95)) !important;
    border-color: rgba(96, 165, 250, 0.56) !important;
    color: #1e3a8a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.dashboard-page .blooket-schedule-card-selected {
    border-color: rgba(59, 130, 246, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08) !important;
}

body.dashboard-page .blooket-shared-run-panel {
    margin: 0.45rem 0 1.35rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    padding: 1.05rem 1.15rem !important;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.99), rgba(241, 246, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 30px rgba(148, 163, 184, 0.08) !important;
}

body.dashboard-page .blooket-shared-run-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.26rem !important;
    max-width: 34rem !important;
}

body.dashboard-page .blooket-shared-run-label {
    color: #64748b !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

body.dashboard-page .blooket-shared-run-copy strong {
    color: #0f172a !important;
    font-size: 1.02rem !important;
}

body.dashboard-page .blooket-shared-run-hint {
    color: #52637f !important;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
}

body.dashboard-page .blooket-shared-run-panel .quiz-run-now-btn {
    width: auto !important;
    min-width: 9.2rem !important;
    padding: 0.7rem 0.95rem !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.14) !important;
    align-self: flex-start !important;
}

@media (max-width: 780px) {
    body.dashboard-page .blooket-shared-run-panel {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.dashboard-page .blooket-shared-run-panel .quiz-run-now-btn {
        width: 100% !important;
        min-width: 0 !important;
        align-self: stretch !important;
    }
}

body.dashboard-page .feature-icon-wrap,
body.dashboard-page .schedule-card-icon,
body.dashboard-page .stat-icon,
body.dashboard-page .feedback-launch-icon {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.94)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .feature-icon-wrap svg,
body.dashboard-page .schedule-card-icon svg,
body.dashboard-page .stat-icon svg,
body.dashboard-page .feedback-launch-icon svg,
body.dashboard-page .webhook-option-pill svg,
body.dashboard-page .webhook-input-label svg,
body.dashboard-page .disclaimer-icon,
body.dashboard-page .blooket-input-wrapper .blooket-input-icon,
body.dashboard-page .filter-input-wrapper svg,
body.dashboard-page .form-group label svg,
body.dashboard-page .run-now-container .form-group label svg,
body.dashboard-page .connect-container .form-group label svg,
body.dashboard-page .schedule-fields .form-group label svg {
    color: #1d4ed8 !important;
}

body.dashboard-page .status-dot,
body.dashboard-page .status-indicator {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14) !important;
}

body.dashboard-page .schedule-type-option {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    box-shadow: none !important;
}

body.dashboard-page .schedule-type-option:hover {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
}

body.dashboard-page .schedule-type-option.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(224, 242, 254, 0.9)) !important;
    border-color: rgba(96, 165, 250, 0.54) !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .schedule-type-option .option-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, 1), rgba(219, 234, 254, 0.96)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #1d4ed8 !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

body.dashboard-page .schedule-type-option .option-title {
    color: #0f172a !important;
}

body.dashboard-page .schedule-type-option .option-desc {
    color: #52637f !important;
}

body.dashboard-page .weekday-btn span,
body.dashboard-page .day-btn {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #51637e !important;
    box-shadow: none !important;
}

body.dashboard-page .weekday-btn:hover span,
body.dashboard-page .day-btn:hover {
    border-color: rgba(96, 165, 250, 0.42) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .weekday-btn input:checked + span,
body.dashboard-page .day-btn.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.94)) !important;
    border-color: rgba(96, 165, 250, 0.56) !important;
    color: #1d4ed8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.dashboard-page .hint-item strong,
body.dashboard-page .option-title,
body.dashboard-page .disclaimer-title,
body.dashboard-page .results-title,
body.dashboard-page .feature-title {
    color: #0f172a !important;
}

.user-profile-container .user-profile {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08) !important;
}

.user-profile-container .user-profile:hover {
    background: rgba(255, 255, 255, 1) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
}

.user-profile-container .user-profile .user-avatar {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(56, 189, 248, 0.2)) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

.user-profile-container .user-profile .user-name {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #1e3a8a !important;
    text-shadow: none !important;
}

.user-profile-container .user-profile .chevron-icon {
    color: #64748b !important;
}

ul#dropdownMenu.dropdown-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    box-shadow: 0 22px 40px rgba(15, 23, 42, 0.12) !important;
}

ul#dropdownMenu.dropdown-menu li + li {
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}

ul#dropdownMenu.dropdown-menu a {
    color: #51637e !important;
    background: transparent !important;
}

ul#dropdownMenu.dropdown-menu a:hover {
    color: #0f172a !important;
    background: rgba(239, 246, 255, 0.92) !important;
}

ul#dropdownMenu.dropdown-menu .dropdown-icon {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.94)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

ul#dropdownMenu.dropdown-menu .dropdown-icon svg {
    color: #2563eb !important;
}

body.settings-page .discount-banner {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.9)) !important;
    border: 1px solid rgba(96, 165, 250, 0.32) !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.1) !important;
}

body.settings-page .discount-text,
body.settings-page .countdown-label {
    color: #52637f !important;
}

body.settings-page .countdown-time-display {
    background: linear-gradient(135deg, #1d4ed8, #38bdf8) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.settings-page .offer-highlight {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(224, 242, 254, 0.92)) !important;
    border: 1px solid rgba(96, 165, 250, 0.32) !important;
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.08) !important;
}

body.settings-page .offer-badge {
    background: linear-gradient(90deg, #1d4ed8, #38bdf8) !important;
}

body.settings-page .offer-duration {
    color: #52637f !important;
}

body.dashboard-page .quiz-solver-feature {
    border-top-color: rgba(191, 219, 254, 0.6) !important;
}

body.dashboard-page .quiz-usage-bar {
    background: linear-gradient(180deg, rgba(240, 253, 250, 0.98), rgba(236, 253, 245, 0.94)) !important;
    border: 1px solid rgba(45, 212, 191, 0.22) !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-usage-bar .usage-label {
    color: #52637f !important;
}

body.dashboard-page .quiz-usage-bar .usage-value {
    color: #10b981 !important;
}

body.dashboard-page .quiz-usage-bar .usage-track {
    background: rgba(148, 163, 184, 0.34) !important;
}

body.dashboard-page .quiz-account-bar {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.94)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-account-bar .account-status-text,
body.dashboard-page .account-source-hint,
body.dashboard-page .assessment-item-info,
body.dashboard-page .quiz-option-hint,
body.dashboard-page .quiz-hint,
body.dashboard-page .manual-toggle-link {
    color: #52637f !important;
    opacity: 1 !important;
}

body.dashboard-page .quiz-account-bar .account-status-text strong {
    color: #0f172a !important;
}

body.dashboard-page .quiz-label {
    color: #0f172a !important;
}

body.dashboard-page .quiz-label svg {
    color: #1d4ed8 !important;
}

body.dashboard-page .assessment-select,
body.dashboard-page .quiz-assessment-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.82) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.dashboard-page .assessment-select:hover:not(:disabled) {
    background: rgba(248, 251, 255, 1) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

body.dashboard-page .assessment-select:focus,
body.dashboard-page .quiz-assessment-input:focus {
    border-color: rgba(59, 130, 246, 0.42) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}

body.dashboard-page .assessment-select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

body.dashboard-page .assessment-refresh-btn {
    background: rgba(239, 246, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    box-shadow: none !important;
}

body.dashboard-page .assessment-refresh-btn:hover {
    background: rgba(219, 234, 254, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

body.dashboard-page .assessment-refresh-btn svg,
body.dashboard-page .manual-toggle-link {
    color: #2563eb !important;
}

body.dashboard-page .mode-pills {
    background: rgba(239, 246, 255, 0.92) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

body.dashboard-page .mode-pill {
    color: #51637e !important;
}

body.dashboard-page .mode-pill:hover {
    background: rgba(255, 255, 255, 0.82) !important;
    color: #0f172a !important;
}

body.dashboard-page .mode-pill.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.96)) !important;
    border: 1px solid rgba(96, 165, 250, 0.36) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.1) !important;
}

body.dashboard-page .quiz-fake-submit-option,
body.dashboard-page .quiz-keybind-option,
body.dashboard-page .quiz-hint {
    background: rgba(248, 251, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    color: #52637f !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-fake-submit-option:hover,
body.dashboard-page .quiz-keybind-option:hover {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
    color: #0f172a !important;
}

body.dashboard-page .quiz-fake-submit-option input[type="checkbox"] {
    background: rgba(219, 234, 254, 0.96) !important;
    border: 1px solid rgba(147, 197, 253, 0.5) !important;
}

body.dashboard-page .quiz-fake-submit-option input[type="checkbox"]::after {
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18) !important;
}

body.dashboard-page .quiz-fake-submit-option input[type="checkbox"]:checked {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
}

body.dashboard-page .quiz-keybind-option svg,
body.dashboard-page .breakdown-note svg {
    color: #1d4ed8 !important;
    opacity: 1 !important;
}

body.dashboard-page .keybind-capture-btn {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #0f172a !important;
}

body.dashboard-page .keybind-capture-btn:hover,
body.dashboard-page .keybind-capture-btn.capturing {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.48) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .keybind-clear-btn {
    color: #94a3b8 !important;
    opacity: 0.7 !important;
}

body.dashboard-page .keybind-clear-btn:hover {
    color: #ef4444 !important;
    background: rgba(254, 242, 242, 0.96) !important;
}

body.dashboard-page .quiz-hint strong {
    color: #1d4ed8 !important;
    background: rgba(219, 234, 254, 0.98) !important;
}

body.dashboard-page .quiz-setting-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page .quiz-setting-header svg {
    color: #1d4ed8 !important;
}

body.dashboard-page .quiz-setting-header .setting-label,
body.dashboard-page .breakdown-value {
    color: #0f172a !important;
}

body.dashboard-page .quiz-setting-header .setting-value-pill,
body.dashboard-page .quiz-setting-item.accuracy-item .setting-value-pill,
body.dashboard-page .quiz-setting-item.timer-item .setting-value-pill {
    background: rgba(219, 234, 254, 0.96) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

body.dashboard-page .breakdown-label,
body.dashboard-page .breakdown-note {
    color: #52637f !important;
}

body.dashboard-page .accuracy-breakdown,
body.dashboard-page .timer-breakdown {
    background: rgba(248, 251, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.58) !important;
}

body.dashboard-page .quiz-setting-slider::-webkit-slider-runnable-track,
body.dashboard-page .quiz-setting-slider.accuracy-slider::-moz-range-track,
body.dashboard-page .quiz-setting-slider.timer-slider::-moz-range-track {
    background: linear-gradient(90deg, rgba(191, 219, 254, 0.92), rgba(219, 234, 254, 0.98)) !important;
    border-radius: 999px !important;
}

body.dashboard-page .quiz-setting-slider::-webkit-slider-thumb,
body.dashboard-page .quiz-setting-slider.accuracy-slider::-webkit-slider-thumb,
body.dashboard-page .quiz-setting-slider.timer-slider::-webkit-slider-thumb,
body.dashboard-page .quiz-setting-slider::-moz-range-thumb,
body.dashboard-page .quiz-setting-slider.accuracy-slider::-moz-range-thumb,
body.dashboard-page .quiz-setting-slider.timer-slider::-moz-range-thumb {
    background: #2563eb !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22) !important;
}

body.dashboard-page .quiz-mode-tip {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 246, 255, 0.94)) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    color: #52637f !important;
}

body.dashboard-page .quiz-mode-tip::before {
    background: linear-gradient(180deg, #60a5fa, #2563eb) !important;
}

body.dashboard-page .quiz-mode-tip svg {
    color: #2563eb !important;
}

body.dashboard-page .tip-title {
    color: #1e3a8a !important;
}

body.dashboard-page .tip-list li {
    color: #52637f !important;
}

body.dashboard-page .tip-list li::marker {
    color: rgba(37, 99, 235, 0.44) !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .section-divider {
    background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.42), rgba(37, 99, 235, 0.5), transparent) !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .section-header h4,
body.dashboard-page .create-quiz-schedule-section .section-header h4 {
    color: #1e3a8a !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .section-header h4 svg,
body.dashboard-page .create-quiz-schedule-section .section-header h4 svg {
    color: #2563eb !important;
    filter: none !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .section-subtitle,
body.dashboard-page .create-quiz-schedule-section .form-hint {
    color: #52637f !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card,
body.dashboard-page .create-quiz-schedule-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06) !important;
}

body.dashboard-page .create-quiz-schedule-section::before,
body.dashboard-page .quiz-autosolve-schedule-section .schedule-card::before {
    background: linear-gradient(90deg, #60a5fa, #2563eb, #38bdf8) !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card:hover {
    border-color: rgba(96, 165, 250, 0.44) !important;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.08) !important;
    transform: translateY(-1px) !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card.active {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(247, 250, 255, 0.96)) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card-icon.daily,
body.dashboard-page .quiz-autosolve-schedule-section .schedule-card-icon.weekly {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.94)) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card-title {
    color: #0f172a !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card-status {
    color: #52637f !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card.active .schedule-card-status {
    color: #1d4ed8 !important;
}

body.dashboard-page .quiz-autosolve-schedule-section .schedule-card-actions {
    background: rgba(248, 251, 255, 0.94) !important;
    border-top: 1px solid rgba(191, 219, 254, 0.6) !important;
}

body.dashboard-page .create-quiz-schedule-section .schedule-type-btn {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #51637e !important;
    box-shadow: none !important;
}

body.dashboard-page .create-quiz-schedule-section .schedule-type-btn:hover {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.42) !important;
    color: #0f172a !important;
}

body.dashboard-page .create-quiz-schedule-section .schedule-type-btn.active {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.96)) !important;
    border-color: rgba(96, 165, 250, 0.46) !important;
    color: #1d4ed8 !important;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.1) !important;
}

body.dashboard-page .create-quiz-schedule-section .schedule-type-btn svg,
body.dashboard-page .create-quiz-schedule-section .day-btn.active,
body.dashboard-page .create-quiz-schedule-section .day-btn:hover {
    color: #1d4ed8 !important;
}

ul#dropdownMenu.dropdown-menu .dropdown-label {
    color: inherit !important;
}

body.settings-page .discount-banner-top {
    color: #0f172a !important;
}

body.settings-page .discount-badge,
body.settings-page .discount-tag,
body.settings-page .popular-badge,
body.settings-page .save-badge {
    background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.16) !important;
}

body.settings-page .discount-badge svg,
body.settings-page .discount-badge span {
    color: #ffffff !important;
}

body.settings-page .pricing-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(191, 219, 254, 0.68) !important;
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06) !important;
}

body.settings-page .pricing-card:hover {
    background: rgba(255, 255, 255, 1) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 22px 40px rgba(37, 99, 235, 0.09) !important;
}

body.settings-page .pricing-card::before,
body.settings-page .pricing-card-highlighted::before {
    background: linear-gradient(135deg, #60a5fa, #2563eb, #38bdf8) !important;
}

body.settings-page .pricing-card-highlighted {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(224, 242, 254, 0.94)) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
}

body.settings-page .pricing-card-highlighted:hover {
    background: linear-gradient(180deg, rgba(239, 246, 255, 1), rgba(219, 234, 254, 0.96)) !important;
    border-color: rgba(59, 130, 246, 0.42) !important;
}

body.settings-page .price-crossed,
body.settings-page .discount-text,
body.settings-page .offer-duration {
    color: #52637f !important;
}

body.settings-page input:checked + .slider {
    background-color: rgba(37, 99, 235, 0.16) !important;
}

body.settings-page .slider:before {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
}

body.settings-page .feature-highlight,
body.settings-page .offer-percent {
    background: linear-gradient(90deg, #1d4ed8, #38bdf8) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

body.dashboard-page .quiz-solver-section,
body.dashboard-page .assessment-selector-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05) !important;
}

body.dashboard-page .quiz-usage-bar .usage-fill {
    background: linear-gradient(90deg, #38bdf8, #34d399) !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon {
    background: rgba(239, 246, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon svg {
    color: currentColor !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon.connected {
    background: rgba(236, 253, 245, 0.98) !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
    color: #10b981 !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon.disconnected {
    background: rgba(254, 242, 242, 0.98) !important;
    border-color: rgba(248, 113, 113, 0.28) !important;
    color: #ef4444 !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon.warning {
    background: rgba(255, 251, 235, 0.98) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #d97706 !important;
}

body.dashboard-page .quiz-account-bar .account-status-icon.loading {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: #2563eb !important;
}

body.dashboard-page .quiz-disclaimer {
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.94)) !important;
    border: 1px solid rgba(245, 158, 11, 0.24) !important;
    color: #92400e !important;
    box-shadow: none !important;
}

body.dashboard-page .quiz-disclaimer::before {
    background: linear-gradient(180deg, #f59e0b, #fbbf24) !important;
}

body.dashboard-page .quiz-disclaimer svg {
    color: #f59e0b !important;
    filter: none !important;
}

body.dashboard-page .countdown-display {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .countdown-status {
    background: rgba(239, 246, 255, 0.96) !important;
    color: #52637f !important;
}

body.dashboard-page .countdown-submit-now-btn {
    background: rgba(239, 246, 255, 0.98) !important;
    border: 1px solid rgba(147, 197, 253, 0.46) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

body.dashboard-page .countdown-submit-now-btn:hover {
    background: rgba(219, 234, 254, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.48) !important;
    color: #1e3a8a !important;
}

body.dashboard-page .create-quiz-schedule-section .schedule-panel,
body.dashboard-page .create-quiz-schedule-section .schedule-fields {
    background: transparent !important;
}

body.dashboard-page .create-quiz-schedule-section .form-label {
    color: #52637f !important;
}

body.dashboard-page .create-quiz-schedule-section .auto-detected-badge {
    background: rgba(219, 234, 254, 0.96) !important;
    border: 1px solid rgba(147, 197, 253, 0.46) !important;
    color: #1d4ed8 !important;
}

body.dashboard-page .quiz-save-btn,
body.dashboard-page .quiz-run-now-btn {
    background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important;
}

body.dashboard-page .quiz-save-btn:hover,
body.dashboard-page .quiz-run-now-btn:hover {
    box-shadow: 0 18px 32px rgba(37, 99, 235, 0.2) !important;
    transform: translateY(-1px) !important;
}

body.dashboard-page .quiz-run-now-btn::before {
    opacity: 0 !important;
}

body.dashboard-page .quiz-save-btn svg,
body.dashboard-page .quiz-run-now-btn svg,
body.dashboard-page .quiz-save-btn span,
body.dashboard-page .quiz-run-now-btn span {
    color: #ffffff !important;
}

/* Dashboard Kahoot bot card light-surface cleanup */
body.dashboard-page .kahoot-bot-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.96)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    box-shadow: 0 20px 38px rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .kahoot-bot-card::before {
    background: radial-gradient(circle, rgba(96, 165, 250, 0.18), transparent 68%) !important;
    opacity: 0.9;
}

body.dashboard-page .kahoot-bot-card .feature-description {
    color: #52637f !important;
}

body.dashboard-page .kahoot-bot-hero-note {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    color: #35527a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.dashboard-page .kahoot-bot-connect-grid .kahoot-probe-option {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 245, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

body.dashboard-page .kahoot-probe-label {
    color: #52637f !important;
    font-weight: 600 !important;
}

body.dashboard-page .kahoot-bot-connect-grid .blooket-input,
body.dashboard-page .kahoot-bot-settings .blooket-input {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(147, 197, 253, 0.42) !important;
    box-shadow: none !important;
}

body.dashboard-page .kahoot-bot-connect-grid .blooket-input::placeholder,
body.dashboard-page .kahoot-bot-settings .blooket-input::placeholder {
    color: #94a3b8 !important;
}

body.dashboard-page .kahoot-bot-active-shell {
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.95)) !important;
    border: 1px solid rgba(191, 219, 254, 0.88) !important;
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.08) !important;
}

body.dashboard-page .kahoot-bot-settings {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(191, 219, 254, 0.76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.dashboard-page .kahoot-bot-settings .setting-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

body.dashboard-page .kahoot-bot-settings .setting-label,
body.dashboard-page .kahoot-bot-status-row strong {
    color: #0f172a !important;
}

body.dashboard-page .kahoot-bot-settings .setting-desc,
body.dashboard-page .kahoot-bot-substatus,
body.dashboard-page .kahoot-bot-status-row {
    color: #52637f !important;
}

body.dashboard-page .kahoot-bot-settings #kahoot-bot-delay-config {
    border-top-color: rgba(191, 219, 254, 0.82) !important;
}

body.dashboard-page .kahoot-bot-live-pill {
    background: rgba(236, 253, 245, 0.98) !important;
    border-color: rgba(52, 211, 153, 0.36) !important;
    color: #047857 !important;
}

body.dashboard-page .kahoot-bot-live-pill::before {
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12) !important;
}

body.dashboard-page .kahoot-bot-false-label {
    color: #1d4ed8 !important;
}

body.dashboard-page .kahoot-bot-status-row {
    background: rgba(239, 246, 255, 0.9) !important;
    border: 1px solid rgba(191, 219, 254, 0.62) !important;
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
}

body.dashboard-page .kahoot-bot-card .switch .slider {
    background: rgba(219, 234, 254, 0.9) !important;
    border: 1px solid rgba(147, 197, 253, 0.46) !important;
}

body.dashboard-page .kahoot-bot-card .switch .slider:before {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22) !important;
}

body.dashboard-page .kahoot-bot-card .switch input:checked + .slider {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(56, 189, 248, 0.22)) !important;
    border-color: rgba(59, 130, 246, 0.34) !important;
}

@media (max-width: 640px) {
    body.dashboard-page .kahoot-bot-settings .setting-item {
        flex-direction: column;
    }

    body.dashboard-page .kahoot-bot-card .switch {
        align-self: flex-start;
    }
}

/* Docs light cleanup */
.docs-hero-badge {
    background: rgba(219, 234, 254, 0.86) !important;
    border-color: rgba(96, 165, 250, 0.24) !important;
    color: #1d4ed8 !important;
}

.docs-hero h1 .gradient-text {
    background: linear-gradient(135deg, #2563eb, #0f172a 58%, #38bdf8) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.docs-search-hero {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(191, 219, 254, 0.74) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06) !important;
}

.docs-search-hero:hover {
    background: rgba(248, 251, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
    box-shadow: 0 20px 38px rgba(37, 99, 235, 0.12) !important;
}

.docs-search-hero-kbd,
.docs-popular-links span,
.docs-recent-path,
.docs-recent-date {
    color: #64748b !important;
}

.docs-search-hero-kbd kbd {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(191, 219, 254, 0.72) !important;
    color: #52637f !important;
}

.docs-popular-links a {
    background: rgba(239, 246, 255, 0.88) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    color: #52637f !important;
}

.docs-popular-links a:hover,
.docs-category-links a:hover,
.docs-nav-link:hover,
.docs-nav-group-header > a:hover,
.docs-back-link:hover,
.docs-page-nav-prev:hover,
.docs-page-nav-next:hover,
.docs-featured-card:hover,
.doc-feature-card:hover,
.search-result:hover {
    background: rgba(239, 246, 255, 0.94) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.08) !important;
    color: #0f172a !important;
}

.docs-quickstart-card:hover,
.docs-category-card:hover,
.docs-recent-item:hover {
    background: rgba(248, 251, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.08) !important;
}

.docs-recent-item:hover .docs-recent-title,
.docs-recent-item:hover .docs-category-info h3 a,
.search-result:hover .search-result-title {
    color: #0f172a !important;
}

.docs-recent-item:hover .docs-recent-path,
.docs-recent-item:hover .docs-recent-date,
.search-result:hover .search-result-excerpt {
    color: #52637f !important;
}

.docs-quickstart-icon,
.docs-category-icon,
.docs-recent-icon,
.doc-feature-icon {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.94)) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

.docs-quickstart-icon .icon,
.docs-category-icon .icon,
.docs-recent-icon .icon {
    stroke: #2563eb !important;
}

.docs-help-card,
.doc-cta {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.94), rgba(248, 251, 255, 0.98)) !important;
    border-color: rgba(191, 219, 254, 0.72) !important;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.08) !important;
}

.docs-help-card:hover {
    border-color: rgba(96, 165, 250, 0.38) !important;
    box-shadow: 0 22px 40px rgba(37, 99, 235, 0.12) !important;
}

.docs-help-icon {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.94)) !important;
}

.docs-help-icon .icon {
    stroke: #2563eb !important;
}

/* Settings referrals cleanup */
body.settings-page .how-referrals-title {
    gap: 0 !important;
}

body.settings-page .how-referrals-title .hrw-icon,
body.settings-page .hrw-card-icon {
    display: none !important;
}

body.settings-page .hrw-card {
    padding-top: 1.35rem !important;
}

body.settings-page .hrw-number {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.14) !important;
}

body.settings-page .referral-progress-container {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.96), rgba(248, 251, 255, 0.98)) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    box-shadow: none !important;
}

body.settings-page .progress-label {
    color: #0f172a !important;
}

body.settings-page .progress-count {
    color: #2563eb !important;
}

body.settings-page .progress-bar-outer {
    background: rgba(191, 219, 254, 0.46) !important;
}

body.settings-page .progress-bar-inner {
    background: linear-gradient(90deg, #2563eb 0%, #38bdf8 55%, #7dd3fc 100%) !important;
}

body.settings-page .progress-bar-inner::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent) !important;
}

body.settings-page .milestone {
    color: #8a99b2 !important;
}

body.settings-page .milestone::before {
    background: rgba(147, 197, 253, 0.34) !important;
}

body.settings-page .milestone.reached {
    color: #2563eb !important;
}

body.settings-page .milestone.reached::before {
    background: #2563eb !important;
    box-shadow: 0 0 8px rgba(37, 99, 235, 0.2) !important;
}

body.settings-page .milestone.current {
    color: #0f172a !important;
}

body.settings-page .milestone.current::before {
    background: #38bdf8 !important;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.24) !important;
}

body.settings-page .next-milestone {
    background: rgba(239, 246, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    color: #52637f !important;
}

body.settings-page .giveaway-bonus-card {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(248, 251, 255, 0.98)) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    box-shadow: none !important;
}

body.settings-page .giveaway-bonus-card h3 {
    color: #0f172a !important;
}

body.settings-page .giveaway-bonus-card p {
    color: #52637f !important;
}

body.settings-page .referral-stats > div {
    background: rgba(248, 250, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
    box-shadow: none !important;
}

body.settings-page .referral-stats > div:nth-child(1) {
    background: rgba(239, 246, 255, 0.96) !important;
}

body.settings-page .referral-stats > div:nth-child(2) {
    background: rgba(236, 253, 245, 0.96) !important;
}

body.settings-page .referral-stats > div:nth-child(3) {
    background: rgba(240, 249, 255, 0.96) !important;
}

body.settings-page #total-referrals-count {
    color: #2563eb !important;
}

body.settings-page #paid-referrals-count {
    color: #16a34a !important;
}

body.settings-page #free-referrals-count {
    color: #0ea5e9 !important;
}

body.settings-page .referral-stats > div > div:last-child {
    color: #6b7b95 !important;
}

/* Giveaway page cleanup */
body.giveaway-page .page-title {
    background: linear-gradient(135deg, #1d4ed8, #0f172a 58%, #38bdf8) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.giveaway-page .page-subtitle,
body.giveaway-page .stat-label,
body.giveaway-page .timer-unit,
body.giveaway-page .cta-description,
body.giveaway-page .referral-info,
body.giveaway-page .referral-hint,
body.giveaway-page .hiw-card-desc,
body.giveaway-page .empty-state p {
    color: #52637f !important;
}

body.giveaway-page .info-badge {
    background: rgba(255, 251, 235, 0.96) !important;
    border-color: rgba(245, 158, 11, 0.26) !important;
    color: #b45309 !important;
}

body.giveaway-page .stat-card,
body.giveaway-page .timer-card,
body.giveaway-page .prizes-card,
body.giveaway-page .cta-section,
body.giveaway-page .how-it-works-section,
body.giveaway-page .winners-card,
body.giveaway-page .referral-cta,
body.giveaway-page .auto-extend-banner {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06) !important;
}

body.giveaway-page .stat-card:hover,
body.giveaway-page .hiw-card:hover,
body.giveaway-page .prize-item:hover {
    border-color: rgba(96, 165, 250, 0.34) !important;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.08) !important;
}

body.giveaway-page .stat-divider {
    background: rgba(191, 219, 254, 0.72) !important;
}

body.giveaway-page .stat-value {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #2563eb !important;
    text-shadow: none !important;
}

body.giveaway-page .timer-card {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.94), rgba(248, 251, 255, 0.98)) !important;
}

body.giveaway-page .timer-label,
body.giveaway-page .section-title,
body.giveaway-page .cta-title,
body.giveaway-page .hiw-card-title {
    color: #0f172a !important;
}

body.giveaway-page .timer-number {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(96, 165, 250, 0.28) !important;
    color: #2563eb !important;
    box-shadow: none !important;
}

body.giveaway-page .prize-item,
body.giveaway-page .hiw-card {
    background: rgba(248, 250, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.66) !important;
}

body.giveaway-page .prize-tier-badge {
    background: rgba(255, 251, 235, 0.96) !important;
    border-color: rgba(245, 158, 11, 0.26) !important;
    color: #b45309 !important;
}

body.giveaway-page .prize-icon,
body.giveaway-page .hiw-number {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.94)) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

body.giveaway-page .btn-secondary {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.7) !important;
    color: #1d4ed8 !important;
}

body.giveaway-page .btn-secondary:hover {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
    color: #0f172a !important;
}

body.giveaway-page .referral-hint strong {
    color: #1d4ed8 !important;
}

/* Settings refinement pass */
body.settings-page .referral-tiers {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

body.settings-page .tiers-list {
    gap: 0.75rem !important;
}

body.settings-page .tier-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 255, 0.95)) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    border-radius: 16px !important;
    padding: 0.95rem 1rem !important;
    box-shadow: none !important;
}

body.settings-page .tier-item.claimed {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(240, 253, 244, 0.94)) !important;
    border-color: rgba(110, 231, 183, 0.44) !important;
}

body.settings-page .tier-item.next {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(224, 242, 254, 0.94)) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
}

body.settings-page .tier-icon.claimed {
    background: linear-gradient(135deg, #10b981, #34d399) !important;
    box-shadow: 0 8px 16px rgba(16, 185, 129, 0.16) !important;
}

body.settings-page .tier-icon.next {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.14) !important;
}

body.settings-page .tier-icon.locked {
    background: rgba(239, 246, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    color: #8a99b2 !important;
}

body.settings-page .tier-requirement {
    color: #64748b !important;
}

body.settings-page .tier-reward {
    color: #0f172a !important;
}

body.settings-page .next-milestone {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.72) !important;
    border-radius: 14px !important;
    color: #52637f !important;
}

body.settings-page .current-plan-section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 0.8rem !important;
}

body.settings-page .subscription-divider {
    background: linear-gradient(90deg, transparent, rgba(191, 219, 254, 0.78), transparent) !important;
    margin: 1.75rem 0 !important;
}

body.settings-page .subscription-unified-card {
    gap: 0 !important;
}

body.settings-page .current-plan-section .section-description {
    margin: 0.1rem 0 0 !important;
    padding: 0 0.1rem !important;
    color: #5f6f89 !important;
}

body.settings-page #manage-subscription-button-container {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.94), rgba(248, 251, 255, 0.98)) !important;
    border: 1px dashed rgba(96, 165, 250, 0.34) !important;
    box-shadow: none !important;
}

body.settings-page #open-portal-btn {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
}

body.settings-page #open-portal-btn:hover {
    background: rgba(239, 246, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
    color: #0f172a !important;
}

body.settings-page .giveaway-bonus-card .btn.btn-primary {
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.14) !important;
}

body.settings-page .referral-stats > div > div:last-child,
body.settings-page .giveaway-bonus-card p,
body.settings-page .next-milestone,
body.settings-page .support-info p {
    color: #64748b !important;
}

/* Support refinement pass */
body.support-page .page-title {
    color: #1e3a8a !important;
}

body.support-page .page-subtitle {
    color: #52637f !important;
}

body.support-page .support-container,
body.support-page .tickets-panel,
body.support-page .conversation-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.support-page .support-cta-strip {
    background: linear-gradient(135deg, rgba(191, 219, 254, 0.95), rgba(224, 242, 254, 0.92)) !important;
    border: 1px solid rgba(147, 197, 253, 0.68) !important;
    box-shadow: 0 18px 40px rgba(59, 130, 246, 0.14) !important;
}

body.support-page .support-cta-copy strong {
    color: #1e3a8a !important;
}

body.support-page .support-cta-copy span {
    color: #475569 !important;
}

body.support-page .support-cta-actions .btn-primary {
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2) !important;
}

body.support-page .tickets-panel .card,
body.support-page .conversation-panel .card,
body.support-page .support-container .chat-container,
body.support-page .modal {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border: 1px solid rgba(191, 219, 254, 0.7) !important;
    box-shadow: 0 20px 38px rgba(15, 23, 42, 0.08) !important;
}

body.support-page .ticket-header,
body.support-page .support-container .chat-header,
body.support-page .chat-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    border-bottom: 1px solid rgba(191, 219, 254, 0.72) !important;
    box-shadow: none !important;
}

body.support-page .tickets-panel .card .ticket-actions,
body.support-page .tickets-panel .card .search-box,
body.support-page .tickets-panel .card .filter-tabs {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)) !important;
    box-shadow: none !important;
}

body.support-page .ticket-header h2,
body.support-page #chatTitle,
body.support-page .empty-state h3 {
    color: #0f172a !important;
}

body.support-page .search-box input#ticketSearch,
body.support-page .support-container .chat-input,
body.support-page .modal input,
body.support-page .modal textarea,
body.support-page .modal select {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.support-page .search-box input#ticketSearch::placeholder,
body.support-page .support-container .chat-input::placeholder,
body.support-page .modal input::placeholder,
body.support-page .modal textarea::placeholder {
    color: #94a3b8 !important;
}

body.support-page .search-box input#ticketSearch:focus,
body.support-page .support-container .chat-input:focus,
body.support-page .modal input:focus,
body.support-page .modal textarea:focus,
body.support-page .modal select:focus {
    border-color: rgba(59, 130, 246, 0.46) !important;
    box-shadow: 0 0 0 3px rgba(191, 219, 254, 0.78) !important;
    background: rgba(255, 255, 255, 1) !important;
}

body.support-page .filter-tab {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    color: #64748b !important;
    box-shadow: none !important;
}

body.support-page .filter-tab:hover {
    background: rgba(239, 246, 255, 0.96) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
    color: #0f172a !important;
}

body.support-page .filter-tab.active {
    background: linear-gradient(90deg, #2563eb, #38bdf8) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18) !important;
}

body.support-page .filter-tabs {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.support-page .ticket-count {
    background: rgba(219, 234, 254, 0.92) !important;
    border: 1px solid rgba(147, 197, 253, 0.52) !important;
    color: #1e3a8a !important;
    box-shadow: none !important;
}

body.support-page .ticket-list::-webkit-scrollbar-thumb,
body.support-page .support-container .chat-messages::-webkit-scrollbar-thumb,
body.support-page .chat-messages::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #93c5fd, #3b82f6) !important;
}

body.support-page .ticket-list::-webkit-scrollbar-thumb:hover,
body.support-page .support-container .chat-messages::-webkit-scrollbar-thumb:hover,
body.support-page .chat-messages::-webkit-scrollbar-thumb:hover {
    background: #2563eb !important;
}

body.support-page .ticket-item {
    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    box-shadow: none !important;
}

body.support-page .ticket-item:hover {
    background: rgba(248, 251, 255, 0.98) !important;
    border-color: rgba(96, 165, 250, 0.36) !important;
}

body.support-page .ticket-item.active {
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(224, 242, 254, 0.94)) !important;
    border-color: rgba(96, 165, 250, 0.38) !important;
    border-left: 3px solid #2563eb !important;
}

body.support-page .ticket-item .ticket-subject,
body.support-page .ticket-item.active .ticket-subject,
body.support-page .chat-messages .message-sender,
body.support-page .support-container #chatStatus.status-badge {
    color: #0f172a !important;
}

body.support-page .ticket-item .ticket-meta > span {
    background: rgba(239, 246, 255, 0.96) !important;
    color: #64748b !important;
}

body.support-page .ticket-item.active .ticket-meta > span {
    background: rgba(219, 234, 254, 0.92) !important;
    color: #52637f !important;
}

body.support-page .support-container .chat-messages .message-avatar {
    background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.16) !important;
}

body.support-page .support-container .chat-messages .message.staff .message-avatar {
    background: linear-gradient(135deg, #10b981, #34d399) !important;
    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.14) !important;
}

body.support-page .support-container .chat-messages .message-text {
    background: rgba(248, 251, 255, 0.98) !important;
    border: 1px solid rgba(191, 219, 254, 0.68) !important;
    color: #0f172a !important;
}

body.support-page .support-container .chat-messages .message.staff .message-text {
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(240, 253, 244, 0.94)) !important;
    border-color: rgba(134, 239, 172, 0.42) !important;
    color: #14532d !important;
}

body.support-page .support-container .chat-messages .message-time,
body.support-page .empty-state p,
body.support-page .support-container .closed-notice,
body.support-page #messageCharCount,
body.support-page .search-icon {
    color: #64748b !important;
}

body.support-page .support-container .closed-notice,
body.support-page #imagePreview {
    background: rgba(239, 246, 255, 0.94) !important;
    border: 1px solid rgba(191, 219, 254, 0.7) !important;
}

body.support-page .support-container .chat-input-container {
    background: rgba(248, 251, 255, 0.96) !important;
    border-top: 1px solid rgba(191, 219, 254, 0.68) !important;
}

body.support-page .modal-close-btn {
    background: rgba(239, 246, 255, 0.94) !important;
    border: 1px solid rgba(191, 219, 254, 0.74) !important;
    color: #51637e !important;
}

body.support-page .modal-close-btn:hover {
    background: rgba(219, 234, 254, 0.96) !important;
    color: #0f172a !important;
}