/*
 * テーマ切り替えシステム
 * body[data-theme="xxx"] でテーマを切り替える
 * デフォルト（属性なし）= 既存のサイバーダークテーマ
 */

/* === テーマ切り替えUI === */
.theme-section { padding: 12px 0 8px; }
.theme-section-label {
    font-size: 0.72rem; color: rgba(255,255,255,0.4);
    letter-spacing: 0.1em; margin-bottom: 10px; font-weight: 500;
}
.theme-picker { display: flex; gap: 12px; align-items: center; }
.theme-dot {
    width: 34px; height: 34px; border-radius: 50%;
    border: 2.5px solid rgba(255,255,255,0.15);
    cursor: pointer; transition: all 0.25s ease; position: relative;
}
.theme-dot:hover { transform: scale(1.2); }
.theme-dot.active {
    border-color: #fff; box-shadow: 0 0 14px rgba(255,255,255,0.5);
    transform: scale(1.1);
}
.theme-dot.active::after {
    content: '✓'; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; font-size: 0.75rem; font-weight: 900;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}
/* ドットの外観 */
.theme-dot[data-theme="default"] { background: linear-gradient(135deg, #1a1a2e, #0f3460); }
.theme-dot[data-theme="dark"]    { background: #0a0a10; border-color: rgba(255,255,255,0.3); }
.theme-dot[data-theme="light"]   { background: linear-gradient(135deg, #fff, #e0e7ff); border-color: rgba(0,0,0,0.2); }
.theme-dot[data-theme="purple"]  { background: linear-gradient(135deg, #2e003e, #5b0078); }
.theme-dot[data-theme="light"].active { border-color: #333; box-shadow: 0 0 12px rgba(0,0,0,0.3); }
.theme-dot[data-theme="light"].active::after { color: #333; text-shadow: none; }



/* =====================================================
   🌑 ダークテーマ（目に優しいダークグレー）
   ===================================================== */
body[data-theme="dark"] {
    background: #111118 !important;
    background-image: none !important;
    background-size: auto !important;
    animation: none !important;
}
body[data-theme="dark"] .glass-header {
    background: rgba(17, 17, 24, 0.95) !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
body[data-theme="dark"] .side-drawer {
    background: rgba(17, 17, 24, 0.98) !important;
}
body[data-theme="dark"] .top-bottom-nav {
    background: rgba(17, 17, 24, 0.95) !important;
}
body[data-theme="dark"] .premium-card {
    background: rgba(22, 22, 30, 0.9) !important;
    border-color: rgba(255,255,255,0.06) !important;
    border-top-color: rgba(0, 229, 255, 0.15) !important;
    box-shadow: none !important;
}
body[data-theme="dark"] .premium-card::before { display: none !important; }
body[data-theme="dark"] .glass-card {
    background: rgba(17, 17, 24, 0.5) !important;
}
body[data-theme="dark"] .store-card {
    background: rgba(22, 22, 30, 0.9) !important;
    border-color: rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
}
body[data-theme="dark"] .store-card:hover {
    background: rgba(30, 30, 38, 0.9) !important;
    border-color: rgba(255,255,255,0.1) !important;
}
body[data-theme="dark"] .status-message-box {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.06) !important;
}
body[data-theme="dark"] .demographics-badge {
    background: rgba(0,0,0,0.4) !important;
}
body[data-theme="dark"] .login-modal-card {
    background: rgba(22, 22, 30, 0.95) !important;
}
body[data-theme="dark"] .area-tab {
    background: rgba(22, 22, 30, 0.8) !important;
    border-color: rgba(255,255,255,0.08) !important;
}



/* =====================================================
   🔵 ブルーテーマ（鮮やかな青系）
   ===================================================== */
body[data-theme="blue"] {
    background: linear-gradient(180deg, #0a1628 0%, #0d3b66 40%, #1565c0 100%) !important;
    background-size: auto !important;
    animation: none !important;
}
body[data-theme="blue"] .glass-header {
    background: rgba(10, 22, 40, 0.88) !important;
    border-bottom-color: rgba(66, 165, 245, 0.25) !important;
}
body[data-theme="blue"] .side-drawer {
    background: rgba(10, 22, 40, 0.97) !important;
}
body[data-theme="blue"] .top-bottom-nav {
    background: rgba(10, 22, 40, 0.92) !important;
    border-top-color: rgba(66, 165, 245, 0.2) !important;
}
body[data-theme="blue"] .top-bottom-nav .nav-item.active {
    color: #42a5f5 !important;
}
body[data-theme="blue"] .top-bottom-nav .nav-item.active .nav-icon svg {
    filter: drop-shadow(0 2px 8px rgba(66, 165, 245, 0.5)) !important;
}
body[data-theme="blue"] .premium-card {
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.8), rgba(21, 101, 192, 0.25)) !important;
    border-color: rgba(66, 165, 245, 0.2) !important;
    border-top-color: rgba(66, 165, 245, 0.5) !important;
    border-bottom-color: rgba(30, 136, 229, 0.3) !important;
}
body[data-theme="blue"] .glass-card {
    background: rgba(10, 22, 40, 0.3) !important;
}
body[data-theme="blue"] .glass-card:not(:last-of-type)::after {
    background: linear-gradient(90deg, transparent, rgba(66, 165, 245, 0.3), transparent) !important;
}
body[data-theme="blue"] .store-card {
    background: rgba(10, 22, 40, 0.6) !important;
    border-color: rgba(66, 165, 245, 0.12) !important;
}
body[data-theme="blue"] .store-card:hover {
    background: rgba(10, 30, 55, 0.7) !important;
    border-color: rgba(66, 165, 245, 0.3) !important;
}
body[data-theme="blue"] .demographics-badge {
    background: rgba(10, 22, 40, 0.5) !important;
}
body[data-theme="blue"] .premium-btn {
    background: rgba(10, 22, 40, 0.6) !important;
    border-color: rgba(66, 165, 245, 0.35) !important;
    color: #42a5f5 !important;
}
body[data-theme="blue"] .area-tab.active {
    background: linear-gradient(135deg, #1565c0, #42a5f5) !important;
    box-shadow: 0 0 20px rgba(66, 165, 245, 0.4) !important;
}
body[data-theme="blue"] .sub-title,
body[data-theme="blue"] .neon-text-blue {
    color: #42a5f5 !important;
    text-shadow: 0 0 10px rgba(66, 165, 245, 0.4) !important;
}
body[data-theme="blue"] .refresh-btn {
    border-color: rgba(66, 165, 245, 0.3) !important;
    color: #42a5f5 !important;
}
body[data-theme="blue"] .big-number {
    text-shadow: 0 0 25px rgba(66, 165, 245, 0.5), 0 0 50px rgba(30, 136, 229, 0.2) !important;
}
body[data-theme="blue"] .login-modal-card {
    background: rgba(10, 22, 40, 0.92) !important;
}
body[data-theme="blue"] .status-message-box {
    background: rgba(10, 22, 40, 0.4) !important;
    border-color: rgba(66, 165, 245, 0.1) !important;
}



/* =====================================================
   ☀️ ライトテーマ
   ===================================================== */
body[data-theme="light"] {
    background: #f0f2f8 !important;
    background-image: none !important;
    background-size: auto !important;
    animation: none !important;
    color: #1e293b !important;
}
/* 全要素のテキスト色と影を一括リセット */
body[data-theme="light"] * {
    text-shadow: none !important;
}
body[data-theme="light"] .app-layout *,
body[data-theme="light"] .container *,
body[data-theme="light"] #page-top *,
body[data-theme="light"] [id^="page-"] * {
    color: #334155 !important;
}
body[data-theme="light"] h1, body[data-theme="light"] h2,
body[data-theme="light"] h3, body[data-theme="light"] h4,
body[data-theme="light"] strong, body[data-theme="light"] b {
    color: #1e293b !important;
}
body[data-theme="light"] a {
    color: #4f46e5 !important;
}
/* アクティブ状態は白文字を維持 */
body[data-theme="light"] .area-tab.active,
body[data-theme="light"] .area-tab.active * {
    color: #fff !important;
}
body[data-theme="light"] .top-bottom-nav .nav-item.active,
body[data-theme="light"] .top-bottom-nav .nav-item.active * {
    color: #4f46e5 !important;
}

/* ヘッダー */
body[data-theme="light"] .glass-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body[data-theme="light"] .header-logo { color: #1e293b !important; }
body[data-theme="light"] .menu-btn { color: #1e293b !important; }
body[data-theme="light"] .notification-bell svg { fill: #1e293b !important; }

/* サイドドロワー */
body[data-theme="light"] .side-drawer {
    background: #fff !important; color: #1e293b !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body[data-theme="light"] .side-drawer .drawer-header { color: #1e293b !important; }
body[data-theme="light"] .side-drawer .drawer-header button { color: #1e293b !important; }
body[data-theme="light"] .side-drawer .drawer-menu li { color: #1e293b !important; }
body[data-theme="light"] .side-drawer .drawer-menu li:hover { background: rgba(0,0,0,0.04) !important; }
body[data-theme="light"] .side-drawer .drawer-divider { border-color: rgba(0,0,0,0.08) !important; }
body[data-theme="light"] .side-drawer .drawer-section-title { color: #6366f1 !important; }
body[data-theme="light"] .side-drawer .admin-menu-section li { color: #1e293b !important; }
body[data-theme="light"] .theme-section-label { color: rgba(0,0,0,0.4) !important; }
body[data-theme="light"] .theme-name { color: rgba(0,0,0,0.5) !important; }
body[data-theme="light"] .theme-dot { border-color: rgba(0,0,0,0.12) !important; }
body[data-theme="light"] .theme-dot.active { border-color: #333 !important; box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; }

/* ボトムナビ */
body[data-theme="light"] .top-bottom-nav {
    background: rgba(255, 255, 255, 0.97) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body[data-theme="light"] .top-bottom-nav .nav-item { color: #94a3b8 !important; }
body[data-theme="light"] .top-bottom-nav .nav-item.active { color: #4f46e5 !important; }
body[data-theme="light"] .top-bottom-nav .nav-item.active .nav-icon svg {
    filter: drop-shadow(0 2px 6px rgba(79, 70, 229, 0.3)) !important;
}
body[data-theme="light"] .top-bottom-nav .nav-label { color: inherit !important; }

/* 全要素のblur除去 */
body[data-theme="light"] .premium-card,
body[data-theme="light"] .glass-card,
body[data-theme="light"] .store-card,
body[data-theme="light"] .status-message-box,
body[data-theme="light"] .demographics-badge {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* エリアタブ */
body[data-theme="light"] .area-tab {
    background: #fff !important; color: #475569 !important;
    border-color: rgba(0,0,0,0.1) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
body[data-theme="light"] .area-tab.active {
    background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
    color: #fff !important; border-color: transparent !important;
    box-shadow: 0 3px 12px rgba(79, 70, 229, 0.3) !important;
}

/* プレミアムカード */
body[data-theme="light"] .premium-card {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-top: 2px solid rgba(79, 70, 229, 0.3) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    color: #1e293b !important;
}
body[data-theme="light"] .premium-card::before { display: none !important; }
body[data-theme="light"] .premium-card p,
body[data-theme="light"] .premium-card span,
body[data-theme="light"] .premium-card div {
    color: #334155 !important;
}
body[data-theme="light"] .premium-card a { color: #4f46e5 !important; }

/* グラスカード → 白カード化 */
body[data-theme="light"] .glass-card {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1e293b !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body[data-theme="light"] .glass-card:not(:last-of-type)::after {
    background: none !important;
}

/* 店舗カード */
body[data-theme="light"] .store-card {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
body[data-theme="light"] .store-card:hover {
    background: #fff !important;
    border-color: rgba(79, 70, 229, 0.2) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px) !important;
}
body[data-theme="light"] .store-name-large { color: #1e293b !important; }
body[data-theme="light"] .store-update-time { color: #64748b !important; }
body[data-theme="light"] .store-count-display { color: #1e293b !important; }
body[data-theme="light"] .store-count-unit { color: #64748b !important; }
body[data-theme="light"] .status-message-box {
    background: rgba(79, 70, 229, 0.04) !important;
    border-color: rgba(79, 70, 229, 0.1) !important;
    color: #475569 !important;
    text-shadow: none !important;
}
/* 男女カップル表示 → 白背景ガッツリ */
body[data-theme="light"] .demographics-badge {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .demo-item { color: #475569 !important; }
body[data-theme="light"] .demo-count { color: #1e293b !important; }
body[data-theme="light"] .card-bg-gradient { opacity: 0 !important; }

/* container内のセクション全体を白カード化 */
body[data-theme="light"] .container section,
body[data-theme="light"] .container .glass-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    border-radius: 16px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ダーク背景のインラインstyleボタン全て上書き */
body[data-theme="light"] button[onclick*="showTopPage"],
body[data-theme="light"] button[onclick*="showDetail"],
body[data-theme="light"] button[style*="1f4068"],
body[data-theme="light"] button[style*="16213e"] {
    background: #fff !important;
    color: #1e293b !important;
    border-color: rgba(79, 70, 229, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
body[data-theme="light"] button[onclick*="showTopPage"] span,
body[data-theme="light"] button[onclick*="showDetail"] span {
    color: #334155 !important;
}

/* ボタン類 */
body[data-theme="light"] .premium-btn {
    background: #fff !important;
    border-color: rgba(79, 70, 229, 0.25) !important;
    color: #4f46e5 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
body[data-theme="light"] .premium-btn:hover {
    background: rgba(79, 70, 229, 0.06) !important;
}
body[data-theme="light"] .refresh-btn {
    border-color: rgba(79, 70, 229, 0.2) !important;
    color: #6366f1 !important;
}
body[data-theme="light"] button, body[data-theme="light"] .btn {
    border-color: rgba(0,0,0,0.12) !important;
    color: #475569 !important;
}
body[data-theme="light"] button:hover, body[data-theme="light"] .btn:hover {
    background: rgba(0,0,0,0.03) !important;
    color: #1e293b !important;
}

/* テキスト */
body[data-theme="light"] .big-number {
    color: #1e293b !important;
    text-shadow: none !important;
    animation: none !important;
}
body[data-theme="light"] .big-number .unit { color: #64748b !important; }
body[data-theme="light"] .section-title { color: #1e293b !important; text-shadow: none !important; }
body[data-theme="light"] .sub-title { color: #6366f1 !important; text-shadow: none !important; }
body[data-theme="light"] .count-label { color: #64748b !important; }
body[data-theme="light"] #status-msg { color: #94a3b8 !important; }
body[data-theme="light"] .neon-text-blue { color: #4f46e5 !important; text-shadow: none !important; }
body[data-theme="light"] .neon-text-magenta { color: #a855f7 !important; text-shadow: none !important; }
body[data-theme="light"] .detail-item { border-bottom-color: rgba(0,0,0,0.06) !important; color: #1e293b !important; }
body[data-theme="light"] .empty-state { color: #94a3b8 !important; }
body[data-theme="light"] .badge-positive { color: #0891b2 !important; border-color: rgba(8,145,178,0.3) !important; box-shadow: none !important; }
body[data-theme="light"] .badge-zero { color: #94a3b8 !important; border-color: rgba(0,0,0,0.1) !important; }
body[data-theme="light"] .badge-negative { color: #94a3b8 !important; }
body[data-theme="light"] .badge-count { color: #1e293b !important; }
body[data-theme="light"] .neon-number-cyan { color: #0891b2 !important; text-shadow: none !important; }
body[data-theme="light"] .neon-number-magenta { color: #a855f7 !important; text-shadow: none !important; }
body[data-theme="light"] .neon-number-yellow { color: #d97706 !important; text-shadow: none !important; }

/* モーダル */
body[data-theme="light"] .login-modal-card {
    background: #fff !important;
    border-color: rgba(0,0,0,0.08) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
}
body[data-theme="light"] .login-modal-title { color: #1e293b !important; }
body[data-theme="light"] .login-modal-desc { color: #64748b !important; }
body[data-theme="light"] .drawer-overlay { background: rgba(0,0,0,0.3) !important; }

/* 通知バッジ */
body[data-theme="light"] .notification-badge {
    border-color: rgba(255,255,255,0.8) !important;
}

/* インラインstyleのダーク背景ボタン等を上書き */
body[data-theme="light"] button[onclick*="columns"],
body[data-theme="light"] button[onclick*="location"] {
    background: #fff !important;
    color: #1e293b !important;
    border-color: rgba(79, 70, 229, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
body[data-theme="light"] button[onclick*="columns"] span,
body[data-theme="light"] button[onclick*="location"] span {
    color: #334155 !important;
}
body[data-theme="light"] button[onclick*="columns"] svg {
    stroke: #334155 !important;
}
/* フッターテキスト */
body[data-theme="light"] footer {
    color: #94a3b8 !important;
    border-top-color: rgba(0,0,0,0.06) !important;
}
/* 応援カウントのテキスト */
body[data-theme="light"] #cheer-count-display {
    color: #64748b !important;
}
/* 運営へのメッセージボタン */
body[data-theme="light"] [onclick*="feedback"],
body[data-theme="light"] [onclick*="sendFeedback"] {
    background: #fff !important;
    color: #475569 !important;
    border-color: rgba(0,0,0,0.1) !important;
}
/* PWAインストールリンク */
body[data-theme="light"] a[href*="manifest"],
body[data-theme="light"] [onclick*="installApp"] {
    background: rgba(79, 70, 229, 0.06) !important;
    color: #4f46e5 !important;
    border-color: rgba(79, 70, 229, 0.15) !important;
}

/* ライトモード: 性別テキスト色 */
body[data-theme="light"] .app-layout .gender-men {
    color: #2563eb !important;
}
body[data-theme="light"] .app-layout .gender-women {
    color: #db2777 !important;
}
body[data-theme="light"] .app-layout .gender-couple {
    color: #059669 !important;
}
body[data-theme="light"] .app-layout .visitor-name {
    color: #1e293b !important;
}

/* デフォルト（ダーク系）: 性別テキスト色 */
.gender-men { color: #63b3ed; }
.gender-women { color: #f687b3; }
.gender-couple { color: #68d391; }
body[data-theme="light"] .bubble {
    display: none !important;
}
/* ダークモード: バブル（ぼかしアニメ）を非表示 */
body[data-theme="dark"] .bubble {
    display: none !important;
}

/* ライトモード: おみくじカード内はダーク背景のため白文字を維持 */
/* .app-layout * { color: #334155 !important } を確実に上書きするためID使用 */
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-rank {
    color: #fff !important;
    text-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-message,
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-advice {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-retry-btn {
    color: #fff !important;
    background: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.4) !important;
}
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-close-btn {
    color: rgba(255,255,255,0.6) !important;
}
body[data-theme="light"] .app-layout #omikuji-overlay .omikuji-divider {
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent) !important;
}



/* =====================================================
   🟣 パープルテーマ（ビビッドネオンパープル）
   ===================================================== */
body[data-theme="purple"] {
    background: linear-gradient(180deg, #0f001a 0%, #2e003e 40%, #5b0078 100%) !important;
    background-size: auto !important;
    animation: none !important;
}
body[data-theme="purple"] .glass-header {
    background: rgba(15, 0, 26, 0.88) !important;
    border-bottom-color: rgba(192, 132, 252, 0.25) !important;
}
body[data-theme="purple"] .side-drawer {
    background: rgba(15, 0, 26, 0.97) !important;
}
body[data-theme="purple"] .top-bottom-nav {
    background: rgba(15, 0, 26, 0.92) !important;
    border-top-color: rgba(192, 132, 252, 0.2) !important;
}
body[data-theme="purple"] .top-bottom-nav .nav-item.active {
    color: #e879f9 !important;
}
body[data-theme="purple"] .top-bottom-nav .nav-item.active .nav-icon svg {
    filter: drop-shadow(0 2px 8px rgba(232, 121, 249, 0.5)) !important;
}
body[data-theme="purple"] .premium-card {
    background: linear-gradient(135deg, rgba(15, 0, 26, 0.8), rgba(91, 0, 120, 0.3)) !important;
    border-color: rgba(192, 132, 252, 0.15) !important;
    border-top-color: rgba(232, 121, 249, 0.5) !important;
    border-bottom-color: rgba(236, 72, 153, 0.3) !important;
}
body[data-theme="purple"] .glass-card {
    background: rgba(15, 0, 26, 0.3) !important;
}
body[data-theme="purple"] .glass-card:not(:last-of-type)::after {
    background: linear-gradient(90deg, transparent, rgba(232, 121, 249, 0.3), transparent) !important;
}
body[data-theme="purple"] .store-card {
    background: rgba(15, 0, 26, 0.6) !important;
    border-color: rgba(192, 132, 252, 0.1) !important;
}
body[data-theme="purple"] .store-card:hover {
    background: rgba(25, 0, 40, 0.7) !important;
    border-color: rgba(232, 121, 249, 0.3) !important;
}
body[data-theme="purple"] .demographics-badge {
    background: rgba(15, 0, 26, 0.5) !important;
}
body[data-theme="purple"] .status-message-box {
    background: rgba(15, 0, 26, 0.4) !important;
    border-color: rgba(192, 132, 252, 0.1) !important;
}
body[data-theme="purple"] .premium-btn {
    background: rgba(15, 0, 26, 0.6) !important;
    border-color: rgba(232, 121, 249, 0.3) !important;
    color: #e879f9 !important;
}
body[data-theme="purple"] .area-tab.active {
    background: linear-gradient(135deg, #7c3aed, #e879f9) !important;
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.5) !important;
}
body[data-theme="purple"] .big-number {
    text-shadow: 0 0 25px rgba(232, 121, 249, 0.5), 0 0 50px rgba(192, 132, 252, 0.2) !important;
}
body[data-theme="purple"] .sub-title,
body[data-theme="purple"] .neon-text-blue {
    color: #e879f9 !important;
    text-shadow: 0 0 10px rgba(232, 121, 249, 0.4) !important;
}
body[data-theme="purple"] .refresh-btn {
    border-color: rgba(232, 121, 249, 0.3) !important;
    color: #e879f9 !important;
}
body[data-theme="purple"] .login-modal-card {
    background: rgba(15, 0, 26, 0.92) !important;
}