.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-body)}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:32px 24px;display:flex;flex-direction:column;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:48px;padding-left:8px}.logo-icon{font-size:24px}.logo-text{font-size:1.5rem;color:var(--text-primary)}.nav-menu{display:flex;flex-direction:column;gap:8px;flex-grow:1}.nav-item{background:transparent;border:none;color:var(--text-secondary);padding:14px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:16px;font-size:.95rem;font-weight:600;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-body)}.nav-item:hover{color:var(--text-primary);background-color:#ffffff08}.nav-item.active{color:#000;background-color:var(--accent-volt);font-weight:800}.user-profile-card{margin-top:32px;border-top:1px solid var(--border-color);padding-top:24px;display:flex;align-items:center;gap:14px}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-volt),#96b200);color:#000;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:800;font-size:.95rem;color:var(--text-primary)}.user-stats{display:flex;align-items:center;gap:8px}.streak-indicator{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:800;color:var(--accent-orange)}.main-content{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-header{height:90px;border-bottom:1px solid var(--border-color);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background-color:#060608cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;flex-shrink:0}.page-title{font-size:1.8rem;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:24px}.quick-stats-banner{display:flex;align-items:center;gap:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius-sm)}.stat-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.stat-pill-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary)}.stat-pill-val{font-size:1rem;font-weight:900}.text-volt{color:var(--accent-volt)}.notification-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.notification-btn:hover{color:var(--text-primary);background-color:#ffffff08}.notification-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background-color:var(--accent-orange);color:#fff;font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center}.notification-wrapper{position:relative}.notifications-panel{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:440px;background:#141414fa;backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 12px);box-shadow:0 20px 60px #0009,0 0 1px #ffffff1a;z-index:1000;display:flex;flex-direction:column;animation:notifSlideDown .2s ease-out;font-family:var(--font-family-body)}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-panel-title{font-family:var(--font-family-title, "Inter", sans-serif);font-size:.95rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);margin:0}.notif-panel-actions{display:flex;align-items:center;gap:8px}.notif-mark-all-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--accent-volt, #c6ff00);font-size:.72rem;font-weight:700;font-family:var(--font-family-body);padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.notif-mark-all-btn:hover{background:#c6ff001a;border-color:var(--accent-volt, #c6ff00)}.notif-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:all .15s ease}.notif-close-btn:hover{color:var(--text-primary);background:#ffffff0d}.notif-list{overflow-y:auto;flex:1;max-height:360px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s ease;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#c6ff0008}.notif-item.unread:hover{background:#c6ff000f}.notif-item.read{opacity:.6}.notif-unread-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--accent-volt, #c6ff00);box-shadow:0 0 8px #c6ff0066;margin-top:5px}.notif-content{display:flex;flex-direction:column;gap:3px;min-width:0}.notif-title{font-weight:800;font-size:.82rem;color:var(--text-primary);letter-spacing:.01em}.notif-message{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.notif-time{font-size:.68rem;color:var(--text-muted, #555);margin-top:2px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--text-muted, #555);font-size:.85rem}@media (max-width: 480px){.notifications-panel{position:fixed;top:60px;left:.5rem;right:0;width:calc(100% - 1rem);max-height:calc(100vh - 80px);border-radius:0 0 var(--radius-md, 12px) var(--radius-md, 12px)}}.view-container{flex-grow:1;padding:40px;overflow-y:auto;background-color:var(--bg-primary)}@media (max-width: 1024px){.sidebar{width:80px;padding:32px 12px}.logo-text,.user-info,.nav-item span{display:none}.nav-item{justify-content:center;padding:14px 0}.logo-container{justify-content:center;padding:0}.user-profile-card{justify-content:center}}@media (max-width: 768px){.app-container{flex-direction:column-reverse}.sidebar{width:100%;height:68px;flex-direction:row;border-right:none;border-top:1px solid var(--border-color);padding:0 12px;position:fixed;bottom:0;left:0;right:0;background-color:#121216f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000004d}.logo-container,.user-profile-card{display:none!important}.nav-menu{flex-direction:row;width:100%;height:100%;justify-content:space-around;align-items:center;gap:0;margin:0;padding:0}.nav-item{flex-direction:column;gap:4px;padding:8px 0;width:20%;justify-content:center;align-items:center;border-radius:0;background:transparent!important;color:var(--text-secondary);font-size:.65rem;font-weight:500;text-align:center}.nav-item span{display:block!important;font-size:.65rem;font-weight:600}.nav-item svg{width:20px!important;height:20px!important;margin:0!important}.nav-item.active{color:var(--accent-volt)!important}.nav-item.active svg{color:var(--accent-volt)!important}.main-content{height:100vh;padding-bottom:68px}.top-header{height:64px;padding:0 16px;background-color:#060608f2}.page-title{font-size:1.1rem;font-weight:800}.quick-stats-banner{display:none!important}.view-container{padding:16px;padding-bottom:90px!important}}.dashboard-view{display:flex;flex-direction:column;gap:32px}.welcome-banner{background:linear-gradient(135deg,#111116,#1c1c24);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:40px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background-color:var(--accent-volt);filter:blur(150px);opacity:.1;pointer-events:none}.banner-content{max-width:60%;z-index:2}.banner-title{font-size:2.2rem;margin:12px 0 16px;line-height:1.1;color:var(--text-primary)}.banner-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:24px}.banner-actions{display:flex;gap:16px}.banner-graphic{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.mesh-circle{width:140px;height:140px;border-radius:50%;border:4px double var(--accent-volt);position:relative;animation:spin 20s linear infinite;opacity:.8}.mesh-circle:after{content:"🎾";font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-title{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.stat-card-value{font-family:var(--font-family-title);font-size:2.5rem;font-weight:900;font-style:italic;line-height:1;margin-bottom:8px}.stat-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;color:var(--text-secondary)}.stat-progress-bar-container{width:100%;height:3px;background-color:var(--border-color);position:absolute;bottom:0;left:0}.stat-progress-bar{height:100%;background-color:var(--accent-volt)}.dashboard-content-split{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.dashboard-panel{display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.panel-title{font-size:1.1rem;color:var(--text-primary);margin:0}.panel-action-link{background:transparent;border:none;color:var(--accent-volt);font-size:.85rem;font-weight:800;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color var(--transition-fast);font-family:var(--font-family-body)}.panel-action-link:hover{color:#fff}.matches-list{display:flex;flex-direction:column;gap:16px}.match-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#ffffff03;transition:all var(--transition-fast)}.match-item:hover{background-color:#ffffff08;border-color:var(--border-focus)}.outcome-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;font-family:var(--font-family-title);flex-shrink:0}.outcome-w{background-color:#00e6761a;color:var(--success);border:1.5px solid var(--success);box-shadow:0 0 10px #00e6761a}.outcome-l{background-color:#ff17441a;color:var(--danger);border:1.5px solid var(--danger)}.match-info{flex-grow:1}.match-opponents{font-weight:800;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.match-meta{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.meta-divider{color:var(--text-muted)}.match-right{text-align:right}.match-score{font-family:var(--font-family-title);font-weight:800;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.match-date{font-size:.75rem;color:var(--text-secondary)}.chart-placeholder{margin-bottom:24px}.performance-chart-svg{width:100%;height:auto;display:block}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.shot-breakdown{display:flex;flex-direction:column;gap:12px}.shot-metric{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#0003;border:1px dashed var(--border-color);border-radius:var(--radius-sm);font-size:.85rem}.shot-metric-name{color:var(--text-secondary);font-weight:600}.shot-metric-val{font-weight:800;color:var(--text-primary)}@media (max-width: 1200px){.dashboard-content-split{grid-template-columns:1fr}}@media (max-width: 768px){.welcome-banner{flex-direction:column;padding:24px;align-items:flex-start}.banner-content{max-width:100%;margin-bottom:24px}.banner-title{font-size:1.8rem}.banner-graphic{display:none}}.chart-nav-arrows{display:flex;align-items:center;gap:8px}.chart-nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;transition:all var(--transition-fast);padding:0}.chart-nav-btn:hover{border-color:var(--accent-volt);color:var(--accent-volt);background:#d2fc0014}.chart-nav-dots{display:flex;gap:6px;align-items:center}.chart-nav-dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--border-color);transition:background-color var(--transition-fast)}.chart-nav-dot.active{background-color:var(--accent-volt)}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-focus);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-family-body);font-size:.78rem;color:var(--text-secondary);box-shadow:var(--shadow-lg);min-width:160px;pointer-events:none}.chart-tooltip p{margin:2px 0}.chart-tooltip strong{color:var(--text-primary)}.tooltip-date{font-weight:700;color:var(--text-primary);margin-bottom:4px!important;font-size:.82rem}.tooltip-total{color:var(--accent-volt);margin-bottom:4px!important}.chart-tooltip-red .tooltip-total{color:#ff1744}.tooltip-hr{border:none;border-top:1px solid var(--border-color);margin:6px 0}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:12px!important;min-height:110px!important}.stat-card-header svg{width:18px!important;height:18px!important}.stat-title{font-size:.62rem!important}.stat-card-value{font-size:1.6rem!important;margin-bottom:4px!important}.stat-card-footer{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.stat-subtitle{font-size:.65rem!important;line-height:1.1}.stat-card-footer .badge{font-size:.58rem!important;padding:2px 6px!important}.panel-title{font-size:.95rem!important}.panel-header{margin-bottom:16px!important;padding-bottom:8px!important}.match-opponents,.match-score{font-size:.85rem!important}.match-meta{font-size:.72rem!important}.shot-metric{padding:8px 10px!important;font-size:.76rem!important}.chart-nav-btn{width:24px!important;height:24px!important;font-size:1rem!important}}.stats-tracker-view{width:100%}.tracker-form{display:flex;flex-direction:column;gap:32px}.form-sections-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative;z-index:5}@media (max-width: 1380px){.form-sections-grid{grid-template-columns:1fr;gap:20px}}.tracker-column-left,.tracker-column-right{display:flex;flex-direction:column;gap:24px}.form-section-card{display:flex;flex-direction:column;height:100%}.section-title{font-size:1.15rem;color:var(--text-primary);margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.section-description{color:var(--text-secondary);font-size:.85rem;margin-top:-12px;margin-bottom:20px}.dropdown-container{position:relative;z-index:1}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border-focus);border-radius:var(--radius-sm);z-index:999;max-height:200px;overflow-y:auto;margin-top:4px;box-shadow:var(--shadow-lg)}.dropdown-item{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03)}.dropdown-item:hover{background-color:var(--bg-card-hover)}.dropdown-item:last-child{border-bottom:none}.dropdown-item .p-name{font-weight:700;color:var(--text-primary)}.dropdown-item .p-badge{font-size:.7rem}.add-custom-item{color:var(--text-secondary);font-style:italic;font-size:.85rem}.add-custom-item:hover{color:var(--accent-volt)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-row{display:flex;gap:16px}.flex-1{flex:1}.input-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;display:flex;align-items:center}.sport-input{background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px 16px;font-family:var(--font-family-body);font-size:.95rem;transition:all var(--transition-fast)}.sport-input:focus{outline:none;border-color:var(--accent-volt);box-shadow:0 0 10px #d2fc001a;background-color:#0009}.match-type-selector{display:flex;background-color:#0000004d;border:1px solid var(--border-color);padding:4px;border-radius:var(--radius-sm)}.selector-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:10px;font-family:var(--font-family-body);font-weight:700;text-transform:uppercase;font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.selector-btn.active{background-color:var(--border-color);color:var(--text-primary)}.deuce-rule-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 600px){.deuce-rule-selector{grid-template-columns:1fr}}.deuce-btn{background-color:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;transition:all var(--transition-fast);font-family:var(--font-family-body)}.deuce-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-focus)}.deuce-btn.active{border-color:var(--accent-volt);background-color:var(--accent-volt-muted)}.deuce-btn.active .rule-title{color:var(--accent-volt)}.rule-title{font-weight:800;font-size:.85rem;text-transform:uppercase;color:var(--text-primary)}.rule-desc{font-size:.7rem;color:var(--text-secondary)}.live-tracking-container{display:flex;flex-direction:column;gap:24px}.live-scoreboard-panel{padding:24px;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(20,20,24,.9) 100%)}.scoreboard-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.live-score-display{display:flex;flex-direction:column;gap:20px}.sets-row{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.sets-row{flex-direction:column;gap:16px;text-align:center}}.team-col{width:30%;display:flex;flex-direction:column}.team-col.us-title{align-items:flex-start}.team-col.them-title{align-items:flex-end}@media (max-width: 768px){.team-col.us-title,.team-col.them-title{align-items:center;width:100%}}.team-label{font-family:var(--font-family-title);font-size:1.3rem;font-weight:900;font-style:italic;letter-spacing:-.02em}.players-label{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.sets-scores-box{display:flex;gap:12px}.set-score-tile{background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 16px;min-width:80px;text-align:center;display:flex;flex-direction:column;align-items:center}.set-score-tile.current{border-color:var(--accent-volt);background-color:var(--accent-volt-muted)}.set-score-tile.current .set-num{color:var(--accent-volt)}.set-num{font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px}.tile-values{font-family:var(--font-family-title);font-size:1.4rem;font-weight:900;display:flex;gap:6px}.tile-values .us,.tile-values .them{color:var(--text-primary)}.set-score-tile.current .tile-values .us{color:var(--accent-volt)}.set-score-tile.current .tile-values .them{color:var(--accent-orange)}.val-divider{color:var(--text-muted)}.current-game-display{display:flex;justify-content:center;padding:16px;background-color:#00000080;border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center}.game-score-box{display:flex;flex-direction:column;align-items:center;gap:4px}.game-score-box .score-label{font-size:.75rem;font-weight:800;color:var(--text-secondary);letter-spacing:.08em}.game-score-box .score-val{font-family:var(--font-family-title);font-size:3rem;font-weight:900;letter-spacing:.05em;color:var(--text-primary);text-shadow:0 0 15px rgba(255,255,255,.1)}.tiebreak-active .score-val{color:var(--accent-orange);text-shadow:0 0 15px var(--accent-orange-glow)}.deuce-counter-badge{font-size:.75rem;font-weight:800;color:var(--accent-orange);margin-top:4px;background-color:var(--accent-orange-glow);padding:2px 8px;border-radius:20px}.match-finished-banner{font-size:1.8rem;color:var(--accent-volt);text-shadow:0 0 12px var(--accent-volt-glow);letter-spacing:.05em}.stat-clickers-grid{display:flex;flex-direction:column;gap:24px;width:100%}.stat-clickers-grid.double-column{flex-direction:row}.stat-clickers-grid.double-column>.court-side{flex:1}.stat-clickers-grid.single-column{flex-direction:column;align-items:center}.stat-clickers-grid.single-column>.court-side{width:100%}@media (max-width: 800px){.stat-clickers-grid.double-column{grid-template-columns:1fr}}.plus-point-btn{background-color:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family-title);font-weight:800;font-style:italic;font-size:.8rem;letter-spacing:-.02em;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;min-height:80px}.plus-point-btn.btn-winners{border-color:var(--accent-volt);color:var(--accent-volt)}.plus-point-btn.btn-winners:hover{background-color:var(--accent-volt-muted);box-shadow:0 0 15px #d2fc0026;transform:translateY(-2px)}.plus-point-btn.btn-winners-rival{border-color:var(--accent-orange);color:var(--accent-orange)}.plus-point-btn.btn-winners-rival:hover{background-color:var(--accent-orange-glow);box-shadow:0 0 15px #ff540026;transform:translateY(-2px)}.court-side{padding:24px;display:flex;flex-direction:column;gap:20px}.team-us-card{border-left:4px solid var(--accent-volt)}.team-them-card{border-left:4px solid var(--accent-orange)}.side-header{display:flex;flex-direction:column}.side-title{font-family:var(--font-family-title);font-size:1rem;font-weight:900;letter-spacing:.02em}.side-desc{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.player-selector-row{display:flex;gap:8px;background-color:#0000004d;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.p-select-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:8px;font-weight:700;font-size:.8rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:center}.p-select-btn.active{background-color:var(--accent-volt);color:#000;font-weight:800}.p-select-btn.opponent.active{background-color:var(--accent-orange);color:#fff;font-weight:800}.stat-triggers{display:flex;flex-direction:row;gap:24px;width:100%;align-items:flex-start}.trigger-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}@media (max-width: 1200px){.stat-clickers-grid.double-column{flex-direction:column}}@media (max-width: 850px){.stat-triggers{flex-direction:column;gap:20px}}.group-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mini-desc{font-size:.7rem;color:var(--text-muted);margin-top:-6px}.rival-error-selector-container{background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px;margin-bottom:4px}.mini-player-row{display:flex;align-items:center;gap:8px}.active-rival-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-muted)}.mini-p-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;font-size:.7rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mini-p-btn.active{background-color:var(--border-color);color:var(--text-primary);border-color:var(--text-muted)}.buttons-cluster{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-btn{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:16px 10px;font-family:var(--font-family-body);font-size:.85rem;font-weight:800;cursor:pointer;transition:all var(--transition-fast);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;min-height:60px}.action-btn:hover{transform:translateY(-1px)}.btn-winners:hover{background-color:var(--accent-volt-muted);border-color:var(--accent-volt);color:var(--accent-volt)}.btn-winners-rival:hover{background-color:var(--accent-orange-glow);border-color:var(--accent-orange);color:var(--accent-orange)}.btn-errors-red:hover{background-color:#ff17440d;border-color:var(--danger);color:var(--danger)}.btn-errors-out:hover{background-color:#ff54000d;border-color:var(--accent-orange);color:var(--accent-orange)}.btn-forced-err:hover{background-color:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.btn-assist:hover{background-color:var(--accent-volt-muted);border-color:var(--accent-volt);color:var(--accent-volt)}.live-actions-log-section{padding:24px}.log-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);margin-bottom:16px}.log-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.undo-btn:disabled{opacity:.4;cursor:not-allowed}.action-log-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:8px}.empty-log{text-align:center;color:var(--text-muted);font-size:.85rem;padding:20px 0}.log-row-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem}.log-action{font-weight:700;color:var(--text-primary)}.log-player{color:var(--text-secondary)}.log-result-badges{display:flex;gap:8px}.score-badge{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:4px;font-family:var(--font-family-title)}.score-badge.game-score{background-color:#ffffff0d;color:var(--text-primary)}.score-badge.sets-score{background-color:var(--accent-volt-muted);color:var(--accent-volt);border:1px solid rgba(210,252,0,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:500px;padding:32px;background-color:var(--bg-card);border:1px solid var(--border-focus)}.modal-title{font-size:1.3rem;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.manual-scoreboard-editor{display:flex;flex-direction:column;gap:20px}.editor-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center}.grid-header{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);text-align:center}.grid-header:first-child{text-align:left}.manual-game-editor{margin-top:16px;border-top:1px dashed var(--border-color);padding-top:16px}.manual-game-editor .sub-title{font-size:.9rem;margin-bottom:12px}.game-inputs{display:flex;gap:16px}.game-input-col{flex:1;display:flex;flex-direction:column;gap:6px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.summary-panel-card{padding:32px}.summary-metadata-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;border-bottom:1px dashed var(--border-color);padding-bottom:24px}@media (max-width: 768px){.summary-metadata-row{grid-template-columns:1fr 1fr}}.summary-meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:.7rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.meta-val{font-size:1rem;font-weight:700;color:var(--text-primary)}.compact-input{padding:8px 12px;font-size:.85rem}.final-scoreboard-display{background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:20px 32px;margin-bottom:32px}.team-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.team-row:first-child{border-bottom:1px solid rgba(255,255,255,.03)}.team-name-summary{font-family:var(--font-family-title);font-size:1.2rem;font-weight:900;letter-spacing:.02em}.set-numbers-row{display:flex;gap:16px}.set-number-summary{font-family:var(--font-family-title);font-size:1.8rem;font-weight:900;min-width:30px;text-align:center}.outcome-selection{margin-bottom:32px}.outcome-btn-group{display:flex;gap:16px}.outcome-btn{flex:1;background-color:#0000004d;border:1px solid var(--border-color);color:var(--text-secondary);padding:12px;font-family:var(--font-family-body);font-weight:800;font-size:.9rem;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.outcome-btn.select-w:hover,.outcome-btn.select-w.active{background-color:var(--accent-volt-muted);border-color:var(--accent-volt);color:var(--accent-volt)}.outcome-btn.select-l:hover,.outcome-btn.select-l.active{background-color:#ff17440d;border-color:var(--danger);color:var(--danger)}.alex-stats-review{margin-top:32px;border-top:1px dashed var(--border-color);padding-top:24px}.review-title{font-size:1.05rem;margin-bottom:20px}.stats-breakdown-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 768px){.stats-breakdown-grid{grid-template-columns:1fr}}.breakdown-category-card{background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.outcome-display-container{display:flex;flex-direction:column;gap:8px;margin:16px 0}.final-outcome-badge{padding:12px;border-radius:var(--radius-sm);text-align:center;font-family:var(--font-family-body);font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.final-outcome-badge.outcome-win{background-color:#00e6761a;color:#00e676;border:1px solid rgba(0,230,118,.2);text-shadow:0 0 10px rgba(0,230,118,.3)}.final-outcome-badge.outcome-loss{background-color:#ff17441a;color:#ff1744;border:1px solid rgba(255,23,68,.2);text-shadow:0 0 10px rgba(255,23,68,.3)}.category-title{font-size:.75rem;font-weight:800;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}.stat-summary-item{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.stat-summary-item strong{color:var(--text-primary)}.font-large{font-size:1rem}.compact-input::-webkit-outer-spin-button,.compact-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.submit-btn{min-width:180px}@media (max-width: 768px){.tracker-form{gap:16px}.form-section-card{padding:16px!important}.section-title{font-size:1rem;margin-bottom:12px}.form-row{flex-direction:column;gap:0}.form-actions-bar{flex-direction:column-reverse;gap:12px;align-items:stretch;margin-top:12px}.form-actions-bar button{width:100%;justify-content:center}.live-scoreboard-panel{padding:12px!important}.scoreboard-header-actions{margin-bottom:12px}.sets-row-wrapper{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:12px!important}.sets-row-wrapper .sets-row{grid-column:1 / span 2;grid-row:1;display:flex;flex-direction:column;gap:10px;align-items:center}.sets-row-wrapper .plus-point-btn.btn-winners{grid-column:1;grid-row:2;min-width:0!important;min-height:52px!important;font-size:.85rem}.sets-row-wrapper .plus-point-btn.btn-winners-rival{grid-column:2;grid-row:2;min-width:0!important;min-height:52px!important;font-size:.85rem}.sets-scores-box{width:100%;justify-content:space-between;gap:10px;margin:8px 0}.set-score-tile{flex:1;min-width:0;padding:10px 6px}.set-num{font-size:.7rem}.tile-values{font-size:1.5rem}.team-label{font-size:1.1rem}.players-label{font-size:.72rem}.current-game-display{padding:10px}.current-game-display .score-val{font-size:2.2rem}.match-finished-banner{font-size:1.3rem}.court-side{padding:12px!important;gap:14px}.side-header{margin-bottom:4px!important}.side-title{font-size:.95rem}.side-desc,.group-label{font-size:.7rem}.live-actions-log-section{padding:16px!important}.log-header{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:10px}.log-header .undo-btn{width:100%;justify-content:center;font-size:.75rem;padding:8px}.modal-content{padding:20px 16px!important}.modal-title{font-size:1.15rem;margin-bottom:16px}}@media (max-width: 480px){.buttons-cluster{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.action-btn{padding:8px 2px!important;font-size:.7rem!important;min-height:48px!important;gap:2px!important;flex-direction:column}.action-btn span{font-size:.62rem!important}.stat-triggers{gap:16px!important}.log-row-item{padding:8px 10px;font-size:.78rem;flex-direction:column;align-items:flex-start;gap:4px;position:relative}.log-result-badges{position:absolute;right:10px;top:50%;transform:translateY(-50%);flex-direction:column;gap:4px;align-items:flex-end}.score-badge{font-size:.65rem;padding:1px 4px}}.players-view{display:flex;flex-direction:column;gap:24px}.players-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;border-radius:var(--radius-sm)}.search-box-wrapper{position:relative;flex-grow:.5;max-width:400px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding-left:44px!important}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.player-card{display:flex;flex-direction:column;gap:16px}.player-card-top{display:flex;justify-content:space-between;align-items:flex-start}.player-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1c1c24,#080808);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-title);font-weight:800;font-size:1.15rem;color:var(--text-primary)}.player-details{display:flex;flex-direction:column;gap:4px}.player-name-title{font-size:1.15rem;color:var(--text-primary);text-transform:none;font-family:var(--font-family-body)}.player-role-text{font-size:.8rem;color:var(--text-secondary)}.player-stats-row{display:flex;justify-content:space-between;background-color:#00000026;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px}.player-stat-col{display:flex;flex-direction:column;gap:2px;align-items:center;flex:1}.player-stat-col:not(:last-child){border-right:1px solid var(--border-color)}.p-stat-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary)}.p-stat-val{font-family:var(--font-family-title);font-size:1.05rem;font-weight:900;font-style:italic}.player-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px dashed var(--border-color);font-size:.8rem;font-family:var(--font-family-body)}.player-streak{display:flex;align-items:center;gap:4px;font-weight:800;color:var(--accent-orange)}.btn-link-chevron{background:transparent;border:none;color:var(--text-secondary);font-weight:800;font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-family-body)}.btn-link-chevron:hover{color:var(--accent-volt)}@media (max-width: 768px){.players-toolbar{flex-direction:column;align-items:stretch}.search-box-wrapper{max-width:100%}}.history-view{display:flex;flex-direction:column;gap:24px}.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:16px 24px;border-radius:var(--radius-sm)}.filter-title-group{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:800;text-transform:uppercase;font-size:.85rem}.filter-buttons{display:flex;background-color:#0000004d;border:1px solid var(--border-color);padding:4px;border-radius:var(--radius-sm)}.filter-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;font-family:var(--font-family-body);font-weight:700;text-transform:uppercase;font-size:.8rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{background-color:var(--border-color);color:var(--text-primary)}.history-list{display:flex;flex-direction:column;gap:16px}.history-match-card{padding:0;cursor:pointer;overflow:hidden}.match-card-main-row{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:24px}.match-card-left{display:flex;flex-direction:column;gap:8px;flex-grow:1}.match-card-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.meta-dot{color:var(--text-muted)}.match-players-display{display:flex;align-items:center;gap:12px;font-size:1.1rem}.team-display{font-weight:800;color:var(--text-secondary)}.player-highlight{color:var(--accent-volt)!important;text-shadow:0 0 8px rgba(0,230,118,.15)}.player-partner{color:var(--text-secondary)}.opponents-display{color:var(--text-secondary);font-weight:600}.vs-divider{font-family:var(--font-family-title);font-size:.75rem;font-weight:900;font-style:italic;background-color:var(--border-color);color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-sm)}.match-card-score-box{display:flex;gap:6px}.score-set{background-color:#0009;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family-title);font-size:1.1rem;font-weight:800;padding:8px 12px;border-radius:var(--radius-sm);min-width:44px;text-align:center}.history-match-card:hover .score-set{border-color:var(--border-focus)}.match-card-right{display:flex;align-items:center;gap:16px}.expand-card-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all var(--transition-fast)}.history-match-card:hover .expand-card-btn{color:var(--text-primary);background-color:#ffffff08}.match-stats-drawer{background-color:#0000004d;border-top:1px solid var(--border-color);padding:24px;animation:slideDown .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-title{font-size:.85rem;margin-bottom:16px;color:var(--text-secondary)}.drawer-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.drawer-stat-tile{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px 16px;display:flex;align-items:center;gap:12px}.tile-info{display:flex;flex-direction:column;gap:2px}.tile-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary)}.tile-value{font-family:var(--font-family-title);font-size:1.15rem;font-weight:900;font-style:italic}@media (max-width: 900px){.match-card-main-row{flex-direction:column;align-items:stretch;gap:16px}.match-card-score-box{justify-content:flex-start}.match-card-right{justify-content:space-between;border-top:1px solid var(--border-color);padding-top:12px}}.stats-comparison-table{width:100%;display:flex;flex-direction:column;background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin-top:10px}.comp-row{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-color)}.comp-row:last-child{border-bottom:none}.comp-row.comp-header{background-color:#ffffff08;font-weight:800;text-transform:uppercase;font-size:.75rem}.comp-row.section-header{background-color:#ffffff03;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:10px 20px}.comp-label{flex:2;color:var(--text-secondary);font-weight:600}.comp-val{flex:1;text-align:center;font-family:var(--font-family-title);font-weight:900;font-style:italic;font-size:1.05rem}.match-expanded-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.btn-delete{display:flex;align-items:center;gap:6px;background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:8px 16px;font-family:var(--font-family-body);font-size:.85rem;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.btn-delete:hover{background-color:#ef444433;border-color:#ef44444d}@media (max-width: 768px){.history-toolbar{flex-direction:column!important;align-items:stretch!important;padding:12px 16px!important;gap:12px!important}.filter-buttons{width:100%;display:flex}.filter-btn{flex:1;text-align:center;padding:8px 4px!important;font-size:.72rem!important}.match-card-main-row{padding:16px!important;gap:12px!important}.match-players-display{font-size:.9rem!important;flex-wrap:wrap;gap:8px!important}.vs-divider{font-size:.65rem!important;padding:1px 4px!important}.score-set{font-size:.95rem!important;padding:6px 10px!important;min-width:36px!important}.match-stats-drawer{padding:16px!important}.drawer-title{font-size:.78rem!important;margin-bottom:12px!important}.comp-row{padding:10px 12px!important;font-size:.8rem!important}.comp-val{font-size:.9rem!important}}.login-screen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0b0b0d;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.login-bg-mesh{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.mesh-blur-1{position:absolute;top:-10%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#d2fc0014,#d2fc0000 70%);filter:blur(80px);animation:floatBlur1 20s infinite alternate}.mesh-blur-2{position:absolute;bottom:-10%;left:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#ff54000f,#ff540000 75%);filter:blur(100px);animation:floatBlur2 25s infinite alternate}@keyframes floatBlur1{0%{transform:translate(0) scale(1)}to{transform:translate(-100px,50px) scale(1.1)}}@keyframes floatBlur2{0%{transform:translate(0) scale(1)}to{transform:translate(120px,-60px) scale(1.2)}}.login-card{width:100%;max-width:480px;padding:40px;background:#141418d9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000080,0 0 40px #d2fc0005;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:28px}@media (max-width: 480px){.login-card{padding:24px;gap:20px}}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.brand-logo{font-size:2.2rem}.brand-title{font-size:1.8rem;letter-spacing:.05em;color:var(--text-primary);text-shadow:0 0 20px rgba(255,255,255,.05)}.brand-subtitle{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:var(--accent-volt)}.login-tabs{display:flex;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:4px}.login-tab-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:12px;font-family:var(--font-family-body);font-weight:700;font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px}.login-tab-btn.active{background-color:var(--border-color);color:var(--text-primary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-form-group{display:flex;flex-direction:column;gap:8px}.login-form-row{display:flex;gap:16px}.login-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.login-input-container{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.login-input{width:100%;background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px 16px 12px 42px;font-family:var(--font-family-body);font-size:.9rem;transition:all var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--accent-volt);box-shadow:0 0 10px #d2fc001a;background-color:#0009}.select-input{padding-left:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.login-segmented-control{display:flex;background-color:#0006;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px}.segmented-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:10px;font-size:.8rem;font-weight:700;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:center;font-family:var(--font-family-body)}.segmented-btn.active{background-color:var(--border-color);color:var(--text-primary)}.login-submit-btn{width:100%;padding:14px;font-size:.95rem;margin-top:10px}.login-status-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem}.status-error{background-color:#ff174414;border:1px solid rgba(255,23,68,.2);color:#ff5252}.status-success{background-color:#00e67614;border:1px solid rgba(0,230,118,.2);color:#69f0ae}.demo-accounts-section{border-top:1px dashed rgba(255,255,255,.08);padding-top:24px;display:flex;flex-direction:column;gap:12px}.demo-section-title{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;text-align:center}.demo-users-grid{display:flex;flex-direction:column;gap:8px}.demo-user-pill{background-color:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family-body)}.demo-user-pill:hover{background-color:#d2fc0008;border-color:#d2fc0033}.demo-name{font-weight:800;color:var(--text-primary);font-size:.85rem}.demo-role{font-size:.75rem;color:var(--text-muted)}.demo-user-pill:hover .demo-name{color:var(--accent-volt)}.settings-view{width:100%}.settings-layout-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start}@media (max-width: 900px){.settings-layout-grid{grid-template-columns:1fr}}.profile-summary-card{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.profile-summary-header{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-large-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-volt) 0%,rgba(20,20,24,.9) 100%);color:#000;font-family:var(--font-family-title);font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #d2fc0026,inset 0 0 10px #fff3;border:2px solid var(--accent-volt);letter-spacing:-.05em}.profile-display-name{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary);margin-top:8px}.profile-display-role{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-quick-stats{display:flex;width:100%;gap:12px}.quick-stat-pill{flex:1;background-color:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.quick-stat-pill .q-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.quick-stat-pill .q-value{font-family:var(--font-family-title);font-size:1.25rem;font-weight:900;font-style:italic}.logout-profile-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-weight:800;cursor:pointer;transition:all var(--transition-fast)}.logout-profile-btn:hover{background-color:#ff17440d;border-color:var(--danger);color:var(--danger)}.settings-details-card{padding:32px}.settings-form{display:flex;flex-direction:column;gap:20px;margin-top:24px}.settings-segmented-control{display:flex;background-color:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:3px;width:100%}.settings-segmented-control .segmented-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:10px;font-family:var(--font-family-body);font-size:.85rem;font-weight:700;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:center}.settings-segmented-control .segmented-btn.active{background-color:var(--border-color);color:var(--text-primary)}.settings-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.save-profile-btn{min-width:180px;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 600px){.save-profile-btn{width:100%}}:root{--bg-primary: #060608;--bg-secondary: #0f0f12;--bg-card: #141418;--bg-card-hover: #1b1b22;--accent-volt: #d2fc00;--accent-volt-glow: rgba(210, 252, 0, .2);--accent-volt-muted: rgba(210, 252, 0, .05);--accent-orange: #ff5400;--accent-orange-glow: rgba(255, 84, 0, .15);--text-primary: #ffffff;--text-secondary: #8c8c94;--text-muted: #4e4e54;--border-color: #222228;--border-focus: #3e3e48;--success: #00e676;--danger: #ff1744;--font-family-body: "Outfit", sans-serif;--font-family-title: "Syne", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.sport-title{font-style:italic;font-weight:900;letter-spacing:-.04em;transform:skew(-4deg)}.glow-text{text-shadow:0 0 10px var(--accent-volt-glow)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-focus);transform:translateY(-2px);background-color:var(--bg-card-hover);box-shadow:var(--shadow-lg)}.btn-volt{background-color:var(--accent-volt);color:#000;border:none;font-family:var(--font-family-body);font-weight:800;text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast);transform:skew(-8deg)}.btn-volt>*{transform:skew(8deg)}.btn-volt:hover{background-color:#fff;box-shadow:0 0 20px #d2fc0066;transform:skew(-8deg) translateY(-2px)}.btn-volt:active{transform:skew(-8deg) translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);font-family:var(--font-family-body);font-weight:800;text-transform:uppercase;padding:10px 22px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast);transform:skew(-8deg)}.btn-outline>*{transform:skew(8deg)}.btn-outline:hover{border-color:var(--text-primary);background-color:#ffffff0d}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);text-transform:uppercase}.badge-volt{background-color:var(--accent-volt-muted);color:var(--accent-volt);border:1px solid rgba(210,252,0,.3)}.badge-orange{background-color:#ff54001a;color:var(--accent-orange);border:1px solid rgba(255,84,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}