:root{--color-bg:#0d1117;--color-surface:#161b22;--color-border:#30363d;--color-text:#e6edf3;--color-text-muted:#7d8590;--color-primary:#238636;--color-primary-hover:#2ea043;--color-danger:#da3633;--color-danger-hover:#f85149;--color-warning:#d29922;--color-win:#238636;--color-loss:#da3633;--color-void:#6e7681}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app-shell{flex-direction:column;max-width:900px;height:100%;margin:0 auto;display:flex}.app-loading{height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.page-content{flex:1;padding:1rem;overflow-y:auto}.page{flex-direction:column;gap:1rem;display:flex}.nav-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.nav-bar__title{flex:1;font-size:1rem;font-weight:600}.nav-bar__gw{color:var(--color-text-muted);font-size:.875rem}.tab-bar{background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.tab-link{text-align:center;color:var(--color-text-muted);flex:1;padding:.75rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.tab-link:hover{color:var(--color-text);background:#ffffff0a}.tab-link.active{color:var(--color-primary-hover);border-top:2px solid var(--color-primary-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1rem}.card__title{margin-bottom:1rem;font-size:1rem;font-weight:600}.card__title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stats-row{gap:1rem;display:flex}.stat-card{text-align:center;flex:1}.stat-card__value{color:var(--color-primary-hover);font-size:1.75rem;font-weight:700}.stat-card__label{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.btn{cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--ghost{border-color:var(--color-border);color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.badge{text-transform:capitalize;cursor:default;border:none;border-radius:20px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}button.badge{cursor:pointer}.badge--paid{color:#3fb950;background:#23863633}.badge--unpaid{color:#f85149;background:#da363333}.badge--pending{color:#e3b341;background:#d2992233}.badge--active{color:#3fb950;background:#23863633}.badge--eliminated{color:#f85149;background:#da363333}.badge--win{color:#3fb950;background:#23863633}.badge--loss{color:#f85149;background:#da363333}.badge--void{color:#8b949e;background:#6e768133}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.625rem .75rem}.table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff05}.actions-cell{gap:.5rem;display:flex}.form-group{flex-direction:column;gap:.375rem;margin-bottom:.75rem;display:flex}.form-row{align-items:flex-end;gap:.75rem;display:flex}.form-action{margin-bottom:.75rem}label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}input[type=text],input[type=number],select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;width:100%;padding:.375rem .625rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--color-primary);outline:none}select option{background:var(--color-surface)}.gameweek-header{align-items:center;gap:.75rem;display:flex}.gameweek-header .btn--primary{flex-shrink:0;min-width:8.5rem}.gameweek-header h2{text-align:center;flex:1;font-size:1rem;font-weight:600}.gw-select-group{border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.375rem .5rem;display:flex}.gw-select-label{color:var(--color-text);white-space:nowrap;font-size:1rem;font-weight:600}.gw-select{text-align:center;min-width:2rem;color:var(--color-text);cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1rem;font-weight:600}.stepper{align-items:center;gap:.5rem;display:flex}.stepper input{text-align:center;width:4rem}.history-card{padding:0;overflow:hidden}.history-scroll{overflow-x:auto}.history-table{white-space:nowrap;min-width:100%}.history-player-col{background:var(--color-surface);z-index:1;min-width:130px;max-width:160px;position:sticky;left:0}.history-gw-col{text-align:center;min-width:80px}.history-player-name{align-items:center;gap:.5rem;font-weight:500;display:flex}.history-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.history-status-dot--active{background:var(--color-win)}.history-status-dot--eliminated{background:var(--color-loss)}.history-pick-cell{text-align:center;padding:.5rem .75rem;font-size:.8rem}.history-pick-cell--win{color:#3fb950;background:#23863633}.history-pick-cell--loss{color:#f85149;background:#da363333}.history-pick-cell--void{color:var(--color-text-muted);background:#6e768126}.history-no-pick{color:var(--color-border)}.danger-zone{border-color:var(--color-danger)}.danger-zone__desc{color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem}.nav-bar__countdown{border-radius:var(--radius);background:var(--color-border);color:var(--color-text-muted);white-space:nowrap;margin-left:.4rem;padding:.15rem .4rem;font-size:.7rem;font-weight:500}.nav-bar__countdown--warning{background:var(--color-warning);color:#000}.nav-bar__countdown--critical{background:var(--color-danger);color:#fff}.nav-bar__countdown--passed{background:var(--color-border);color:var(--color-text-muted)}.deadline-banner{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.875rem;display:flex}.deadline-banner--warning{border-color:var(--color-warning)}.deadline-banner--critical{border-color:var(--color-danger)}.deadline-banner--passed{opacity:.6}.deadline-banner__label{color:var(--color-text-muted)}.deadline-banner__countdown{color:var(--color-text);font-weight:600}.deadline-banner--warning .deadline-banner__countdown{color:var(--color-warning)}.deadline-banner--critical .deadline-banner__countdown{color:var(--color-danger)}.fixture-card{padding:1rem}.fixture-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.fixture-team{flex-direction:column;gap:.4rem;display:flex}.fixture-team--away{text-align:right;align-items:flex-end}.fixture-team__name{font-size:.95rem;font-weight:600}.fixture-score{text-align:center;min-width:4rem;color:var(--color-text);font-size:1.25rem;font-weight:700}.fixture-score__status{color:var(--color-text-muted);margin-top:.2rem;font-size:.7rem;font-weight:400}.fixture-picks{flex-direction:column;gap:.25rem;display:flex}.fixture-picks--away{align-items:flex-end}.fixture-pick{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.fixture-pick--win{color:var(--color-win)}.fixture-pick--loss{color:var(--color-loss)}.fixture-pick--void{color:var(--color-void)}.archive-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.archive-row__name{font-size:1rem;font-weight:600}.archive-row__meta{color:var(--color-text-muted);margin-top:.2rem;font-size:.8rem}.archive-row__status{flex-shrink:0}.archive-detail{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.5rem}.prize-total{text-align:right;margin-top:.75rem;font-size:.875rem;font-weight:600}.error-banner{border:1px solid var(--color-danger);color:#f85149;background:#da363326;border-radius:6px;padding:.625rem .75rem;font-size:.875rem}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:480px;max-height:80vh;padding:1.25rem;overflow-y:auto}.modal__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.modal__title{margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.modal__elim{color:var(--color-text-muted);margin-left:.5rem;font-size:.8rem}.modal__close{flex-shrink:0;padding:.25rem .5rem}.modal__empty{color:var(--color-text-muted);text-align:center;padding:1rem 0;font-size:.875rem}.payment-select{cursor:pointer;border:none;border-radius:20px;width:auto;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.payment-select--paid{color:#3fb950;background:#23863633}.payment-select--unpaid{color:#f85149;background:#da363333}.payment-select--pending{color:#e3b341;background:#d2992233}.payment-select option{background:var(--color-surface);color:var(--color-text);font-weight:400}.player-name-btn{color:var(--color-text);font-size:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:2px;background:0 0;border:none;padding:0}.player-name-btn:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}.login-screen{justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:12px;width:100%;max-width:360px;padding:2.5rem 2rem}.login-card__icon{margin-bottom:1rem;font-size:3rem}.login-card__title{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.login-card__subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:.875rem}.login-card__options{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.login-btn{justify-content:center;width:100%;padding:.625rem 1rem;font-size:.9375rem}.login-card__hint{color:var(--color-text-muted);font-size:.75rem;line-height:1.6}.warning-banner{border:1px solid var(--color-warning);color:#e3b341;background:#d2992226;border-radius:6px;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.875rem}.help-section-title{color:var(--color-text);margin-bottom:.75rem;font-size:1rem;font-weight:700}.help-page p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.help-list{color:var(--color-text-muted);padding-left:1.25rem;font-size:.9rem;line-height:1.7;list-style:outside}.help-list--nested{margin-top:.25rem;list-style:circle}.help-faq dt{color:var(--color-text);margin-top:1rem;font-size:.9rem;font-weight:600}.help-faq dt:first-child{margin-top:0}.help-faq dd{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.6}