/* ============================================
   LIGHT THEME - Galactic Empire
   Imperial blue-gray, technical, scan-lines
   ============================================ */
body.light-theme { background: #e8ecf1; color: #1a1e2e; }
body.light-theme::before {
    background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,40,80,0.015) 3px, rgba(0,40,80,0.015) 4px);
    background-size: 100% 100%;
    animation: none;
    opacity: 1;
}
body.light-theme::after {
    background: radial-gradient(ellipse at center, transparent 60%, rgba(180,190,210,0.3) 100%);
}

/* Header — Imperial command bridge */
body.light-theme .header { background: linear-gradient(180deg, #2c3448, #1e2536); border-bottom: 1px solid #3d4a60; box-shadow: 0 2px 12px rgba(0,0,0,0.2); }
body.light-theme .header::after { background: linear-gradient(90deg, transparent 10%, rgba(100,160,255,0.3) 30%, rgba(120,180,255,0.5) 50%, rgba(100,160,255,0.3) 70%, transparent 90%); }
body.light-theme .header-title { color: #e0e8f0; text-shadow: none; }
body.light-theme .header-title .cantina { color: #6bb8ff; text-shadow: 0 0 12px rgba(100,180,255,0.4); }
body.light-theme .header-title .cards { color: #8a9ab8; }
body.light-theme .tab-btn { color: #7888a4; background: transparent; border: none; border-bottom: 2px solid transparent; box-shadow: none; }
body.light-theme .tab-btn.active { color: #e0e8f0; background: transparent; border: none; border-bottom: 2px solid transparent; text-shadow: none; box-shadow: none; }
body.light-theme .tab-btn.active::after { background: linear-gradient(90deg, transparent, #6bb8ff, transparent); box-shadow: 0 0 8px rgba(100,180,255,0.4); }
body.light-theme .tab-btn:hover { color: #c0d0e8; background: rgba(100,180,255,0.08); border: none; border-bottom: 2px solid transparent; box-shadow: none; }
body.light-theme .lang-toggle { background: #2c3448; border-color: #3d4a60; color: #a0b4cc; font-weight: 600; }
body.light-theme .lang-toggle:hover { background: #354058; border-color: #6bb8ff; color: #e0e8f0; box-shadow: 0 0 8px rgba(100,180,255,0.15); }

/* Theme toggle */
body.light-theme .theme-toggle { background: #2c3448; border-color: #3d4a60; color: #a0b4cc; }
body.light-theme .theme-toggle:hover { background: #354058; border-color: #6bb8ff; color: #e0e8f0; box-shadow: 0 0 8px rgba(100,180,255,0.15); }

/* Form elements — Imperial data terminals */
body.light-theme input[type="text"], body.light-theme input[type="number"], body.light-theme select { background: #f4f6f9; border-color: #c0c8d8; color: #1a1e2e; }
body.light-theme input[type="text"]:focus, body.light-theme input[type="number"]:focus, body.light-theme select:focus { border-color: #4a90d9; box-shadow: 0 0 0 2px rgba(74,144,217,0.15); }
body.light-theme button { background: linear-gradient(180deg, #3d5a8a, #2c4470); color: white; }
body.light-theme button:hover { background: linear-gradient(180deg, #4a6ea0, #3d5a8a); box-shadow: 0 2px 8px rgba(44,68,112,0.25); }
body.light-theme button.secondary { background: #f4f6f9; color: #4a5568; border-color: #c0c8d8; }
body.light-theme button.secondary:hover { background: #e8ecf1; color: #1a1e2e; border-color: #8a9ab8; }

/* Progress */
body.light-theme .progress-bar { background: #d0d8e4; }

/* Filter bar */
body.light-theme .filter-bar { background: #f0f3f7; border-bottom-color: #c0c8d8; }
body.light-theme .arena-toggles { border-color: #c0c8d8; }
body.light-theme .arena-btn { background: #f4f6f9; color: #6a7a94; }
body.light-theme .arena-btn.active { background: #3d5a8a; color: white; box-shadow: none; }
body.light-theme .arena-btn:hover:not(.active) { background: #e8ecf1; color: #1a1e2e; }
body.light-theme .aspect-btn.active { border-color: rgba(0,0,0,0.4); box-shadow: 0 0 8px rgba(0,0,0,0.12); }

/* Cost filter */
body.light-theme .cost-btn { background: #f4f6f9; border-color: #c0c8d8; color: #6a7a94; }
body.light-theme .cost-btn:hover { border-color: #4a90d9; color: #3d5a8a; }
body.light-theme .cost-btn.active { background: #3d5a8a; border-color: #3d5a8a; color: white; box-shadow: none; }

/* Card grid — Imperial data cards */
body.light-theme .card-tile { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .card-tile:hover { border-color: rgba(200,165,40,0.7); box-shadow: 0 4px 16px rgba(0,20,60,0.1), 0 0 0 2px rgba(200,165,40,0.45), 0 0 16px rgba(200,165,40,0.1); transform: translateY(-4px) scale(1.02); }
body.light-theme .card-tile.in-collection { border-color: rgba(16,185,129,0.5); box-shadow: 0 0 8px rgba(16,185,129,0.1); }
body.light-theme .card-image { background: #e8ecf1; }
body.light-theme .card-name { color: #1a1e2e; }
body.light-theme .card-rarity { color: #4a5568; }
body.light-theme .card-set { color: #6a7a94; }
body.light-theme .card-qty-badge { background: linear-gradient(135deg, #3d5a8a, #2c4470); }

/* Pagination */
body.light-theme .page-btn { background: #f4f6f9; color: #4a5568; border: 1px solid #c0c8d8; }
body.light-theme .page-btn:hover { background: #e8ecf1; border-color: #4a90d9; color: #3d5a8a; }
body.light-theme .page-btn.active { background: #3d5a8a; border-color: #3d5a8a; color: white; box-shadow: none; }

/* Set overview */
body.light-theme .set-card { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .set-card:hover { border-color: rgba(74,144,217,0.4); box-shadow: 0 4px 16px rgba(0,20,60,0.1); }
body.light-theme .set-name { color: #1a1e2e; }
body.light-theme .set-progress-bar { background: #d0d8e4; }
body.light-theme .set-progress-fill { background: linear-gradient(90deg, #3d5a8a, #6bb8ff); box-shadow: none; }
body.light-theme .set-progress-text { color: #4a5568; }
body.light-theme .set-count { color: #3d5a8a; }
body.light-theme .set-mini-card { border-color: #c0c8d8; }
body.light-theme .set-mini-card.not-owned { opacity: 0.25; }

/* Modal */
body.light-theme .modal { background: rgba(20,30,50,0.5); backdrop-filter: blur(4px); }
body.light-theme .modal-content { background: #f0f3f7; border-color: #c0c8d8; box-shadow: 0 20px 60px rgba(0,20,60,0.2); }
body.light-theme .modal-close { color: #6a7a94; }
body.light-theme .modal-close:hover { color: #3d5a8a; }
body.light-theme #importDeckInput { background: #f4f6f9; border-color: #c0c8d8; color: #1a1e2e; }
body.light-theme #importDeckError { color: #cc2222; }
body.light-theme .variant-picker-image { background: #e8ecf1; }
body.light-theme .variant-picker-title { color: #1a1e2e; }
body.light-theme .variant-picker-subtitle { color: #4a5568; }
body.light-theme .variant-item { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .variant-item:hover { border-color: rgba(74,144,217,0.4); background: rgba(74,144,217,0.04); }
body.light-theme .variant-item-name { color: #1a1e2e; }
body.light-theme .variant-item-set { color: #4a5568; }
body.light-theme .card-detail-image { background: #e8ecf1; }
body.light-theme .detail-label { color: #6a7a94; }
body.light-theme .detail-value { color: #1a1e2e; }

/* Deck layout */
body.light-theme .deck-sidebar { background: #f0f3f7; border-right-color: #c0c8d8; }
body.light-theme .deck-list { border-top-color: #c0c8d8; }
body.light-theme .deck-item { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .deck-item:hover { border-color: rgba(74,144,217,0.4); }
body.light-theme .deck-item.active { border-color: #4a90d9; background: rgba(74,144,217,0.06); box-shadow: none; }
body.light-theme .deck-item-name { color: #1a1e2e; }
body.light-theme .deck-item-count { color: #4a5568; }
body.light-theme .deck-notes { background: #f4f6f9; border-color: #c0c8d8; color: #1a1e2e; }
body.light-theme .deck-notes:focus { border-color: #4a90d9; box-shadow: 0 0 0 2px rgba(74,144,217,0.12); }
body.light-theme .deck-slot { border-color: #c0c8d8; }
body.light-theme .deck-slot:hover { border-color: rgba(74,144,217,0.5); background: rgba(74,144,217,0.04); }
body.light-theme .deck-slot-image { background: #e8ecf1; }
body.light-theme .deck-slot-label { color: #6a7a94; }
body.light-theme .deck-slot-name { color: #1a1e2e; }
body.light-theme .deck-group-header { color: #3d5a8a; border-bottom-color: #c0c8d8; }
body.light-theme .deck-card-row { background: #f4f6f9; border-left-color: transparent; }
body.light-theme .deck-card-row:hover { background: #e8ecf1; border-left-color: #4a90d9; }
body.light-theme .deck-card-qty { color: #3d5a8a; }
body.light-theme .deck-card-name { color: #1a1e2e; }
body.light-theme .deck-stats { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .deck-search-results { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .deck-search-result-item { color: #1a1e2e; border-bottom-color: #e8ecf1; }
body.light-theme .deck-search-result-item:hover { background: #e8ecf1; }

/* SWUDB */
body.light-theme .swudb-cat-tabs { border-bottom-color: #c0c8d8; }
body.light-theme .swudb-cat-btn { color: #6a7a94; background: none; }
body.light-theme .swudb-cat-btn.active { color: #3d5a8a; border-bottom-color: #4a90d9; background: none; }
body.light-theme .swudb-cat-btn:hover { color: #1a1e2e; background: none; }
body.light-theme .swudb-deck-card { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .swudb-deck-card:hover { border-color: rgba(74,144,217,0.4); box-shadow: 0 4px 16px rgba(0,20,60,0.1); }
body.light-theme .swudb-deck-images { background: #e8ecf1; }
body.light-theme .swudb-deck-name { color: #1a1e2e; }
body.light-theme .swudb-deck-author { color: #4a5568; }
body.light-theme .swudb-deck-meta span { color: #6a7a94; }
body.light-theme .swudb-deck-format { background: linear-gradient(135deg, #3d5a8a, #2c4470); }
body.light-theme .swudb-loading { color: #6a7a94; }
body.light-theme .swudb-section-title { color: #3d5a8a; }
body.light-theme .my-decks-toggle { background: #f4f6f9; border-color: #c0c8d8; color: #1a1e2e; }
body.light-theme .my-decks-toggle:hover { background: #e8ecf1; border-color: rgba(74,144,217,0.4); }
body.light-theme .swudb-detail-title { color: #1a1e2e; }
body.light-theme .swudb-detail-author { color: #4a5568; }
body.light-theme .swudb-detail-badge.format { background: linear-gradient(135deg, #3d5a8a, #2c4470); color: white; }
body.light-theme .swudb-detail-desc { background: #f4f6f9; border-color: #c0c8d8; color: #4a5568; }
body.light-theme .swudb-detail-leader-card img { background: #e8ecf1; }
body.light-theme .swudb-detail-leader-card .label { color: #6a7a94; }
body.light-theme .swudb-detail-leader-card .name { color: #1a1e2e; }
body.light-theme .swudb-detail-leader-card .subtitle { color: #6a7a94; }
body.light-theme .swudb-cardlist-group-header { color: #3d5a8a; border-bottom-color: #c0c8d8; }
body.light-theme .swudb-cardlist-row { background: #f4f6f9; }
body.light-theme .swudb-cardlist-row:hover { background: #e8ecf1; }
body.light-theme .swudb-cardlist-qty { color: #3d5a8a; }
body.light-theme .swudb-cardlist-name { color: #1a1e2e; }
body.light-theme .swudb-cardlist-set { color: #6a7a94; }
body.light-theme .swudb-cardlist-total { color: #4a5568; border-top-color: #c0c8d8; }
body.light-theme .swudb-back-btn { border-color: #c0c8d8; color: #4a5568; background: none; }
body.light-theme .swudb-back-btn:hover { background: #e8ecf1; color: #1a1e2e; }
body.light-theme .swudb-stats-bar { background: #f0f3f7; border-color: #c0c8d8; }
body.light-theme .swudb-stat-label { color: #6a7a94; }
body.light-theme .swudb-stat-value { color: #3d5a8a; }
body.light-theme .toggle-switch { background: #c0c8d8; }
body.light-theme .toggle-switch.active { background: #4a90d9; box-shadow: 0 0 8px rgba(74,144,217,0.3); }

/* Collection stats */
/* Import/Export Dropdown light */
body.light-theme .ie-dropdown-btn { background: #f4f6f9; border-color: #c0c8d8; color: #4a5568; }
body.light-theme .ie-dropdown-btn:hover { border-color: #4a90d9; color: #1a1e2e; background: #e8ecf1; }
body.light-theme .ie-dropdown-menu { background: #f4f6f9; border-color: #c0c8d8; box-shadow: 0 8px 24px rgba(0,20,60,0.15); }
body.light-theme .ie-dropdown-sep { background: #c0c8d8; }
body.light-theme .ie-dropdown-label { color: #6a7a94; }
body.light-theme .ie-dropdown-item { color: #4a5568; background: none; }
body.light-theme .ie-dropdown-item:hover { background: rgba(74,144,217,0.08); color: #1a1e2e; }
body.light-theme .ie-dropdown-item.import-item { color: #059669; }
body.light-theme .ie-dropdown-item.import-item:hover { background: rgba(16,185,129,0.06); color: #047857; }
body.light-theme .sl-dropdown-btn { background: #f4f6f9; border-color: #c0c8d8; color: #4a5568; }
body.light-theme .sl-dropdown-btn:hover { border-color: #4a90d9; color: #1a1e2e; background: #e8ecf1; }
body.light-theme .sl-dropdown-menu { background: #f4f6f9; border-color: #c0c8d8; box-shadow: 0 8px 24px rgba(0,20,60,0.15); }
body.light-theme .sl-dropdown-sep { background: #c0c8d8; }
body.light-theme .sl-dropdown-label { color: #6a7a94; }
body.light-theme .sl-dropdown-item { color: #4a5568; background: none; }
body.light-theme .sl-dropdown-item:hover { background: rgba(74,144,217,0.08); color: #1a1e2e; }
body.light-theme .sl-dropdown-item .sl-set { color: #6a7a94; }

body.light-theme .collection-stat-box { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .collection-stat-box::before { background: linear-gradient(90deg, #4a90d9, transparent); }
body.light-theme .collection-stat-label { color: #6a7a94; }
body.light-theme .collection-stat-value { color: #3d5a8a; }

/* Stats charts */
body.light-theme .chart-box { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .chart-box::before { background: linear-gradient(90deg, #4a90d9, transparent 70%); }
body.light-theme .chart-title { color: #1a1e2e; }
body.light-theme .bar-label { color: #4a5568; }
body.light-theme .bar { background: linear-gradient(90deg, #3d5a8a, #6bb8ff); box-shadow: none; }
body.light-theme .stat-label { color: #6a7a94; }
body.light-theme .stat-value { color: #3d5a8a; }

/* Qty buttons */
body.light-theme .card-tile-qty-controls { background: linear-gradient(to top, rgba(244,246,249,0.95), transparent); }
body.light-theme .qty-btn { background: #3d5a8a; color: white; }
body.light-theme .qty-btn:hover { background: #2c4470; box-shadow: none; }

/* Settings */
body.light-theme .settings-section { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .settings-title { color: #1a1e2e; }
body.light-theme .info-text { color: #6a7a94; }
body.light-theme .danger-zone { border-color: rgba(200,50,50,0.3); background: rgba(200,50,50,0.04); }

/* Multi-select */
body.light-theme .select-bar { background: #f0f3f7; border-bottom-color: #c0c8d8; }
body.light-theme .select-count { color: #3d5a8a; }
body.light-theme .card-tile .select-check { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .card-tile.selected { border-color: #4a90d9 !important; box-shadow: 0 0 8px rgba(74,144,217,0.25) !important; }
body.light-theme .card-tile.selected .select-check { background: #3d5a8a; border-color: #3d5a8a; }
body.light-theme .card-tile.grayscale .card-image { filter: grayscale(100%) brightness(0.7); }

/* Back button */
body.light-theme .back-btn { border-color: #c0c8d8; color: #4a5568; }
body.light-theme .back-btn:hover { background: #e8ecf1; color: #1a1e2e; }

/* Deckbuilder */
body.light-theme .deckbuilder-browser { background: #e8ecf1; }
body.light-theme .deckbuilder-panel { background: #f0f3f7; }
body.light-theme .deckbuilder-browser-search { background: #f0f3f7; border-bottom-color: #c0c8d8; }
body.light-theme .deckbuilder-filter-bar { background: #f0f3f7; border-bottom-color: #c0c8d8; }
body.light-theme .deckbuilder-split { border-color: #c0c8d8; }
body.light-theme .deckbuilder-browser { border-right-color: #c0c8d8; }
body.light-theme .deckbuilder-card-image-wrap { border-color: #c0c8d8; }
body.light-theme .deckbuilder-card-tile:hover .deckbuilder-card-image-wrap { border-color: rgba(74,144,217,0.5); box-shadow: 0 4px 16px rgba(74,144,217,0.12); }
body.light-theme .deckbuilder-card-tile.in-deck .deckbuilder-card-image-wrap { border-color: rgba(16,185,129,0.5); box-shadow: 0 0 8px rgba(16,185,129,0.15); }
body.light-theme .deckbuilder-card-tile.at-max .deckbuilder-card-image-wrap { border-color: #c0c8d8; opacity: 0.5; }
body.light-theme .deckbuilder-card-image { background: #e8ecf1; }
body.light-theme .deckbuilder-card-counter-btn { border-color: #c0c8d8; background: #f4f6f9; color: #6a7a94; }
body.light-theme .deckbuilder-card-counter-btn:hover { background: #3d5a8a; color: white; border-color: #3d5a8a; box-shadow: none; }
body.light-theme .deckbuilder-card-counter-text { color: #4a5568; }
body.light-theme .deckbuilder-card-counter-text.has-cards { color: #10b981; }
body.light-theme .deckbuilder-card-tile.at-max .deckbuilder-card-counter-text { color: #c0c8d8; }
body.light-theme .deckbuilder-panel-header { background: #f0f3f7; border-bottom-color: #c0c8d8; }
body.light-theme .deckbuilder-deck-slot { border-color: #c0c8d8; }
body.light-theme .deckbuilder-deck-slot:hover { border-color: rgba(74,144,217,0.5); background: rgba(74,144,217,0.04); }
body.light-theme .deckbuilder-deck-slot.filled { border-color: rgba(16,185,129,0.4); background: rgba(16,185,129,0.03); }
body.light-theme .deckbuilder-slot-image { background: #e8ecf1; }
body.light-theme .deckbuilder-slot-label { color: #6a7a94; }
body.light-theme .deckbuilder-slot-name { color: #1a1e2e; }
body.light-theme .deckbuilder-group-header { color: #3d5a8a; border-bottom-color: #c0c8d8; }
body.light-theme .deckbuilder-card-row { background: #f4f6f9; }
body.light-theme .deckbuilder-card-row:hover { background: #e8ecf1; border-left-color: #4a90d9; }
body.light-theme .deckbuilder-card-qty-num { color: #3d5a8a; }
body.light-theme .deckbuilder-card-qty-num:hover { color: #6bb8ff; }
body.light-theme .deckbuilder-card-row-name { color: #1a1e2e; }
body.light-theme .deck-qty-btn { border-color: #c0c8d8; color: #1a1e2e; background: #f4f6f9; }
body.light-theme .deck-qty-btn:hover { border-color: #4a90d9; color: #3d5a8a; background: rgba(74,144,217,0.08); }
body.light-theme .deck-qty-minus:hover { border-color: #cc3333; color: #cc3333; background: rgba(200,50,50,0.06); }
body.light-theme .deck-qty-plus:hover { border-color: #10b981; color: #10b981; background: rgba(16,185,129,0.06); }
body.light-theme .deckbuilder-stats { background: #f4f6f9; border-color: #c0c8d8; }
body.light-theme .deckbuilder-stat-label { color: #6a7a94; }
body.light-theme .deckbuilder-stat-value { color: #3d5a8a; }

/* Scrollbar light — Imperial style */
body.light-theme ::-webkit-scrollbar-track { background: #e8ecf1; }
body.light-theme ::-webkit-scrollbar-thumb { background: #b0b8c8; }
body.light-theme ::-webkit-scrollbar-thumb:hover { background: #8a9ab8; }

/* Selection */
body.light-theme ::selection { background: rgba(74,144,217,0.25); color: #1a1e2e; }

/* Header stats override for light */
body.light-theme .header-stats { color: #8a9ab8 !important; }
body.light-theme .header-stats b { color: #6bb8ff !important; }

/* ---- THEME TOGGLE BUTTON ---- */
.theme-toggle {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    color: #6b7486;
    padding: 0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.theme-toggle:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); color: #c9cdd5; box-shadow: none; transform: none; }

/* ---- AUTH / LOGIN SCREEN ---- */
.auth-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4,4,8,0.75);
    backdrop-filter: blur(20px) saturate(1.2);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.3s;
}
.auth-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}
.auth-container {
    background: rgba(12,12,18,0.92);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 16px;
    padding: 40px;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 24px 80px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.02);
    position: relative;
    animation: fadeIn 0.25s ease-out;
    backdrop-filter: blur(24px);
}
.auth-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: none;
    color: #6b7280;
    font-size: 22px;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 1;
    transition: color 0.2s;
}
.auth-close:hover { color: #ef4444; background: none; }
.auth-title {
    font-family: 'Orbitron', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #ef4444;
    text-align: center;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(239,68,68,0.3);
}
.auth-subtitle {
    font-size: 11px;
    color: #6b7280;
    text-align: center;
    margin-bottom: 32px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.auth-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.auth-form input {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    color: #d1d5db;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.auth-form input:focus {
    outline: none;
    border-color: rgba(239,68,68,0.35);
    box-shadow: 0 0 0 3px rgba(239,68,68,0.06);
    background: rgba(255,255,255,0.06);
}
.auth-button {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    border: none;
    color: white;
    padding: 13px 16px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.2s;
    width: 100%;
    margin-top: 4px;
}
.auth-button:hover {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    box-shadow: 0 4px 24px rgba(239,68,68,0.25);
    transform: translateY(-1px);
}
.auth-button:active {
    transform: translateY(0);
}
.auth-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}
.auth-toggle {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #6b7280;
}
.auth-toggle button {
    background: none;
    border: none;
    color: #ef4444;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    padding: 0;
    font-size: 12px;
}
.auth-toggle button:hover {
    color: #f87171;
}
.auth-error {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.3);
    color: #fca5a5;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 12px;
    display: none;
}
.auth-error.show {
    display: block;
    animation: fadeIn 0.3s ease-out;
}
.auth-loading {
    position: relative;
    opacity: 0.7;
}

        .light-theme .auth-overlay {
            background: rgba(240,242,245,0.8);
        }
        .light-theme .auth-container {
            background: #ffffff;
            border-color: #e2e4e9;
            box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05);
        }
        .light-theme .auth-close { color: #8892a4; background: none; }
        .light-theme .auth-close:hover { color: #2563eb; background: none; }
        .light-theme .auth-title { color: #2563eb; }
        .light-theme .auth-subtitle { color: #6b7280; }
        .light-theme .auth-form input {
            background: #ffffff;
            border-color: #d1d5db;
            color: #1f2937;
        }
        .light-theme .auth-form input:focus {
            border-color: #2563eb;
            box-shadow: 0 0 0 2px rgba(37,99,235,0.12);
            background: #f9fafb;
        }
        .light-theme .auth-button {
            background: linear-gradient(180deg, #3b82f6, #2563eb);
        }
        .light-theme .auth-button:hover {
            background: linear-gradient(180deg, #60a5fa, #3b82f6);
            box-shadow: 0 0 15px rgba(37,99,235,0.3);
        }
        .light-theme .auth-toggle { color: #6b7280; }
        .light-theme .auth-toggle button { color: #2563eb; background: none; }