body.settings-page{background:linear-gradient(#0a0a0a 0%,#111 100%);flex-direction:column;height:100vh;display:flex;overflow:hidden}.settings-page-header{background:linear-gradient(rgba(0,114,0,.15) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.16);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 40px;display:flex}.settings-page-header .header-content h1{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.settings-page-header .header-content p{color:#888;margin:6px 0 0;font-size:.95rem}@media (max-width:767px){.settings-page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.settings-page-header .header-content h1{font-size:1.4rem}.settings-page-header .header-content p{margin:4px 0 0;font-size:.8rem}.header-actions{gap:8px;width:100%}.header-actions .btn-admin,.header-actions .btn-back,.header-actions .btn-logout{flex:1;padding:8px 12px;font-size:.8rem}}.header-actions{gap:12px;display:flex}.header-actions .btn-admin{color:#ffb432;cursor:pointer;background:rgba(255,180,50,.15);border:1px solid rgba(255,180,50,.3);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.header-actions .btn-admin:hover{background:rgba(255,180,50,.25);border-color:rgba(255,180,50,.5);transform:translateY(-2px)}.header-actions .btn-back{color:#fff;cursor:pointer;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.header-actions .btn-back:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.25);transform:translateY(-2px)}.header-actions .btn-logout{color:#ff6b6b;cursor:pointer;background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.3);border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.header-actions .btn-logout:hover{background:rgba(255,80,80,.25);transform:translateY(-2px)}.settings-tabs-container{-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.13);flex-shrink:0;padding:0 40px;overflow-x:auto}.settings-tabs-container::-webkit-scrollbar{height:0}.settings-tabs{gap:4px;padding:12px 0 0;display:flex}.settings-tab-btn{color:#777;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;align-items:center;gap:10px;padding:14px 24px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex;position:relative}.settings-tab-btn .tab-icon{opacity:.7;font-size:1.1rem;transition:all .25s}.settings-tab-btn:hover{color:#bbb;background:rgba(255,255,255,.07)}.settings-tab-btn:hover .tab-icon{opacity:1}.settings-tab-btn.active{color:var(--accent,#007200);border-bottom-color:var(--accent,#007200);background:rgba(0,114,0,.08)}.settings-tab-btn.active .tab-icon{opacity:1;transform:scale(1.1)}.settings-tab-btn.active:after{content:"";background:var(--accent,#007200);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.mobile-tab-dropdown{color:#fff;cursor:pointer;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);border-radius:10px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:none}.mobile-tab-dropdown:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.25)}.mobile-tab-dropdown:focus{border-color:var(--accent,#007200);background:rgba(255,255,255,.23);outline:none;box-shadow:0 0 0 2px rgba(0,114,0,.2)}@media (max-width:767px){#desktopTabs{display:none}.mobile-tab-dropdown{display:block}.settings-tabs-container{padding:12px 16px}}.admin-content-area{scroll-behavior:smooth;flex:1;padding:10px;overflow-y:auto}.admin-content-area::-webkit-scrollbar{width:8px}.admin-content-area::-webkit-scrollbar-track{background:0 0}.admin-content-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.23);border-radius:4px}.admin-content-area::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.danger-zone{border:1px solid rgba(220,50,50,.3);border-radius:8px;margin-top:20px;padding:20px 24px}.danger-zone .section-title{color:#dc3232}.danger-zone-desc{color:#999;margin-bottom:16px;font-size:.88rem}.btn-danger{color:#dc3232;cursor:pointer;background:0 0;border:1px solid #dc3232;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-danger:hover{color:#fff;background:#dc3232}.legal-links{text-align:center;font-size:.78rem}.legal-links a{color:#888;text-decoration:none}.legal-links a:hover{color:#ccc;text-decoration:underline}.legal-sep{color:#555;margin:0 8px}.tier-upgrade-banner{background:linear-gradient(135deg,rgba(190,214,0,.12),rgba(190,214,0,.04));border:1px solid rgba(190,214,0,.3);border-radius:8px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 20px;display:flex}.tier-upgrade-icon{flex-shrink:0;font-size:1.5rem}.tier-upgrade-text{flex-direction:column;flex:1;gap:2px;display:flex}.tier-upgrade-text strong{color:#fff;font-size:.95rem}.tier-upgrade-text span{color:#999;font-size:.82rem}.tier-upgrade-btn{background:var(--accent,#bed600);color:#111;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:8px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}.tier-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(190,214,0,.25)}.tier-locked-tab .tab-intro{opacity:.45}.tier-locked-card{opacity:.4;pointer-events:none;filter:grayscale(60%);transition:opacity .3s,filter .3s;position:relative}.tier-locked-card .card-header{position:relative}.card-lock-icon{opacity:.7;vertical-align:middle;margin-left:6px;font-size:.85rem}.tier-disabled{opacity:.5;cursor:not-allowed!important}.tab-lock-badge{opacity:.6;vertical-align:middle;margin-left:4px;font-size:.65rem}.tier-locked-tab-btn{opacity:.55!important}.tier-locked-tab-btn:hover{opacity:.7!important}.tier-sports-warning{color:#ff9800;background:rgba(255,152,0,.12);border:1px solid rgba(255,152,0,.3);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 18px;font-size:.9rem;display:flex}.tier-sports-warning a{color:#bed600;white-space:nowrap;margin-left:auto;font-weight:600;text-decoration:underline}.nav-order-item.auto-season-item{opacity:.8}.nav-order-item.auto-season-item .item-type:after{content:" ·auto";opacity:.7}body.settings-page.light-mode .tier-upgrade-banner{background:linear-gradient(135deg,rgba(102,187,106,.1),rgba(102,187,106,.04));border-color:rgba(102,187,106,.3)}body.settings-page.light-mode .tier-upgrade-text strong{color:#222}body.settings-page.light-mode .tier-upgrade-text span{color:#777}body.settings-page.light-mode .tier-sports-warning{color:#e68a00;background:rgba(255,152,0,.08)}body.settings-page.light-mode .tier-sports-warning a{color:#5aa503}.settings-footer{backdrop-filter:blur(10px);z-index:100;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.95));border-top:1px solid rgba(255,255,255,.16);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;bottom:0}@media (max-width:767px){.settings-footer{flex-direction:column;gap:12px;padding:12px 16px}.footer-hint{width:100%;font-size:.75rem}#saveBtn{justify-content:center;width:100%;padding:12px 16px;font-size:.9rem}}.footer-hint{color:#666;align-items:center;gap:8px;font-size:.85rem;display:flex}.footer-hint .unsaved-indicator{background:#ffc107;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;display:none}.footer-hint.has-changes .unsaved-indicator{display:block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}#saveBtn{border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 20px rgba(0,114,0,.3)}#saveBtn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,114,0,.4)}#saveBtn:active{transform:translateY(-1px)}.tab-content{animation:.4s ease-out fadeInUp;display:none}.tab-content.active{display:block}.tab-intro{background:linear-gradient(135deg,rgba(0,114,0,.08) 0%,rgba(0,114,0,.02) 100%);border:1px solid rgba(0,114,0,.15);border-radius:16px;align-items:center;gap:20px;margin-bottom:28px;padding:24px 28px;display:flex}.tab-intro-icon{background:rgba(0,114,0,.12);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;display:flex}.tab-intro-text h2{color:#fff;margin:0 0 6px;font-size:1.6rem;font-weight:700}.tab-intro-text p{color:#888;margin:0;font-size:.95rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-bottom:24px;display:grid}.settings-card{background:linear-gradient(145deg,#1c1c1c 0%,#141414 100%);border:1px solid rgba(255,255,255,.16);border-radius:16px;margin:.5rem;transition:all .3s;overflow:hidden}.settings-card:hover{border-color:rgba(255,255,255,.23);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.4)}.settings-card.full-width{grid-column:1/-1}.settings-card.upload-card{background:linear-gradient(145deg,rgba(0,114,0,.06) 0%,#0f0f0f 100%);border-color:rgba(0,114,0,.2)}.card-header{background:rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.13);align-items:flex-start;gap:16px;padding:10px;display:flex}.card-icon{background:rgba(0,114,0,.12);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.card-title{flex:1}.card-title h3{color:#fff;margin:0 0 4px;font-size:1.05rem;font-weight:600}.card-title p{color:#777;margin:0;font-size:.85rem}.card-body{padding:12px}.card-footer-hint{color:#666;border-top:1px solid rgba(255,255,255,.13);align-items:center;gap:8px;margin-top:16px;padding-top:16px;font-size:.85rem;display:flex}.modern-input,.settings-input{color:#fff;box-sizing:border-box;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.17);border-radius:12px;width:100%;padding:14px 18px;font-size:.95rem;transition:all .25s}.modern-input:focus,.settings-input:focus{border-color:var(--accent,#007200);background:rgba(0,114,0,.08);outline:none;box-shadow:0 0 0 3px rgba(0,114,0,.15)}.modern-input::-webkit-input-placeholder{color:#555}.modern-input::placeholder{color:#555}.settings-input::-webkit-input-placeholder{color:#555}.settings-input::placeholder{color:#555}select.modern-input option,select.settings-input option{color:#fff;background:#111}.input-hint{color:#666;margin-top:10px;font-size:.8rem}.media-preview-zone{cursor:pointer;background:rgba(0,0,0,.3);border:2px dashed rgba(255,255,255,.23);border-radius:14px;justify-content:center;align-items:center;min-height:140px;margin-bottom:16px;padding:10px;transition:all .3s;display:flex;position:relative;overflow:hidden}.media-preview-zone:hover{border-color:var(--accent,#007200);background:rgba(0,114,0,.05)}.media-preview-zone.landscape{justify-content:center;align-items:center;min-height:180px;display:flex}.media-preview-zone .preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:120px}.media-preview-zone .preview-placeholder{color:#666;flex-direction:column;align-items:center;gap:8px;display:flex}.media-preview-zone .placeholder-icon{opacity:.7;font-size:2rem}.media-preview-zone .placeholder-text{color:#888;font-weight:500}.media-preview-zone .placeholder-hint{color:#555;font-size:.8rem}.media-preview-zone.has-image .preview-placeholder{display:none}.media-preview-zone .bg-preview-box{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:300px;height:170px}.media-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .25s}.btn-secondary:hover{background:rgba(255,255,255,.19);transform:translateY(-2px)}.btn-danger-outline{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid rgba(255,80,80,.3);border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .25s}.btn-add-new{background:var(--accent,#007200);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.btn-add-new:hover{background:#009000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,114,0,.3)}.btn-add-new span{font-size:1.2rem;font-weight:700}.font-select{color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid rgba(255,255,255,.17);border-radius:10px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.font-select:hover{border-color:rgba(255,255,255,.25)}.font-select:focus{border-color:var(--accent,#007200);outline:none;box-shadow:0 0 0 2px rgba(0,114,0,.2)}.font-select option{color:#fff;background:#1a1a1a;padding:8px}.font-preview-text{color:#ccc;text-align:center;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.13);border-radius:8px;margin-top:12px;padding:16px;font-size:1.1rem;line-height:1.5;transition:font-family .3s}.theme-mode-toggle{background:rgba(0,0,0,.3);border-radius:12px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.theme-mode-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.theme-mode-btn:hover{color:#fff;background:rgba(255,255,255,.11)}.theme-mode-btn.active{background:var(--accent,#007200);color:#fff;box-shadow:0 4px 15px rgba(0,114,0,.3)}.theme-mode-btn .btn-icon{font-size:1.1rem}.theme-section{animation:.3s ease-out fadeInUp}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.theme-card{cursor:pointer;background:0 0;border:2px solid rgba(255,255,255,.17);border-radius:16px;padding:0;transition:all .3s;position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5)}.theme-card.selected{border-color:var(--accent,#007200)}.theme-card .theme-preview{min-height:80px;padding:16px}.theme-card .preview-bar{border-radius:4px;height:8px;margin-bottom:12px}.theme-card .preview-content{gap:8px;display:flex}.theme-card .preview-tile{border-radius:6px;flex:1;height:40px}.theme-card.dark-theme .theme-preview{background:linear-gradient(135deg,#0c1428 0%,#16223f 50%,#0c1428 100%)}.theme-card.dark-theme .preview-bar{background:linear-gradient(90deg,#00ff6a,#0c5);box-shadow:0 0 10px rgba(0,255,106,.5)}.theme-card.dark-theme .preview-tile{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(0,255,106,.2);box-shadow:inset 0 0 20px rgba(0,255,106,.05)}.theme-card.neon-theme .theme-preview{background:linear-gradient(135deg,#1c0838 0%,#2a0f52 50%,#1c0838 100%)}.theme-card.neon-theme .preview-bar{background:linear-gradient(90deg,#f0f,#0ff);animation:2s infinite neonPulse;box-shadow:0 0 15px rgba(255,0,255,.6),0 0 30px rgba(0,255,255,.4)}.theme-card.neon-theme .preview-tile{background:linear-gradient(145deg,rgba(255,0,255,.15),rgba(0,255,255,.1));border:1px solid rgba(255,0,255,.4);box-shadow:0 0 10px rgba(0,255,255,.2)}.theme-card.retro-theme .theme-preview{background:linear-gradient(135deg,#2a0f08 0%,#3d1810 50%,#2a0f08 100%)}.theme-card.retro-theme .preview-bar{background:linear-gradient(90deg,#ff6b00,gold);box-shadow:0 0 12px rgba(255,107,0,.5)}.theme-card.retro-theme .preview-tile{background:linear-gradient(145deg,rgba(255,107,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,165,0,.4)}.theme-card.modern-theme .theme-preview{background:linear-gradient(135deg,#07273d 0%,#0d3a5c 50%,#07273d 100%)}.theme-card.modern-theme .preview-bar{background:linear-gradient(90deg,#00a8ff,#06c);box-shadow:0 0 12px rgba(0,168,255,.5)}.theme-card.modern-theme .preview-tile{background:linear-gradient(145deg,rgba(0,168,255,.15),rgba(0,102,204,.1));border:1px solid rgba(0,168,255,.3)}@keyframes neonPulse{0%,to{box-shadow:0 0 15px rgba(255,0,255,.6),0 0 30px rgba(0,255,255,.4)}50%{box-shadow:0 0 25px rgba(255,0,255,.8),0 0 50px rgba(0,255,255,.6)}}.theme-card .theme-info{background:rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.13);padding:14px 16px}.theme-card .theme-name{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.theme-card .theme-desc{color:#777;font-size:.8rem;display:block}.theme-card .theme-selected-badge{background:var(--accent,#007200);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:none;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px rgba(0,114,0,.4)}.tile-theme-section{border-top:1px solid var(--border);margin-top:30px}.tile-theme-section h4{color:var(--text);margin-bottom:15px;font-size:1.1rem}.tile-theme-section p{color:var(--dim);margin-bottom:20px;font-size:.9rem}.tile-theme-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:15px;display:grid}.tile-theme-card{cursor:pointer;background:0 0;border:2px solid rgba(255,255,255,.17);border-radius:12px;padding:0;transition:all .3s;position:relative;overflow:hidden}.tile-theme-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.tile-theme-card.selected{border-color:var(--accent,#007200)}.tile-theme-card .tile-theme-preview{justify-content:center;align-items:center;min-height:60px;padding:12px;display:flex}.tile-theme-card .preview-tile-sample{background:var(--card);border:1px solid var(--border);width:100%;height:40px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex;position:relative}.tile-theme-card .preview-tile-sample:before{content:"VS";color:var(--dim);font-size:.6rem;position:absolute;top:4px;right:6px}.tile-theme-card .tile-theme-info{background:rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.13);padding:10px 12px}.tile-theme-card .tile-theme-name{color:#fff;text-align:center;font-size:.8rem;font-weight:600;display:block}.tile-theme-card .tile-theme-selected-badge{background:var(--accent,#007200);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:none;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px rgba(0,114,0,.4)}.tile-theme-card.black-tile-theme .preview-tile-sample{background:#181818;border:1px solid #3a3a3a}.tile-theme-card.classic-tile-theme .preview-tile-sample{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:2px solid #e74c3c;box-shadow:0 4px 12px rgba(231,76,60,.2)}.tile-theme-card.neon-tile-theme .preview-tile-sample{background:linear-gradient(135deg,#0a0a2e 0%,#16213e 100%);border:2px solid #0f8;box-shadow:0 4px 12px rgba(0,255,136,.2)}.tile-theme-card.retro-tile-theme .preview-tile-sample{background:linear-gradient(135deg,#2a1810 0%,#3d1f12 100%);border:2px solid #d4a574;box-shadow:0 4px 12px rgba(212,165,116,.2)}.tile-theme-card.modern-tile-theme .preview-tile-sample{background:linear-gradient(135deg,#0f1419 0%,#1a202c 100%);border:2px solid #4a9eff;box-shadow:0 4px 12px rgba(74,158,255,.2)}.tile-theme-card.custom-tile-theme .preview-tile-sample{background:#181818;border:2px solid #bed600}.theme-card.selected .theme-selected-badge,.tile-theme-card.selected .tile-theme-selected-badge{display:flex}.tile-live-preview{margin-top:28px}.tile-live-preview h4{color:var(--text);margin-bottom:6px;font-size:1.1rem}.tile-live-preview p{color:var(--dim);margin-bottom:16px;font-size:.9rem}.dashboard-preview{--dim:#888;aspect-ratio:16/9;background-color:var(--bg,#080808);border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:12px;flex-direction:column;width:100%;max-width:52rem;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.6)}.dash-preview-header{border-bottom:2px solid var(--accent,#007200);background:rgba(0,0,0,.8);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;height:2.6rem;padding:0 .9rem;display:flex}.dash-preview-header-left{align-items:center;gap:.5rem;min-width:0;display:flex}.dash-preview-logo{object-fit:contain;max-width:3.2rem;max-height:1.9rem}.dash-preview-barname{font-family:var(--brand-font);color:var(--text,#fff);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.dash-preview-clock{font-family:var(--brand-font);color:var(--text,#fff);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.95rem;font-weight:700}.dash-preview-body{flex:auto;justify-content:center;align-items:center;gap:1.6rem;min-height:0;padding:1.6rem;display:flex;overflow:hidden}.tile-preview-tile{width:15rem;min-width:0;max-width:47%;height:100%;max-height:16.5rem;box-shadow:0 8px 22px rgba(0,0,0,.6)}.dash-preview-ticker{background:var(--ticker-bg,#050505);border-top:1px solid var(--border);flex-shrink:0;align-items:center;height:2rem;display:flex;overflow:hidden}.dash-preview-ticker-logo{border-right:1px solid var(--border);color:rgba(255,255,255,.45);background:rgba(0,0,0,.3);flex-shrink:0;justify-content:center;align-items:center;height:100%;padding:0 .7rem;font-size:.95rem;display:flex}.dash-preview-ticker-wrap{flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.dash-preview-ticker-text{white-space:nowrap;width:max-content;font-family:var(--brand-font);letter-spacing:var(--brand-font-spacing);text-transform:uppercase;color:var(--text,#fff);font-size:.85rem;font-weight:700;display:flex}.dash-preview-ticker-text.is-scrolling{animation:16s linear infinite preview-ticker}.dash-preview-ticker-item{flex-shrink:0;align-items:center;gap:.5rem;padding:0 1.4rem;display:inline-flex}@keyframes preview-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.theme-card.custom-theme .theme-preview{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%)}.theme-card.custom-theme .preview-bar{background:linear-gradient(90deg, var(--accent), #42a5f5);box-shadow:0 0 10px rgba(102,187,106,.4)}.theme-card.custom-theme .preview-tile{background:linear-gradient(145deg,rgba(102,187,106,.15),rgba(66,165,245,.1));border:1px solid rgba(102,187,106,.3)}.custom-color-section{background:linear-gradient(135deg,rgba(20,20,20,.8) 0%,rgba(30,30,30,.6) 100%);border:2px solid rgba(102,187,106,.25);border-radius:16px;margin-top:10px;padding:10px;animation:.3s ease-out fadeInUp;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.11)}.color-pickers-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;gap:18px 8px;display:grid}.color-picker-item{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:140px;display:flex}.color-picker-item label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;text-align:center;width:100%;font-size:.9rem;font-weight:700;display:block}.pickr-target{justify-content:center;align-items:center;width:100%;min-height:70px;display:flex}.pickr-target .pcr-button{cursor:pointer;border:3px solid rgba(102,187,106,.4);border-radius:14px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 6px 24px rgba(0,0,0,.4),0 0 0 1px rgba(102,187,106,.2)}.pickr-target .pcr-button:before{content:"";opacity:0;background:linear-gradient(45deg,transparent 30%,rgba(102,187,106,.1) 50%,transparent 70%);border-radius:14px;transition:opacity .25s;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.pickr-target .pcr-button:hover{border-color:rgba(102,187,106,.6);transform:translateY(-3px);box-shadow:0 12px 32px rgba(102,187,106,.3),0 0 0 1px rgba(102,187,106,.3)}.pickr-target .pcr-button:hover:before{opacity:1}.color-picker-fallback{cursor:pointer;background:0 0;border:3px solid rgba(102,187,106,.4);border-radius:14px;width:70px;height:70px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 24px rgba(0,0,0,.4),0 0 0 1px rgba(102,187,106,.2)}.color-picker-fallback:hover{border-color:rgba(102,187,106,.6);transform:translateY(-3px);box-shadow:0 12px 32px rgba(102,187,106,.3),0 0 0 1px rgba(102,187,106,.3)}.color-picker-fallback::-webkit-color-swatch-wrapper{padding:4px}.color-picker-fallback::-webkit-color-swatch{border:none;border-radius:10px}.pcr-app{backdrop-filter:blur(10px)!important;background:#111!important;border:2px solid rgba(102,187,106,.3)!important;border-radius:14px!important;box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(102,187,106,.1)!important}.pcr-app .pcr-interaction input{color:#fff!important;background:#1a1a1a!important;border:2px solid rgba(102,187,106,.2)!important;border-radius:8px!important;padding:8px 12px!important;font-weight:500!important}.pcr-app .pcr-interaction input:focus{border-color:rgba(102,187,106,.5)!important;box-shadow:0 0 0 2px rgba(102,187,106,.1)!important}.pcr-app .pcr-interaction .pcr-save{font-weight:700;background:linear-gradient(135deg, var(--accent) 0%, #5aa503 100%)!important;color:#000!important;border:none!important;border-radius:8px!important;transition:all .3s!important;box-shadow:0 4px 12px rgba(102,187,106,.3)!important}.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(1.1);transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(102,187,106,.4)!important}.pcr-app .pcr-swatches>button{border:2px solid transparent;border-radius:6px;transition:all .15s}.pcr-app .pcr-swatches>button:hover{border-color:rgba(255,255,255,.3);transform:scale(1.15)}.color-picker-item .color-picker{cursor:pointer;background:0 0;border:3px solid rgba(255,255,255,.23);border-radius:12px;width:60px;height:60px;padding:0;transition:all .2s}.color-picker-item .color-picker:hover{border-color:rgba(255,255,255,.3);transform:scale(1.1);box-shadow:0 4px 20px rgba(0,0,0,.4)}.color-picker-item .color-picker::-webkit-color-swatch-wrapper{padding:4px}.color-picker-item .color-picker::-webkit-color-swatch{border:none;border-radius:8px}.color-pickers-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.color-picker-card{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;transition:all .25s}.color-picker-card:hover{border-color:rgba(255,255,255,.23)}.color-picker-card label{color:#fff;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.interval-control{align-items:center;gap:8px;margin-bottom:20px;display:flex}.interval-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:600;transition:all .2s;display:flex}.interval-btn:hover{background:var(--accent,#007200);border-color:var(--accent,#007200)}.interval-display{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.17);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.interval-input{width:70px;color:var(--accent,#007200);text-align:center;background:0 0;border:none;font-family:Courier New,monospace;font-size:1.6rem;font-weight:700}.interval-input:focus{outline:none}.interval-unit{color:#888;font-size:.9rem}.interval-presets{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{color:#888;cursor:pointer;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.preset-btn:hover{border-color:var(--accent,#007200);color:var(--accent,#007200);background:rgba(0,114,0,.15)}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.sports-pool{scrollbar-width:thin;scrollbar-color:var(--accent,#007200) rgba(0,0,0,.3);padding-right:8px;overflow-y:auto}.sports-pool::-webkit-scrollbar{width:8px}.sports-pool::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.sports-pool::-webkit-scrollbar-thumb{background:var(--accent,#007200);border-radius:4px}.sports-pool::-webkit-scrollbar-thumb:hover{background:var(--accent-hover,#008500)}.selection-grid .checkbox-item{cursor:pointer;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:14px 16px;transition:all .2s;display:grid}.selection-grid .checkbox-item:hover{background:rgba(0,114,0,.08);border-color:rgba(0,114,0,.3)}.selection-grid .checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent,#007200);cursor:pointer;grid-area:1/1/span 2;align-self:center}.selection-grid .checkbox-item label{cursor:pointer;color:#ccc;overflow-wrap:anywhere;grid-area:1/2;min-width:0;font-size:.9rem;font-weight:500}.selection-grid .checkbox-item .sport-meta-row{flex-direction:column;grid-area:2/2;align-items:flex-start;gap:6px;display:flex}.selection-grid .checkbox-item .sport-meta-row .season-badge{margin-left:0}.auto-season-exclude-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:6px;display:flex}.auto-season-exclude-toggle .auto-season-exclude-text{letter-spacing:.3px;text-transform:uppercase;color:var(--dim,#999);white-space:nowrap;font-size:.68rem;font-weight:700}.auto-season-exclude-toggle.disabled{cursor:not-allowed;opacity:.4}.toggle-switch.compact{width:34px;height:20px}.toggle-switch.compact .toggle-slider:before{width:14px;height:14px;bottom:3px;left:3px}.toggle-switch.compact input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-switch.compact.exclude-toggle input:checked+.toggle-slider{background:#ff5252}.selection-grid .checkbox-item.auto-season-excluded{opacity:.6}.selection-grid .checkbox-item.sport-locked{opacity:.72}.selection-grid .checkbox-item.sport-locked input[type=checkbox]{cursor:not-allowed}.selection-grid .checkbox-item .sport-lock-hint{color:var(--dim,#9aa0a6);font-size:11px}.selection-grid .checkbox-item .sport-lock-hint a{color:var(--accent,#bed600);font-weight:700;text-decoration:none}.season-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:.66rem;font-weight:700}.season-badge.in-season{color:#7be08a;background:rgba(0,200,60,.12);border-color:rgba(0,200,60,.35)}.season-badge.off-season{color:#8a8a8a;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.season-badge.live{color:#ff6b6b;background:rgba(255,60,60,.14);border-color:rgba(255,60,60,.4);animation:1.6s ease-in-out infinite seasonLivePulse}@keyframes seasonLivePulse{0%,to{opacity:1}50%{opacity:.6}}.sports-group-wrapper{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.13);border-radius:12px;overflow:hidden}.sports-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(0,114,0,.1) 0%,rgba(0,80,0,.05) 100%);border-bottom:1px solid rgba(255,255,255,.13);align-items:center;gap:12px;padding:5px;transition:all .2s;display:flex}.sports-group-header:hover{background:linear-gradient(135deg,rgba(0,114,0,.18) 0%,rgba(0,80,0,.08) 100%)}.sports-group-header .group-toggle{color:#666;text-align:center;width:16px;font-size:.75rem;transition:transform .2s}.sports-group-header .group-icon{font-size:1.2rem}.sports-group-header .group-name{color:#fff;letter-spacing:.3px;flex:1;font-size:.95rem;font-weight:600}.sports-group-header .group-count{color:#888;background:rgba(0,0,0,.3);border-radius:20px;padding:4px 10px;font-size:.8rem}.sports-group-content{background:rgba(0,0,0,.15);padding:16px}.sports-group-content.selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.sortable-list{flex-direction:column;gap:8px;min-height:100px;display:flex}.nav-order-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:12px;align-items:center;gap:14px;padding:5px;transition:all .2s;display:flex}.nav-order-item:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.23)}.nav-order-item.dragging{opacity:.85;border-color:var(--accent,#007200);pointer-events:none;background:rgba(0,114,0,.2);transition:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}.drag-placeholder{background:rgba(255,255,255,.09);border:2px dashed rgba(255,255,255,.23);border-radius:12px;transition:height .15s}.nav-order-item .item-order-num{color:#888;background:rgba(255,255,255,.13);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.drag-handle{color:#555;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1.2rem}.drag-handle:active{cursor:grabbing}.nav-order-item .item-icon{font-size:1.2rem}.nav-order-item .item-label{color:#fff;flex:1;font-weight:500}.nav-order-item .item-type{color:#888;text-transform:uppercase;background:rgba(255,255,255,.16);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.nav-order-item .item-hold{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px 4px 10px;display:flex}.nav-order-item .item-hold:focus-within{border-color:var(--accent,#66bb6a);background:rgba(102,187,106,.08)}.nav-order-item .item-hold-label{letter-spacing:.04em;text-transform:uppercase;color:#888;font-size:.7rem;font-weight:700}.nav-order-item .item-hold input{color:#fff;text-align:center;-moz-appearance:textfield;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:6px;width:3.2em;padding:4px 2px;font-size:.9rem;font-weight:600}.nav-order-item .item-hold input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nav-order-item .item-hold input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nav-order-item .item-hold input:focus{border-color:var(--accent,#66bb6a);outline:none}.nav-order-item .item-hold input::-webkit-input-placeholder{color:#666;font-weight:400}.nav-order-item .item-hold input::placeholder{color:#666;font-weight:400}.nav-order-item .item-hold-unit{color:#aaa;font-size:.75rem;font-weight:600}.nav-order-item .remove-btn{color:#ff6b6b;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;transition:all .2s}.nav-order-item:hover .remove-btn{opacity:1}.nav-order-item .remove-btn:hover{background:rgba(255,80,80,.2)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state .empty-icon{opacity:.4;margin-bottom:12px;font-size:3rem}.empty-state .empty-text{color:#888;margin-bottom:6px;font-size:1rem;font-weight:500}.empty-state .empty-hint{color:#555;font-size:.85rem}.alerts-list{flex-direction:column;gap:12px;display:flex}.ticker-config-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.ticker-config-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.23)}.ticker-config-item.dragging{opacity:.85;border-color:var(--accent,#007200);pointer-events:none;background:rgba(0,114,0,.2);transition:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}.ticker-config-item .prefix-input{width:200px;color:var(--accent,#007200);text-transform:uppercase;background:rgba(0,114,0,.1);border:1px solid rgba(0,114,0,.3);border-radius:8px;padding:10px 12px;font-size:.85rem;font-weight:700}.ticker-config-item .message-input{color:#fff;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.17);border-radius:8px;flex:1;padding:10px 14px;font-size:.9rem}.ticker-config-item .prefix-input:focus,.ticker-config-item .message-input:focus{border-color:var(--accent,#007200);outline:none}.ticker-config-item .delete-btn{color:#ff6b6b;cursor:pointer;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.2);border-radius:8px;padding:10px 14px;font-size:1rem;transition:all .2s}.ticker-config-item .delete-btn:hover{background:rgba(255,80,80,.2);border-color:rgba(255,80,80,.4)}@media (max-width:767px){.ticker-config-item{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.ticker-config-item .prefix-input{width:100%;padding:10px 12px;font-size:.75rem}.ticker-config-item .message-input{width:100%;padding:10px 12px;font-size:.85rem}.ticker-config-item .delete-btn{width:100%;padding:10px 12px}}.storage-quota{background:rgba(0,114,0,.08);border:1px solid rgba(0,114,0,.2);border-radius:12px;margin-bottom:24px;padding:16px 20px}.quota-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quota-label{color:#ccc;font-size:.9rem;font-weight:600}.quota-value{color:var(--accent,#007200);font-family:Courier New,monospace;font-weight:700}.quota-bar{background:rgba(255,255,255,.17);border-radius:4px;height:8px;overflow:hidden}.quota-fill{background:var(--accent,#007200);border-radius:4px;height:100%;transition:width .4s}.upload-zone{margin-top:8px}.drop-zone{cursor:pointer;background:rgba(0,0,0,.3);border:2px dashed rgba(255,255,255,.23);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px;padding:40px;transition:all .3s;display:flex}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent,#007200);background:rgba(0,114,0,.08)}.drop-zone .drop-icon{opacity:.7;margin-bottom:12px;font-size:2.5rem}.drop-zone .drop-text{color:#ccc;margin-bottom:6px;font-weight:600}.drop-zone .drop-hint{color:#666;font-size:.85rem}.file-selected-banner{border:2px solid var(--accent,#007200);background:rgba(0,114,0,.12);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;animation:.25s bannerSlideIn;display:flex}.file-selected-banner span{color:var(--accent,#66bb6a);font-size:.95rem;font-weight:600}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-actions{gap:12px;display:flex}.btn-upload-main{background:var(--accent,#007200);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.btn-upload-main:hover{background:#009000;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,114,0,.3)}.upload-progress{background:rgba(0,0,0,.3);border-radius:12px;margin-top:16px;padding:16px}.progress-text{color:#888;margin-bottom:10px;font-size:.85rem}.progress-bar{background:rgba(255,255,255,.17);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--accent,#007200);border-radius:4px;height:100%;transition:width .3s}.media-list{flex-direction:column;gap:12px;display:flex}.media-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .25s;display:flex}.media-item:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}.media-item.in-rotation{background:rgba(0,114,0,.08);border-color:rgba(0,114,0,.25)}.media-item.in-rotation:hover{background:rgba(0,114,0,.12);border-color:rgba(0,114,0,.35)}.media-item.marked-for-deletion,.poll-item.marked-for-deletion{opacity:.4;position:relative}.poll-item.marked-for-deletion .poll-question{text-decoration:line-through}.poll-item.marked-for-deletion .poll-rotation-toggle{pointer-events:none;opacity:.3}.media-item .rotation-checkbox{flex-shrink:0}.media-item .media-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.media-item .media-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.media-item .media-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;display:block;overflow:hidden}.media-item .media-meta{color:#666;font-size:.75rem}.media-actions-compact{flex-shrink:0;gap:8px;display:flex}.pairing-form{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.pairing-code-input{flex-direction:column;gap:6px;display:flex}.code-input{width:160px;color:var(--accent,#007200);text-align:center;letter-spacing:6px;background:rgba(0,0,0,.4);border:2px solid rgba(0,114,0,.3);border-radius:12px;padding:16px 20px;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.code-input:focus{border-color:var(--accent,#007200);outline:none;box-shadow:0 0 0 4px rgba(0,114,0,.15)}.code-hint{color:#666;text-align:center;font-size:.8rem}.pairing-label-input{flex:1;min-width:200px}.btn-pair{background:var(--accent,#007200);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 28px;font-size:1rem;font-weight:600;transition:all .25s;display:flex}.btn-pair:hover{background:#009000;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,114,0,.3)}.pairing-message{width:100%;margin-top:12px;font-size:.9rem}.pairing-message.success{color:var(--accent)}.pairing-message.error{color:#ff6b6b}.devices-grid,.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.device-item,.session-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:14px;align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex}.device-item:hover,.session-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.23)}.device-item .device-icon,.session-item .session-icon{opacity:.7;font-size:2rem}.device-item .device-info,.session-item .session-info{flex:1}.device-item .device-name,.session-item .session-name{color:#fff;margin-bottom:4px;font-weight:600;display:block}.device-item .device-meta,.session-item .session-meta{color:#666;font-size:.8rem}.device-item .device-status.online{color:#4ade80}.device-item .device-status.offline{color:#888}.device-item{flex-wrap:wrap}.device-item .device-rotation{color:#888;flex:100%;order:5;font-size:.8rem}.device-item .device-rotation select{width:100%;margin-top:4px;display:block}.device-item .unpair-btn,.session-item .close-btn{color:#ff6b6b;cursor:pointer;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.2);border-radius:10px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.device-item .unpair-btn:hover,.session-item .close-btn:hover{background:rgba(255,80,80,.2);border-color:rgba(255,80,80,.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.pairing-form{flex-direction:column}.pairing-label-input{width:100%}.tab-intro{text-align:center;flex-direction:column}.admin-content-area{padding-bottom:140px}}@media (max-width:599px){.settings-tabs{flex-wrap:wrap}.settings-tab-btn{flex:0 calc(50% - 6px);padding:8px 12px;font-size:.8rem}.settings-tab-btn .tab-icon{display:none}.theme-grid{grid-template-columns:1fr}.media-item{gap:12px;padding:10px 12px}.media-item .media-thumb{width:48px;height:48px}.media-item .rotation-checkbox{width:36px;height:36px}}.checkbox-list{flex-direction:column;gap:12px;display:flex}.checkbox-item{cursor:pointer;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.checkbox-item:hover{background:rgba(0,114,0,.08);border-color:rgba(0,114,0,.3)}.rotation-order{flex-direction:column;gap:8px;display:flex}.ticker-container{flex-direction:column;gap:12px;display:flex}.media-library{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.devices-list,.sessions-list{flex-direction:column;gap:12px;display:flex}.message-text{color:#888;margin-top:12px;font-size:.85rem}.message-text.success{color:var(--accent)}.message-text.error{color:#ff6b6b}.primary-btn{background:var(--accent,#007200);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .25s}.primary-btn:hover{background:#009000;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,114,0,.3)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.poll-creator-card{border:1px solid rgba(255,255,255,.17)}.poll-creator{flex-direction:column;gap:24px;display:flex}.poll-section{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:20px;transition:all .3s}.poll-section:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17)}.section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-icon{font-size:1.2rem}.section-title{color:#fff;font-size:1rem;font-weight:600}.section-badge{color:#888;background:rgba(255,255,255,.11);border-radius:20px;margin-left:auto;padding:4px 10px;font-size:.75rem}.question-input-wrapper{position:relative}.poll-question-input{color:#fff;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.17);border-radius:12px;width:100%;padding:16px 70px 16px 18px;font-size:1.1rem;font-weight:500;transition:all .2s}.poll-question-input:focus{border-color:var(--accent,#007200);background:rgba(0,0,0,.4);outline:none;box-shadow:0 0 0 3px rgba(0,114,0,.15)}.poll-question-input::-webkit-input-placeholder{color:#555;font-weight:400}.poll-question-input::placeholder{color:#555;font-weight:400}.char-counter{color:#555;background:rgba(0,0,0,.3);border-radius:6px;padding:3px 8px;font-size:.75rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.poll-options-grid{flex-direction:column;gap:12px;display:flex}.poll-option-row{align-items:center;gap:12px;animation:.2s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.option-number{background:linear-gradient(135deg, var(--accent,#007200) 0%, rgba(0,114,0,.7) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.poll-option-input{color:#fff;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.16);border-radius:10px;flex:1;padding:14px 16px;font-size:.95rem;transition:all .2s}.poll-option-input:focus{border-color:var(--accent,#007200);background:rgba(0,0,0,.35);outline:none}.poll-option-input::-webkit-input-placeholder{color:#555}.poll-option-input::placeholder{color:#555}.btn-remove-option{color:#ff6b6b;cursor:pointer;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;transition:all .2s;display:flex}.btn-remove-option:hover{background:rgba(255,107,107,.25);border-color:rgba(255,107,107,.4);transform:scale(1.05)}.btn-add-option{color:#888;cursor:pointer;background:0 0;border:2px dashed rgba(255,255,255,.23);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px;font-size:.9rem;transition:all .2s;display:flex}.btn-add-option:hover{border-color:var(--accent,#007200);color:var(--accent,#007200);background:rgba(0,114,0,.05)}.btn-add-option .add-icon{font-size:1.2rem;font-weight:300}.poll-settings-grid{flex-direction:column;gap:12px;display:flex}.poll-toggle-setting{cursor:pointer;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.11);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.poll-toggle-setting:hover{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.17)}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-label{color:#fff;font-size:.95rem;font-weight:500}.toggle-hint{color:#666;font-size:.8rem}.toggle-switch{flex-shrink:0;width:48px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:rgba(255,255,255,.17);border-radius:26px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#666;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent,#007200)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(22px)}.datetime-picker-trigger{cursor:pointer;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.16);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.datetime-picker-trigger:hover{border-color:var(--accent,#007200);background:rgba(0,0,0,.3)}.datetime-display{align-items:center;gap:10px;display:flex}.datetime-icon{font-size:1.2rem}.datetime-value{color:#888;font-size:.95rem}.datetime-arrow{color:#555;font-size:1.4rem;transition:transform .2s}.datetime-picker-trigger:hover .datetime-arrow{color:var(--accent,#007200);transform:translate(3px)}.poll-create-action{padding-top:8px}.btn-create-poll{background:linear-gradient(135deg, var(--accent,#007200) 0%, rgba(0,114,0,.8) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 24px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px rgba(0,114,0,.3)}.btn-create-poll:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,114,0,.4)}.btn-create-poll:active{transform:translateY(0)}.btn-create-poll .btn-icon{font-size:1.3rem}@media (max-width:600px){.poll-section{padding:16px}.poll-question-input{padding:14px 60px 14px 14px;font-size:1rem}.poll-toggle-setting{padding:12px 14px}.btn-create-poll{padding:16px 20px;font-size:1rem}}.poll-form{flex-direction:column;gap:20px;display:flex}.poll-form .form-group{flex-direction:column;gap:8px;display:flex}.poll-form label{color:#ddd;font-size:.95rem;font-weight:600}.poll-options-list{cursor:pointer;flex-direction:column;gap:10px;margin-bottom:10px;transition:all .2s;display:flex}.btn-remove-option:hover{background:rgba(255,107,107,.3);border-color:#ff6b6b}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent,#66bb6a)}.form-actions{margin-top:10px}.polls-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.poll-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;transition:all .25s;display:flex}.poll-item:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}.poll-item.in-rotation{background:rgba(0,114,0,.08);border-color:rgba(0,114,0,.25)}.poll-item.in-rotation:hover{background:rgba(0,114,0,.12);border-color:rgba(0,114,0,.35)}.poll-rotation-toggle{flex-shrink:0}.rotation-checkbox{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.rotation-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.rotation-checkmark{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.rotation-checkmark:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:8px;height:14px;display:none;transform:rotate(45deg)translate(-1px,-1px)}.rotation-checkbox:hover .rotation-checkmark{background:rgba(0,114,0,.15);border-color:rgba(0,114,0,.4)}.rotation-checkbox input:checked+.rotation-checkmark{background:var(--accent,#007200);border-color:var(--accent,#007200)}.rotation-checkbox input:checked+.rotation-checkmark:after{display:block}.poll-item-header{align-items:center;gap:10px;display:flex}.poll-content{flex:1;min-width:0}.poll-item .poll-question{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.poll-item .poll-meta{color:#777;flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.poll-item .poll-meta span{align-items:center;gap:4px;display:flex}.poll-item .poll-options-preview{flex-wrap:wrap;gap:6px;display:flex}.poll-item .option-chip{color:#4a9eff;background:rgba(74,158,255,.1);border:1px solid rgba(74,158,255,.2);border-radius:10px;padding:3px 8px;font-size:.75rem}.poll-item .option-chip.option-more{color:#888;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.poll-actions-compact{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.btn-icon-sm{color:#aaa;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;transition:all .2s;display:flex}.btn-icon-sm:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.btn-icon-sm.btn-danger-icon:hover{color:#ff6b6b;background:rgba(255,107,107,.15);border-color:rgba(255,107,107,.3)}@media (max-width:600px){.polls-list{grid-template-columns:1fr}.poll-item{padding:12px}.poll-item .poll-question{white-space:normal}}.polls-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.poll-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px;transition:all .2s}.poll-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.poll-card.poll-ended{opacity:.7}.poll-card .poll-question{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:600;line-height:1.3}.poll-card .poll-meta{color:#777;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:.8rem;display:flex}.poll-card .poll-meta span{align-items:center;gap:4px;display:flex}.poll-qr-modal{z-index:10000;background:rgba(0,0,0,.8);justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.poll-qr-content,.poll-results-content{text-align:center;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:400px;padding:30px}.poll-qr-content h3,.poll-results-content h3{color:#fff;margin-bottom:20px;font-size:1.3rem}.poll-qr-image{border-radius:10px;width:200px;height:200px;margin-bottom:15px}.poll-qr-content p,.poll-results-content .poll-total{color:#888;margin-bottom:20px;font-size:.95rem}.poll-results-list{text-align:left;margin:20px 0}.poll-result-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.poll-result-item .result-text{color:#ddd;flex:0 0 120px;font-size:.9rem}.poll-result-item .result-bar-container{background:rgba(255,255,255,.1);border-radius:10px;flex:1;height:20px;overflow:hidden}.poll-result-item .result-bar{background:linear-gradient(90deg,#4a9eff,#00d4aa);border-radius:10px;height:100%;transition:width .3s}.poll-result-item .result-percent{text-align:right;color:#4a9eff;flex:0 0 80px;font-size:.9rem;font-weight:600}.poll-other-responses{text-align:left;border-top:1px solid rgba(255,255,255,.1);margin-top:20px;padding-top:20px}.poll-other-responses h4{color:#888;margin-bottom:12px;font-size:.9rem}.other-responses-list{flex-wrap:wrap;gap:8px;display:flex}.other-response{color:#aaa;background:rgba(107,114,128,.2);border-radius:8px;padding:6px 12px;font-size:.85rem}.btn-danger-outline{color:#ff6b6b;background:0 0;border:1px solid rgba(255,107,107,.3)}.btn-danger-outline:hover{background:rgba(255,107,107,.1);border-color:#ff6b6b}.onboarding-overlay{z-index:10000;background:rgba(0,0,0,.85);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.onboarding-modal{text-align:center;background:#111;border:2px solid #333;border-radius:12px;width:90%;max-width:560px;max-height:85vh;padding:40px;animation:.3s ease-out fadeInUp;position:relative;overflow-y:auto}.onboarding-close{color:#666;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:12px;right:16px}.onboarding-close:hover{color:#fff}.onboarding-progress{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.progress-dot{background:#333;border-radius:50%;width:10px;height:10px;transition:background .3s}.progress-dot.active{background:var(--accent,#007200)}.onboarding-step{display:none}.onboarding-step.active{animation:.3s ease-out fadeInUp;display:block}.onboarding-icon{margin-bottom:15px;font-size:3rem}.onboarding-step h2{color:#fff;margin:0 0 10px;font-size:1.5rem}.onboarding-step p{color:#999;margin:0 0 25px;line-height:1.6}.onboarding-field{margin-bottom:20px}.onboarding-field label{color:#ccc;margin-bottom:10px;font-size:.9rem;display:block}.onboarding-sports-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:300px;margin-bottom:20px;display:grid;overflow-y:auto}.onboarding-sport-item{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:border-color .2s;display:flex}.onboarding-sport-item:hover{border-color:var(--accent,#007200)}.onboarding-sport-item input[type=checkbox]{accent-color:var(--accent,#007200)}.onboarding-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}.onboarding-btn.primary{background:var(--accent,#007200);color:#fff}.onboarding-btn.primary:hover{filter:brightness(1.2);transform:translateY(-1px)}.onboarding-btn.secondary{color:#fff;background:#333;border:1px solid #444}.onboarding-btn.secondary:hover{border-color:var(--accent,#007200);background:rgba(0,114,0,.1)}.onboarding-logo-upload{cursor:pointer;border:2px dashed #333;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 15px;transition:border-color .2s;display:flex;overflow:hidden}.onboarding-logo-upload:hover{border-color:var(--accent,#007200)}.onboarding-logo-upload img{object-fit:contain;width:100%;height:100%}.onboard-upload-placeholder{color:#666;font-size:.85rem}.onboarding-instructions{text-align:left;margin:20px 0}.instruction-step{color:#ccc;border-bottom:1px solid #222;padding:10px 0;font-size:.95rem}.instruction-step:last-child{border-bottom:none}.instruction-step strong{color:var(--accent,#007200)}.btn-theme-toggle{color:#fff;cursor:pointer;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.23);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex}.btn-theme-toggle:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.25);transform:translateY(-2px)}body.settings-page.light-mode{background:linear-gradient(#f5f5f5 0%,#e8e8e8 100%)}body.settings-page.light-mode .settings-page-header{background:linear-gradient(rgba(0,114,0,.08) 0%,transparent 100%);border-bottom-color:#ddd}body.settings-page.light-mode .settings-page-header .header-content h1{background:linear-gradient(135deg,#222 0%,#555 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}body.settings-page.light-mode .settings-page-header .header-content p{color:#666}body.settings-page.light-mode .btn-theme-toggle{color:#333;background:rgba(0,0,0,.06);border-color:#ccc}body.settings-page.light-mode .btn-theme-toggle:hover{background:rgba(0,0,0,.1)}body.settings-page.light-mode .header-actions .btn-admin{color:#b37800;background:rgba(255,180,50,.1);border-color:rgba(255,150,0,.3)}body.settings-page.light-mode .header-actions .btn-admin:hover{background:rgba(255,180,50,.2);border-color:rgba(255,150,0,.5)}body.settings-page.light-mode .header-actions .btn-back{color:#333;background:rgba(0,0,0,.05);border-color:#ccc}body.settings-page.light-mode .header-actions .btn-back:hover{background:rgba(0,0,0,.08);border-color:#aaa}body.settings-page.light-mode .header-actions .btn-logout{background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.25)}body.settings-page.light-mode .settings-tabs-container{background:rgba(0,0,0,.03);border-bottom-color:#ddd}body.settings-page.light-mode .settings-tab-btn{color:#888}body.settings-page.light-mode .settings-tab-btn:hover{color:#444;background:rgba(0,0,0,.04)}body.settings-page.light-mode .settings-tab-btn.active{color:var(--accent,#007200);background:rgba(0,114,0,.06)}body.settings-page.light-mode .mobile-tab-dropdown{color:#333;background:#fff;border-color:#ccc}body.settings-page.light-mode .admin-content-area{background:0 0}body.settings-page.light-mode .admin-content-area::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15)}body.settings-page.light-mode .settings-card{background:linear-gradient(145deg,#fff 0%,#f8f8f8 100%);border-color:#ddd;box-shadow:0 2px 8px rgba(0,0,0,.06)}body.settings-page.light-mode .settings-card:hover{border-color:#bbb;box-shadow:0 8px 24px rgba(0,0,0,.1)}body.settings-page.light-mode .settings-card.upload-card{background:linear-gradient(145deg,rgba(0,114,0,.04) 0%,#f8f8f8 100%);border-color:rgba(0,114,0,.2)}body.settings-page.light-mode .card-header{background:rgba(0,0,0,.02);border-bottom-color:#eee}body.settings-page.light-mode .card-title h3{color:#222}body.settings-page.light-mode .card-title p{color:#888}body.settings-page.light-mode .card-icon{background:rgba(0,114,0,.08)}body.settings-page.light-mode h3,body.settings-page.light-mode .section-title{color:#222}body.settings-page.light-mode p,body.settings-page.light-mode .helper-text,body.settings-page.light-mode .card-body p{color:#666}body.settings-page.light-mode label{color:#444}body.settings-page.light-mode input[type=text],body.settings-page.light-mode input[type=email],body.settings-page.light-mode input[type=number],body.settings-page.light-mode input[type=url],body.settings-page.light-mode input[type=color],body.settings-page.light-mode select,body.settings-page.light-mode textarea{color:#333;background:#fff;border-color:#ccc}body.settings-page.light-mode input[type=text]:focus,body.settings-page.light-mode input[type=email]:focus,body.settings-page.light-mode input[type=number]:focus,body.settings-page.light-mode select:focus,body.settings-page.light-mode textarea:focus{border-color:var(--accent,#007200);box-shadow:0 0 0 2px rgba(0,114,0,.15)}body.settings-page.light-mode input::-webkit-input-placeholder{color:#aaa}body.settings-page.light-mode input::placeholder{color:#aaa}body.settings-page.light-mode .nav-item,body.settings-page.light-mode .rotation-item{color:#333;background:#f0f0f0;border-color:#ddd}body.settings-page.light-mode .nav-item:hover,body.settings-page.light-mode .rotation-item:hover{background:#e8e8e8;border-color:#bbb}body.settings-page.light-mode .checkbox-item{color:#333;background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .checkbox-item:hover{border-color:var(--accent,#007200);background:#eee}body.settings-page.light-mode .checkbox-item label{color:#333}body.settings-page.light-mode .theme-card,body.settings-page.light-mode .tile-theme-card{background:#f8f8f8;border-color:#ddd}body.settings-page.light-mode .theme-card:hover,body.settings-page.light-mode .tile-theme-card:hover{border-color:#bbb}body.settings-page.light-mode .theme-card .theme-name,body.settings-page.light-mode .tile-theme-card .tile-theme-name{color:#333}body.settings-page.light-mode .font-select{color:#333;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border-color:#ccc}body.settings-page.light-mode .font-select option{color:#333;background:#fff}body.settings-page.light-mode .font-preview-text{color:#444;background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .font-option{color:#333;background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .font-option:hover{background:#eee;border-color:#bbb}body.settings-page.light-mode .media-item{background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .media-item:hover{border-color:#bbb;box-shadow:0 4px 12px rgba(0,0,0,.08)}body.settings-page.light-mode .media-item .media-name{color:#333}body.settings-page.light-mode .upload-dropzone{color:#888;background:#f8f8f8;border-color:#ccc}body.settings-page.light-mode .upload-dropzone:hover,body.settings-page.light-mode .upload-dropzone.drag-over{border-color:var(--accent,#007200);background:rgba(0,114,0,.04)}body.settings-page.light-mode .device-item{background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .device-item .device-name{color:#333}body.settings-page.light-mode .device-item .device-info{color:#888}body.settings-page.light-mode .poll-item{background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .poll-item:hover{border-color:#bbb}body.settings-page.light-mode .poll-question{color:#333}body.settings-page.light-mode .poll-form .form-group label{color:#444}body.settings-page.light-mode .danger-zone{border-color:rgba(220,50,50,.25)}body.settings-page.light-mode .danger-zone-desc{color:#666}body.settings-page.light-mode .legal-links a{color:#777}body.settings-page.light-mode .legal-links a:hover{color:#333}body.settings-page.light-mode .legal-sep{color:#bbb}body.settings-page.light-mode .settings-footer{background:linear-gradient(rgba(245,245,245,.9),rgba(245,245,245,.98));border-top-color:#ddd}body.settings-page.light-mode .footer-hint{color:#888}body.settings-page.light-mode .btn-danger-outline{border-color:rgba(255,107,107,.3)}body.settings-page.light-mode .sports-group-header{color:#333;background:#eee;border-color:#ddd}body.settings-page.light-mode .quota-bar-bg{background:#e0e0e0}body.settings-page.light-mode .color-scheme-option{background:#f5f5f5;border-color:#ddd}body.settings-page.light-mode .color-scheme-option:hover{border-color:#bbb}body.settings-page.light-mode .toast{color:#333;background:#fff;border-color:#ddd;box-shadow:0 4px 16px rgba(0,0,0,.12)}.feedback-form{max-width:560px}.feedback-form .form-group{margin-bottom:16px}.feedback-textarea{resize:vertical;min-height:140px;font-family:inherit;line-height:1.6}.feedback-status{min-height:1.4em;margin-top:12px;font-size:.9rem}.feedback-status.success{color:#6d7}.feedback-status.error{color:#f66}body.settings-page.light-mode .feedback-status.success{color:#2e7d32}body.settings-page.light-mode .feedback-status.error{color:#c62828}.howto-steps{flex-direction:column;gap:1rem;display:flex}.howto-card .card-header{cursor:pointer;-webkit-user-select:none;user-select:none}.howto-card .card-header:focus-visible{outline:2px solid var(--accent,#007200);outline-offset:-2px}.howto-toggle{opacity:.5;flex-shrink:0;align-self:center;margin-left:auto;font-size:.8rem;transition:opacity .15s}.howto-card .card-header:hover .howto-toggle{opacity:.9}.howto-card.howto-collapsed .card-body{display:none}.howto-card .card-body p{color:rgba(255,255,255,.7);margin-bottom:1rem;font-size:.95rem;line-height:1.7}.howto-step-number{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:800;display:flex;background:var(--accent,#66bb6a)!important;color:#000!important}.howto-jump-btn{color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.4rem 1rem;font-size:.85rem;transition:background .2s,color .2s}.howto-jump-btn:hover{background:var(--accent,#66bb6a);color:#000;border-color:var(--accent,#66bb6a)}.howto-tips-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.howto-tips-list li{color:rgba(255,255,255,.7);padding-left:1.5rem;font-size:.93rem;line-height:1.6;position:relative}.howto-tips-list li:before{content:"→";color:var(--accent,#66bb6a);font-weight:700;position:absolute;left:0}body.settings-page.light-mode .howto-card .card-body p,body.settings-page.light-mode .howto-tips-list li{color:rgba(0,0,0,.7)}body.settings-page.light-mode .howto-jump-btn{color:rgba(0,0,0,.7);background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15)}body.settings-page.light-mode .howto-jump-btn:hover{color:#000}.howto-pwa-platforms{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.howto-pwa-platform{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem 1.2rem}.howto-pwa-platform h4{color:var(--accent,#66bb6a);margin:0 0 .6rem;font-size:.9rem;font-weight:700}.howto-pwa-steps{flex-direction:column;gap:.35rem;margin:0;padding-left:1.2rem;display:flex}.howto-pwa-steps li{color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.5}.howto-pwa-steps li::marker{color:var(--accent,#66bb6a);font-weight:700}body.settings-page.light-mode .howto-pwa-platform{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}body.settings-page.light-mode .howto-pwa-steps li{color:rgba(0,0,0,.7)}.howto-apps-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.howto-app-card{text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;transition:border-color .2s;display:flex}.howto-app-card:hover{border-color:rgba(255,255,255,.18)}.howto-app-icon{font-size:1.8rem;line-height:1}.howto-app-name{color:rgba(255,255,255,.85);font-size:.85rem;font-weight:600}.howto-coming-soon{text-transform:uppercase;letter-spacing:.06em;color:var(--accent,#66bb6a);background:rgba(102,187,106,.1);border:1px solid rgba(102,187,106,.25);border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.howto-available{text-transform:uppercase;letter-spacing:.06em;color:#000;background:var(--accent,#66bb6a);white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:filter .2s}.howto-available:hover{filter:brightness(1.15)}body.settings-page.light-mode .howto-app-card{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}body.settings-page.light-mode .howto-app-card:hover{border-color:rgba(0,0,0,.2)}body.settings-page.light-mode .howto-app-name{color:rgba(0,0,0,.85)}.billing-detail-row{border-bottom:1px solid rgba(255,255,255,.08);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.billing-detail-row:last-child{border-bottom:none}.billing-label{color:#999;font-size:.9rem}.billing-value{color:#fff;font-size:.95rem}.billing-actions{flex-wrap:wrap;gap:10px;display:flex}body.settings-page.light-mode .billing-detail-row{border-bottom-color:rgba(0,0,0,.08)}body.settings-page.light-mode .billing-label{color:#666}body.settings-page.light-mode .billing-value{color:#222}.billing-trial-banner{background:linear-gradient(135deg,rgba(255,152,0,.15),rgba(255,152,0,.05));border:1px solid rgba(255,152,0,.3);border-radius:12px;margin-bottom:20px;padding:14px 20px}.billing-trial-banner.urgent{background:linear-gradient(135deg,rgba(255,87,34,.2),rgba(255,87,34,.08));border-color:rgba(255,87,34,.4)}.billing-trial-banner.expired{background:linear-gradient(135deg,rgba(244,67,54,.2),rgba(244,67,54,.08));border-color:rgba(244,67,54,.4)}.trial-banner-content{align-items:center;gap:10px;display:flex}.trial-banner-icon{flex-shrink:0;font-size:1.3rem}.trial-banner-text{color:#ff9800;font-size:.95rem;font-weight:600}.billing-trial-banner.urgent .trial-banner-text{color:#ff5722}.billing-trial-banner.expired .trial-banner-text{color:#f44336}body.settings-page.light-mode .billing-trial-banner{background:linear-gradient(135deg,rgba(255,152,0,.1),rgba(255,152,0,.03))}body.settings-page.light-mode .billing-trial-banner.urgent{background:linear-gradient(135deg,rgba(255,87,34,.12),rgba(255,87,34,.04))}body.settings-page.light-mode .billing-trial-banner.expired{background:linear-gradient(135deg,rgba(244,67,54,.12),rgba(244,67,54,.04))}.billing-plans-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.billing-plan-card{text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;flex-direction:column;align-items:center;padding:28px 24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.billing-plan-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.billing-plan-card.featured{background:linear-gradient(135deg,rgba(102,187,106,.1),rgba(102,187,106,.03));border-color:rgba(102,187,106,.35)}.billing-plan-card.featured:hover{border-color:rgba(102,187,106,.6)}.billing-plan-badge{color:#000;text-transform:uppercase;letter-spacing:.05em;background:#66bb6a;border-radius:20px;padding:3px 14px;font-size:.7rem;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.billing-plan-name{color:#fff;margin:4px 0 12px;font-size:1.15rem;font-weight:700}.billing-plan-price{align-items:baseline;gap:2px;margin-bottom:18px;display:flex}.billing-plan-currency{color:#999;font-size:1.3rem;font-weight:600}.billing-plan-amount{color:#fff;font-size:2.8rem;font-weight:800;line-height:1}.billing-plan-period{color:#888;margin-left:4px;font-size:.85rem}.billing-plan-features{text-align:left;width:100%;margin:0 0 18px;padding:0;list-style:none}.billing-plan-features li{color:#bbb;padding:5px 0 5px 22px;font-size:.85rem;position:relative}.billing-plan-features li:before{content:"✓";color:#66bb6a;font-weight:700;position:absolute;left:0}.billing-plan-spots{color:#ff9800;margin-bottom:14px;font-size:.78rem;font-weight:600}.billing-plan-btn{cursor:pointer;color:#fff;background:rgba(255,255,255,.1);border:none;border-radius:10px;width:100%;margin-top:auto;padding:12px 20px;font-size:.95rem;font-weight:700;transition:background .2s,transform .1s}.billing-plan-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.billing-plan-btn.featured{color:#000;background:#66bb6a}.billing-plan-btn.featured:hover{background:#81c784}body.settings-page.light-mode .billing-plan-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.1)}body.settings-page.light-mode .billing-plan-card:hover{border-color:rgba(0,0,0,.2)}body.settings-page.light-mode .billing-plan-card.featured{background:linear-gradient(135deg,rgba(102,187,106,.08),rgba(102,187,106,.02));border-color:rgba(102,187,106,.3)}body.settings-page.light-mode .billing-plan-name,body.settings-page.light-mode .billing-plan-amount{color:#222}body.settings-page.light-mode .billing-plan-currency{color:#666}body.settings-page.light-mode .billing-plan-period{color:#888}body.settings-page.light-mode .billing-plan-features li{color:#555}body.settings-page.light-mode .billing-plan-btn{color:#222;background:rgba(0,0,0,.06)}body.settings-page.light-mode .billing-plan-btn:hover{background:rgba(0,0,0,.12)}body.settings-page.light-mode .billing-plan-btn.featured{color:#000;background:#66bb6a}.billing-cycle-toggle{background:rgba(255,255,255,.06);border-radius:8px;width:100%;margin-bottom:16px;padding:3px;display:flex}.cycle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 10px;font-size:.8rem;font-weight:600;transition:background .2s,color .2s}.cycle-btn.active{color:#fff;background:rgba(255,255,255,.12)}.cycle-btn:hover:not(.active){color:#ccc}.cycle-save{color:#000;vertical-align:middle;background:#66bb6a;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}body.settings-page.light-mode .billing-cycle-toggle{background:rgba(0,0,0,.05)}body.settings-page.light-mode .cycle-btn{color:#888}body.settings-page.light-mode .cycle-btn.active{color:#222;background:rgba(0,0,0,.08)}@media (max-width:600px){.billing-plans-grid{grid-template-columns:1fr}}@media (max-width:767px){.admin-content-area{padding:16px 16px 140px}.settings-card{border-radius:12px}.card-header{gap:12px;padding:14px 16px}.card-icon{border-radius:10px;width:36px;height:36px;font-size:1.1rem}.card-title h3{font-size:.95rem}.card-title p{font-size:.8rem}.card-body{padding:16px}.tab-intro{gap:14px;margin-bottom:16px;padding:16px}.tab-intro-icon{border-radius:12px;width:52px;height:52px;font-size:2rem}.tab-intro-text h2{font-size:1.2rem}.tab-intro-text p{font-size:.85rem}.settings-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:10px}.theme-card .theme-preview{min-height:60px;padding:12px}.theme-card .theme-info{padding:10px 12px}.theme-card .theme-name{font-size:.8rem}.tile-theme-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tile-theme-section{margin-top:20px;padding-top:16px}.custom-color-section{padding:20px 16px}.color-pickers-row{gap:20px}.pickr-target .pcr-button,.color-picker-fallback{width:56px;height:56px}.font-preview-text{padding:12px;font-size:1rem}.interval-control{gap:6px}.interval-btn{width:44px;height:44px;font-size:1.2rem}.interval-presets{gap:6px}.preset-btn{text-align:center;flex:auto;min-width:40px;padding:8px 14px;font-size:.8rem}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.selection-grid .checkbox-item{gap:10px;padding:10px 12px;font-size:.85rem}.sports-group-content.selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.sports-group-header{padding:12px 14px}.sports-group-content{padding:12px}.nav-order-item{gap:10px;padding:12px 14px}.nav-order-item .item-label{font-size:.9rem}.nav-order-item .item-type{padding:3px 8px;font-size:.7rem}.media-preview-zone{min-height:120px}.media-preview-zone .bg-preview-box{width:100%;max-width:280px;height:140px}.media-actions{flex-direction:column}.btn-secondary,.btn-danger-outline{text-align:center;justify-content:center;width:100%}.drop-zone{padding:24px 16px}.drop-zone .drop-icon{font-size:2rem}.drop-zone .drop-text{font-size:.9rem}.drop-zone .drop-hint{font-size:.75rem}.upload-actions{flex-direction:column}.btn-upload-main{width:100%}.media-item{gap:12px;padding:10px 12px}.media-item .media-thumb{width:48px;height:48px}.pairing-form{flex-direction:column;gap:12px}.pairing-code-input{width:100%}.code-input{width:100%;font-size:1.6rem}.pairing-label-input{width:100%;min-width:0}.btn-pair{justify-content:center;width:100%}.devices-grid,.sessions-grid{grid-template-columns:1fr;gap:12px}.device-item,.session-item{padding:14px 16px}.polls-grid{grid-template-columns:1fr}.poll-section{padding:14px}.poll-question-input{padding:12px 60px 12px 14px;font-size:1rem}.poll-option-row{gap:8px}.poll-option-input{padding:12px 14px;font-size:.9rem}.option-number{width:28px;height:28px;font-size:.8rem}.poll-toggle-setting{padding:12px 14px}.btn-create-poll{padding:14px 20px;font-size:1rem}.dt-picker-content{max-width:95vw;padding:16px}.dt-calendar{gap:2px}.poll-qr-content,.poll-results-content{max-width:95vw;padding:20px}.poll-result-item{flex-wrap:wrap;gap:8px}.poll-result-item .result-text{flex:100%}.poll-result-item .result-bar-container{flex:1}.poll-result-item .result-percent{flex:0 0 60px}.storage-quota{margin-bottom:16px;padding:12px 14px}.feedback-form{max-width:100%}.feedback-textarea{min-height:120px}.onboarding-modal{width:95%;padding:24px 20px}.onboarding-icon{font-size:2.5rem}.onboarding-step h2{font-size:1.2rem}.onboarding-step p{font-size:.9rem}.onboarding-sports-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.onboarding-actions{flex-direction:column;gap:8px}.onboarding-btn{width:100%;padding:12px 20px}.card-header .btn-add-new{padding:8px 14px;font-size:.8rem}.empty-state{padding:32px 16px}.empty-state .empty-icon{font-size:2.5rem}.toggle-switch{width:52px;height:28px}.toggle-slider:before{width:22px;height:22px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}}@media (max-width:480px){.admin-content-area{padding:10px 10px 130px}.settings-page-header{gap:10px;padding:10px 12px}.settings-page-header .header-content h1{font-size:1.2rem}.settings-page-header .header-content p{font-size:.75rem}.header-actions{flex-wrap:wrap}.header-actions .btn-admin,.header-actions .btn-back,.header-actions .btn-logout{padding:6px 10px;font-size:.75rem}.btn-theme-toggle{width:36px;height:36px;font-size:1rem}.settings-tabs-container{padding:8px 10px}.mobile-tab-dropdown{padding:10px 12px;font-size:.9rem}.card-header{flex-wrap:wrap;gap:10px;padding:12px}.card-body{padding:12px}.card-icon{width:32px;height:32px;font-size:1rem}.card-title h3{font-size:.9rem}.tab-intro{gap:10px;margin-bottom:12px;padding:12px}.tab-intro-icon{width:40px;height:40px;font-size:1.5rem}.tab-intro-text h2{font-size:1.05rem}.tab-intro-text p{font-size:.8rem}.theme-grid{grid-template-columns:1fr}.tile-theme-grid{grid-template-columns:repeat(2,1fr)}.selection-grid,.sports-group-content.selection-grid{grid-template-columns:1fr}.interval-presets{gap:4px}.preset-btn{padding:6px 10px;font-size:.75rem}.nav-order-item{gap:8px;padding:10px 12px}.nav-order-item .drag-handle,.nav-order-item .item-icon{font-size:1rem}.nav-order-item .item-label{font-size:.85rem}.nav-order-item .item-type{display:none}.ticker-config-item .prefix-input{font-size:.7rem}.media-item .rotation-checkbox{width:32px;height:32px}.media-item .media-thumb{width:40px;height:40px}.media-item .media-name{font-size:.85rem}.device-item,.session-item{gap:10px;padding:12px}.device-item .device-icon,.session-item .session-icon{font-size:1.4rem}.device-item .unpair-btn,.session-item .close-btn{padding:8px 12px;font-size:.8rem}.poll-item{gap:10px;padding:12px}.poll-item .poll-question{font-size:.9rem}.poll-card{padding:14px}.onboarding-modal{max-height:90vh;padding:20px 14px}.onboarding-sports-grid{grid-template-columns:1fr}.onboarding-sport-item{padding:6px 10px;font-size:.85rem}.settings-footer{gap:8px;padding:10px 12px}#saveBtn{padding:10px 14px;font-size:.85rem}.footer-hint{font-size:.7rem}}body.settings-page:not(.light-mode) .settings-page-header .header-content p,body.settings-page:not(.light-mode) .tab-intro-text p,body.settings-page:not(.light-mode) .card-title p,body.settings-page:not(.light-mode) .howto-card .card-body p{color:#a6a6a6}body.settings-page:not(.light-mode) .toggle-hint,body.settings-page:not(.light-mode) .input-hint,body.settings-page:not(.light-mode) .placeholder-hint,body.settings-page:not(.light-mode) .drop-hint,body.settings-page:not(.light-mode) .code-hint,body.settings-page:not(.light-mode) .empty-hint,body.settings-page:not(.light-mode) .char-counter,body.settings-page:not(.light-mode) .footer-hint .hint-text{color:#9a9a9a}body.settings-page:not(.light-mode) .toggle-label,body.settings-page:not(.light-mode) .settings-label,body.settings-page:not(.light-mode) .billing-label,body.settings-page:not(.light-mode) .quota-label,body.settings-page:not(.light-mode) .placeholder-text,body.settings-page:not(.light-mode) .drop-text,body.settings-page:not(.light-mode) .empty-text,body.settings-page:not(.light-mode) .selection-grid .checkbox-item label,body.settings-page:not(.light-mode) .howto-tips-list li{color:#e0e0e0}