.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:.6rem;max-width:min(360px,100vw - 2.5rem);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{pointer-events:auto;color:#1d1d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #1d1d1f1f;border-left:4px solid #ccc;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.75rem .85rem;font-size:.9rem;line-height:1.35;animation:.25s ease-out toast-in;display:flex;box-shadow:0 10px 30px -8px #00000059,0 2px 8px #0000001a}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:#1f8a3d}.toast-error{border-left-color:#da291c}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.78rem;font-weight:800;display:flex}.toast-success .toast-icon{background:#1f8a3d}.toast-error .toast-icon{background:#da291c}.toast-message{word-break:break-word;flex:1}.toast-close{color:#6e6e73;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .1rem;font-size:1.05rem;line-height:1}.toast-close:hover{color:#1d1d1f}@media (width<=480px){.toast-stack{max-width:none;bottom:1rem;left:1rem;right:1rem}}:root{--red:#da291c;--red-dark:#a81f15;--white:#fff;--gray-50:#f7f7f7;--gray-100:#eee;--gray-300:#ccc;--gray-600:#666;--gray-900:#1a1a1a;--green:#1f8a3d;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);margin:0}a{color:var(--red);text-decoration:none}.app-main{max-width:1100px;margin:0 auto;padding:1.5rem}.navbar{background:var(--white);border-bottom:3px solid var(--red);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.navbar-brand{color:var(--red);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.navbar-links{align-items:center;gap:1.25rem;display:flex}.navbar-links a{color:var(--gray-900);font-weight:600}.navbar-links a:hover{color:var(--red)}.navbar-user{color:var(--gray-600);font-size:.9rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:var(--red-dark)}.btn-outline{background:var(--white);border:1px solid var(--red);color:var(--red)}.btn-outline:hover{background:var(--gray-100)}.btn-danger{background:var(--white);border:1px solid var(--gray-600);color:var(--gray-600)}.btn-danger:hover{border-color:var(--red);color:var(--red)}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.login-page{background:radial-gradient(circle at 20% 20%, var(--red) 0%, var(--red-dark) 55%, #7a160f 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-bg-shapes .shape{background:#ffffff0f;border-radius:50%;position:absolute}.shape-a{width:480px;height:480px;top:-180px;left:-160px}.shape-b{background:#ffffff0d;width:340px;height:340px;bottom:-140px;right:-100px}.shape-c{background:#ffffff0a;width:220px;height:220px;bottom:12%;left:8%}.login-card{z-index:1;background:var(--white);text-align:center;border-radius:18px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2.75rem 2.25rem 2.25rem;animation:.35s ease-out login-card-in;display:flex;position:relative;box-shadow:0 25px 60px -15px #00000073,0 2px 8px #00000014}@keyframes login-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-crest{background:linear-gradient(160deg, #fff 0%, var(--gray-50) 100%);width:84px;height:84px;box-shadow:0 8px 20px -6px #da291c66, inset 0 0 0 1px var(--gray-100);border-radius:50%;justify-content:center;align-items:center;margin:-2px auto .25rem;display:flex}.login-subtitle{color:var(--gray-600);margin:-.5rem 0 .25rem;font-size:.92rem}.login-card label{text-align:left;letter-spacing:.02em;text-transform:uppercase;color:var(--gray-600);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.login-card input{border:1.5px solid var(--gray-300);color:var(--gray-900);background:var(--gray-50);border-radius:8px;padding:.65rem .8rem;font-size:1rem;transition:border-color .15s,box-shadow .15s,background .15s}.login-card input::placeholder{color:var(--gray-300)}.login-card input:focus{border-color:var(--red);background:var(--white);outline:none;box-shadow:0 0 0 4px #da291c1f}.login-submit{border-radius:8px;margin-top:.4rem;padding:.75rem 1rem;font-size:1rem;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 6px 16px -4px #da291c80}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -6px #da291c8c}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:default}.login-forgot-link{color:var(--gray-600);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.85rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.login-forgot-link:hover{color:var(--red);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#1408068c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out login-card-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--white);text-align:left;border-radius:14px;width:100%;max-width:380px;padding:2rem 1.75rem 1.75rem;position:relative;box-shadow:0 25px 60px -15px #00000080}.modal-card h2{color:var(--red);margin:0 0 .4rem;font-size:1.25rem}.modal-close{color:var(--gray-600);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:.6rem;right:.75rem}.modal-close:hover{color:var(--red)}.modal-form{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.modal-form label{text-transform:uppercase;letter-spacing:.02em;color:var(--gray-600);flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:700;display:flex}.modal-form input{border:1.5px solid var(--gray-300);border-radius:8px;padding:.6rem .75rem;font-size:1rem}.modal-form input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 4px #da291c1f}@media (width<=420px){.login-card{padding:2rem 1.5rem 1.75rem}}.card{background:var(--white);border:1px solid var(--gray-100);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.page h1{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:.5rem}.page-loading{text-align:center;color:var(--gray-600);padding:3rem}.muted{color:var(--gray-600);font-size:.9rem}.alert{border-radius:6px;margin-bottom:.5rem;padding:.6rem .9rem;font-size:.9rem}.alert-error{color:var(--red-dark);border:1px solid var(--red);background:#fdecea}.alert-ok{color:var(--green);border:1px solid var(--green);background:#eaf7ee}.lineup-toast{z-index:100;animation:.18s lineup-toast-in;position:fixed;top:1.2rem;right:1.2rem;box-shadow:0 8px 24px #0000002e}@keyframes lineup-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{border-bottom:1px solid var(--gray-100);text-align:left;padding:.55rem .7rem}.table th{background:var(--gray-50);color:var(--gray-900);font-weight:700}.row-highlight{background:#fdecea;font-weight:700}.badge{border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-ok{color:var(--green);background:#eaf7ee}.badge-pending{color:#a86400;background:#fff4e5}.badge-danger{color:var(--red-dark);background:#fdecea}.inline-form input,.inline-form select{border:1px solid var(--gray-300);border-radius:6px;padding:.5rem .6rem;font-size:.9rem}.actions-cell{gap:.4rem;display:flex}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tab-btn{border:1px solid var(--gray-300);background:var(--white);cursor:pointer;color:var(--gray-600);border-radius:999px;padding:.5rem 1rem;font-weight:600}.tab-btn-active{background:var(--red);border-color:var(--red);color:var(--white)}.lineup-form{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.lineup-form input{border:1px solid var(--gray-300);border-radius:6px;max-width:320px;padding:.5rem .6rem}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;display:grid}.checkbox-item{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.lineup-list{flex-wrap:wrap;gap:.4rem;margin:.3rem 0 1rem;padding:0;list-style:none;display:flex}.lineup-list li{background:var(--gray-100);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.lineup-starter{font-weight:700;background:var(--red)!important;color:var(--white)!important}.stats-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.stat-tile{background:var(--white);border:1px solid var(--gray-100);text-align:center;border-radius:10px;min-width:100px;padding:.9rem 1.2rem}.stat-value{color:var(--red);font-size:1.6rem;font-weight:800}.stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.owed-amount{font-size:1.1rem}.construction-box{text-align:center;padding:4rem 1rem}.construction-emoji{font-size:3rem}.construction-box h1{color:var(--red);border:none}.sort-controls{margin-bottom:.75rem;font-size:.9rem}.sort-controls select{border:1px solid var(--gray-300);border-radius:6px;margin-left:.4rem;padding:.3rem .5rem}.formation-picker{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.formation-btn{border:2px solid var(--gray-300);background:var(--white);letter-spacing:.02em;cursor:pointer;border-radius:999px;padding:.45rem 1.1rem;font-weight:700;transition:all .15s}.formation-btn:hover{border-color:var(--red)}.formation-btn.active{background:var(--red);border-color:var(--red);color:var(--white);box-shadow:0 2px 8px #da291c59}.pitch-wrap{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-bottom:1.25rem;display:flex}.pitch-stage{flex-shrink:0;width:100%;max-width:300px;position:relative}.pitch{aspect-ratio:3/4;border:4px solid var(--white);background:repeating-linear-gradient(#ffffff0f 0 12.5%,#0000 12.5% 25%),linear-gradient(#218f42 0%,#1a7a35 55%,#16692e 100%);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff26}.pitch-mini{border-width:3px;max-width:190px}.pitch-goal{border:2px solid #ffffffd9;border-top:none;width:22%;height:3%;position:absolute;left:50%;transform:translate(-50%)}.pitch-goal-top{border-top:none;border-bottom:none;top:0}.pitch-goal-bottom{border-bottom:none;bottom:0}.pitch-penalty-box{border:2px solid #ffffff8c;width:46%;height:12%;position:absolute;left:50%;transform:translate(-50%)}.pitch-penalty-top{border-top:none;top:0}.pitch-penalty-bottom{border-bottom:none;bottom:0}.pitch-center-circle{aspect-ratio:1;border:2px solid #ffffffbf;border-radius:50%;width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-center-line{background:#ffffffbf;height:2px;position:absolute;top:50%;left:0;right:0}.pitch-slot{cursor:default;color:var(--white);z-index:2;background:0 0;border:none;flex-direction:column;align-items:center;gap:.3rem;padding:.25rem;transition:transform .12s;display:flex;position:absolute;transform:translate(-50%,-50%)}.pitch-slot-clickable{cursor:pointer}.pitch-slot-clickable:hover{transform:translate(-50%,-50%)scale(1.08)}.pitch-slot-marker{border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 3px 8px #00000059}.pitch-mini .pitch-slot-marker{border-width:1.5px;width:1.5rem;height:1.5rem;font-size:.55rem}.pitch-slot-empty .pitch-slot-marker{color:#ffffffe6;background:#ffffff2e;border-style:dashed}.pitch-slot-filled .pitch-slot-marker{background:linear-gradient(160deg, var(--red) 0%, var(--red-dark) 100%);color:var(--white)}.pitch-slot-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;background:#0000008c;border-radius:4px;max-width:4.6rem;padding:.08rem .35rem;font-size:.56rem;font-weight:700;overflow:hidden}.pitch-mini .pitch-slot-name{max-width:3.2rem;padding:.04rem .24rem;font-size:.44rem}.pitch-slot-empty .pitch-slot-name{color:#ffffffbf;background:#0000004d}.pitch-hint{color:var(--gray-600);text-align:center;margin-top:.6rem;font-size:.8rem}.pitch-side-panel{flex:1;min-width:220px}.pitch-roster{flex-direction:column;gap:.3rem;max-height:260px;display:flex;overflow-y:auto}.pitch-roster-item{border:1px solid var(--gray-300);background:var(--white);text-align:left;cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.pitch-roster-item.used{opacity:.4}.slot-select-popover{z-index:30;background:var(--white);border-radius:10px;flex-direction:column;width:220px;max-height:260px;padding:0;animation:.12s pitch-popover-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 28px #0000004d}@keyframes pitch-popover-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:none}}.slot-select-header{background:var(--red);color:var(--white);justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.78rem;font-weight:700;display:flex}.slot-select-close{color:var(--white);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1}.slot-select-list{padding:.35rem;overflow-y:auto}.slot-select-item{text-align:left;cursor:pointer;width:100%;color:var(--gray-900);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;font-weight:600;display:flex}.slot-select-item:hover{background:var(--gray-100)}.slot-select-avatar{background:var(--gray-900);width:1.6rem;height:1.6rem;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:flex}:root{--canvas:#f5f5f7;--surface:#ffffffb8;--surface-solid:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#1d1d1f1f;--line-strong:#1d1d1f33;--accent:#c91520;--accent-dark:#a70f18;--gold:#9b6d09;--success:#16803c;--danger:#c52d32;--team-highlight-bg:#f8d7da;--team-highlight-hover:#f3c5c9;--team-highlight-ink:#641017;--shadow:0 12px 32px #1d1d1f14, 0 2px 8px #1d1d1f0a;--radius:20px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{color:var(--ink);background:var(--canvas);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:var(--accent)}.app-main{width:min(1180px,100%);min-height:calc(100vh - 82px);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.auth-main{min-height:100vh}.page{animation:.42s cubic-bezier(.2,.8,.2,1) both page-enter}.page h1{color:var(--ink);letter-spacing:-.045em;border:0;margin:.2rem 0 1.5rem;padding:0;font-size:clamp(1.8rem,4vw,2.65rem);font-weight:700}h2,h3{color:var(--ink);letter-spacing:-.025em}h2{margin:.2rem 0 .75rem;font-size:1.3rem}h3{margin:0;font-size:.98rem}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.71rem;font-weight:700}.muted{color:var(--muted);line-height:1.5}.optional{color:var(--muted);font-weight:400}.page-loading{place-items:center;min-height:42vh;display:grid}.glass-panel,.glass-card,.card{background:var(--surface);box-shadow:var(--shadow), inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(22px)saturate(160%);border:1px solid #ffffffd6}.glass-card,.card{border-radius:var(--radius);padding:clamp(1rem,2.2vw,1.35rem)}.card{margin-bottom:1rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel,.glass-card,.card{background:#fff}}.site-header{z-index:80;padding:.65rem clamp(.65rem,3vw,1.5rem) 0;position:sticky;top:0}.navbar{-webkit-backdrop-filter:blur(24px)saturate(150%);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:18px;justify-content:space-between;align-items:center;max-width:1220px;min-height:62px;margin:0 auto;padding:.45rem .75rem .45rem .95rem;display:flex;position:relative;box-shadow:0 5px 18px #1d1d1f0f,inset 0 1px #ffffffeb}.navbar-brand{color:var(--ink);align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;line-height:1.05;display:inline-flex}.navbar-brand:hover{color:var(--ink)}.navbar-brand span{gap:.1rem;display:grid}.navbar-brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:650}.navbar-logo{object-fit:contain;width:34px;height:38px}.nav-sheet,.nav-sheet-links,.nav-profile{align-items:center;display:flex}.nav-sheet{gap:1rem}.nav-sheet-links{gap:.15rem}.nav-link{color:var(--muted);border-radius:10px;padding:.55rem .68rem;font-size:.83rem;font-weight:650;transition:color .18s,background .18s}.nav-link:hover,.nav-link-active{color:var(--ink);background:#1d1d1f0f}.nav-profile{border-left:1px solid var(--line);gap:.55rem;padding-left:.75rem}.avatar-button{border:1px solid var(--line);background:#ededf0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.avatar-image,.avatar-fallback{object-fit:cover;color:#fff;background:var(--accent);place-items:center;width:100%;height:100%;font-size:.67rem;font-weight:700;display:grid}.navbar-user{color:var(--ink);font-size:.76rem;line-height:1.2;display:grid}.navbar-user span{color:var(--muted);font-size:.65rem}.nav-menu-button,.nav-backdrop{display:none}.btn{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;padding:.55rem .9rem;font-size:.85rem;font-weight:650;transition:background .18s,border-color .18s,transform .18s,opacity .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:wait;opacity:.55}.btn-primary{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 4px 10px #c915202e}.btn-primary:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark)}.btn-outline,.btn-quiet{border-color:var(--line-strong);background:#ffffff85}.btn-outline:hover:not(:disabled),.btn-quiet:hover:not(:disabled){background:#fff}.btn-danger{color:var(--danger);background:#c52d3212;border-color:#c52d3238}.btn-sm{min-height:32px;padding:.36rem .6rem;font-size:.73rem}.text-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.15rem 0;font-size:.78rem;text-decoration:underline}.text-button:hover{color:var(--ink)}label{color:var(--muted);gap:.38rem;font-size:.78rem;font-weight:650;display:grid}input,select{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);background:#ffffffd1;border-radius:11px;outline:0;padding:.58rem .7rem;transition:border-color .18s,box-shadow .18s}input::placeholder{color:#a1a1a6}input:focus,select:focus{border-color:#c9152099;box-shadow:0 0 0 4px #c915201a}input[type=file]{padding:.44rem;font-size:.73rem}input[type=file]::file-selector-button{color:var(--ink);background:#e9e9ed;border:0;border-radius:7px;margin-right:.5rem;padding:.34rem .5rem;font-weight:650}.inline-form{flex-wrap:wrap;align-items:end;gap:.7rem;margin-bottom:1.2rem;display:flex}.inline-form label{flex:190px;min-width:min(100%,185px)}.stack-form,.lineup-form{gap:.8rem;display:grid}.lineup-form input{max-width:none}.alert{border:1px solid;border-radius:11px;margin:.45rem 0;padding:.68rem .78rem;font-size:.83rem}.alert-error{color:#9f2027;background:#fff1f1;border-color:#c52d3233}.alert-ok{color:#12652f;background:#effaf2;border-color:#16803c33}.tabs{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;gap:.25rem;width:max-content;max-width:100%;margin:0 0 1.3rem;padding:.25rem;display:flex;overflow-x:auto}.tab-btn{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:.45rem .72rem;font-size:.78rem;font-weight:650}.tab-btn:hover{background:#1d1d1f0d}.tab-btn-active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #1d1d1f1a}.table-wrap{border:1px solid var(--line);-webkit-overflow-scrolling:touch;background:#ffffff94;border-radius:14px;overflow-x:auto}.table{min-width:610px;color:var(--ink);font-size:.83rem}.table th,.table td{border-color:var(--line);padding:.68rem .72rem}.table th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff73;font-size:.68rem;font-weight:700}.table tr:hover td{background:#ffffff8c}.row-highlight{color:var(--team-highlight-ink);background:0 0}.row-highlight td{color:inherit;background:var(--team-highlight-bg)!important}.table tr.row-highlight:hover td{background:var(--team-highlight-hover)!important}.actions-cell,.compact-actions{flex-wrap:wrap;gap:.4rem;display:flex}.badge{border:1px solid #0000;border-radius:999px;width:max-content;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.badge-ok,.badge-approved,.badge-paid{color:var(--success);background:#edf9f1;border-color:#16803c29}.badge-pending{color:#806008;background:#fff8df;border-color:#9b6d0929}.badge-partial,.badge-glass{color:#225f9e;background:#eef6ff;border-color:#1d63b024}.badge-rejected,.badge-danger,.badge-error{color:#a5242b;background:#fff1f1;border-color:#c52d3229}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;background:#ffffff59;border-radius:14px;margin:0;padding:1.1rem}.login-page{background:#f1f1f3;place-items:center;min-height:100vh;padding:1rem;display:grid;position:relative;overflow:hidden}.ambient-orb,.ambient-grid{display:none}.login-card{background:#ffffffc2;border-radius:26px;gap:.82rem;width:min(100%,400px);padding:clamp(1.5rem,5vw,2.3rem);display:grid}.login-crest{border:1px solid var(--line);background:#ffffffb8;border-radius:19px;place-items:center;width:68px;height:68px;display:grid}.login-logo{object-fit:contain;width:49px;height:54px}.login-card h1{color:var(--ink);letter-spacing:-.06em;margin:-.28rem 0 0;font-size:2.35rem}.login-subtitle{color:var(--muted);margin:-.32rem 0 .4rem;line-height:1.5}.login-submit{width:100%;margin-top:.15rem}.login-actions{justify-content:space-between;gap:.8rem;display:flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#1d1d1f2e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#ffffffe3;border-radius:22px;width:min(100%,455px);max-height:calc(100vh - 2rem);padding:1.4rem;animation:.24s ease-out both modal-enter;position:relative;overflow-y:auto}.modal-close{width:32px;height:32px;color:var(--ink);cursor:pointer;background:#ededf0;border:0;border-radius:50%;font-size:1.3rem;position:absolute;top:.65rem;right:.65rem}.login-complete{z-index:220;color:var(--ink);background:#f5f5f7f0;align-content:center;justify-items:center;gap:.8rem;animation:.56s ease-out both login-finish;display:grid;position:fixed;inset:0}.login-complete-mark{border:1px solid var(--line);background:#fff;border-radius:22px;place-items:center;width:76px;height:76px;animation:.56s cubic-bezier(.2,.8,.2,1) both welcome-mark;display:grid}.login-complete img{width:56px;height:62px}.page-heading,.section-heading,.fee-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.page-heading h1,.section-heading h2{margin-bottom:.25rem}.live-pill{color:var(--success);margin-top:.3rem;font-size:.74rem;font-weight:650}.balance-hero{box-shadow:var(--shadow), inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px);background:#ffffffc2;border:1px solid #ffffffe6;border-radius:22px;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1.55rem;padding:clamp(1.15rem,3vw,1.7rem);display:flex}.balance-hero p{color:var(--muted);margin:0;font-size:.84rem;font-weight:650}.balance-hero strong{color:var(--ink);letter-spacing:-.065em;margin-top:.1rem;font-size:clamp(2rem,6vw,3.2rem);display:block}.balance-hero span{color:var(--gold);margin-top:.32rem;font-size:.78rem;display:block}.balance-hero .muted{max-width:300px}.section-block{margin-bottom:1.55rem}.section-heading{margin-bottom:.8rem}.payment-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.payment-card{border-radius:18px;padding:1rem}.payment-card-head,.admin-payment-summary{justify-content:space-between;align-items:start;gap:.7rem;display:flex}.payment-card-head span,.fee-heading span,.contribution-row span,.admin-contribution span,.request-row span,.request-card span,.admin-payment-summary span{color:var(--muted);margin-top:.22rem;font-size:.72rem;display:block}.payment-totals{grid-template-columns:repeat(3,1fr);gap:.38rem;margin:.9rem 0;display:grid}.payment-totals span{color:var(--muted);background:#1d1d1f0b;border-radius:10px;gap:.12rem;padding:.52rem;font-size:.64rem;display:grid}.payment-totals strong{color:var(--ink);font-size:.8rem}.contribution-list{gap:.4rem;margin:.7rem 0;display:grid}.contribution-row,.admin-contribution{border:1px solid var(--line);background:#ffffff7a;border-radius:11px;align-items:center;gap:.55rem;padding:.43rem;display:flex}.contribution-row>div,.admin-contribution>div{flex:1;min-width:0}.receipt-thumb{border:1px solid var(--line);object-fit:cover;width:36px;height:36px;color:var(--muted);text-align:center;border-radius:9px;flex:0 0 36px;place-items:center;font-size:.52rem;display:grid;overflow:hidden}.receipt-thumb-empty{background:#f0f0f2}.contribution-form{border-top:1px solid var(--line);gap:.6rem;padding-top:.8rem;display:grid}.lineup-card{padding-top:1.2rem}.profile-grid{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:1rem;margin-bottom:1rem;display:grid}.profile-card{align-items:center;gap:1rem;display:flex}.profile-avatar-wrap{flex:none;width:82px;height:82px;position:relative}.profile-avatar{border:1px solid var(--line-strong);object-fit:cover;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.profile-avatar-fallback{color:#fff;background:var(--accent);font-size:1.3rem;font-weight:700}.avatar-edit{border:1px solid var(--line);min-height:29px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:.3rem .4rem;font-size:.64rem;font-weight:650;position:absolute;bottom:-7px;right:-11px;box-shadow:0 2px 6px #1d1d1f17}.request-list{gap:.65rem;display:grid}.request-row,.request-card{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.85rem;padding:.78rem;display:flex}.request-row:last-child{border-bottom:0}.request-card{border:1px solid var(--line);background:#ffffff7a;border-radius:14px}.request-card div{min-width:0}.request-card strong{overflow-wrap:anywhere}.request-card small{color:var(--muted);margin-top:.32rem;font-size:.67rem;display:block}.request-card a{margin-top:.35rem;font-size:.7rem;display:inline-block}.fee-card{padding:1rem}.fee-heading{align-items:center;margin-bottom:.75rem}.fee-heading>strong{color:var(--ink);font-size:1.02rem}.admin-payment-list{gap:.65rem;display:grid}.admin-payment-row{border:1px solid var(--line);background:#ffffff6b;border-radius:14px;padding:.7rem}.admin-contribution{margin-top:.48rem}.manual-payment{gap:.4rem;margin-top:.65rem;display:flex}.manual-payment input{min-height:32px}.request-group{margin-top:1.35rem}.request-group h3{margin-bottom:.62rem}.formation-picker{flex-wrap:wrap;gap:.4rem;display:flex}.formation-btn{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);cursor:pointer;background:#ffffff8c;border-radius:9px;padding:.38rem .6rem}.formation-btn-active{border-color:var(--accent);color:#fff;background:var(--accent)}.pitch-wrap{gap:1rem}.pitch-side-panel,.slot-select-popover{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed}.pitch{box-shadow:0 8px 22px #1d1d1f1f}.pitch-slot-filled .pitch-slot-marker,.slot-select-header{background:var(--accent)!important}.pitch-roster-item,.slot-select-item{color:var(--ink);background:#fff}.sort-controls select{width:auto;margin-left:.4rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.7rem;display:grid}.stat-tile{border:1px solid var(--line);background:#ffffff8c;border-radius:13px}.construction-box{border:1px dashed var(--line-strong);color:var(--muted);background:#fff6;border-radius:20px;padding:3rem 1rem}.app-splash{min-height:100vh;color:var(--ink);background:var(--canvas);align-content:center;justify-items:center;gap:.8rem;display:grid}.splash-mark{border:1px solid var(--line);background:#fff;border-radius:20px;place-items:center;width:70px;height:70px;animation:.65s cubic-bezier(.2,.8,.2,1) both splash-mark;display:grid}.splash-mark img{width:50px;height:55px}.splash-track{background:#dedee3;border-radius:99px;width:84px;height:3px;display:block;overflow:hidden}.splash-track i{border-radius:inherit;background:var(--accent);width:40%;height:100%;animation:.75s ease-in-out infinite alternate splash-progress;display:block}.skeleton-group{gap:.65rem;width:min(100%,500px);display:grid}.skeleton{background:#e5e5e9;border-radius:99px;height:1rem;animation:1.1s ease-in-out infinite alternate skeleton-pulse;display:block}.skeleton:nth-child(2){width:80%}.skeleton:nth-child(3){width:64%}.skeleton:nth-child(4){width:88%}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes splash-mark{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes splash-progress{0%{transform:translate(-30%)}to{transform:translate(155%)}}@keyframes skeleton-pulse{0%{opacity:.55}to{opacity:1}}@keyframes login-finish{0%{opacity:0}to{opacity:1}}@keyframes welcome-mark{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.site-header{padding:.5rem .55rem 0}.navbar{border-radius:15px;min-height:57px;padding:.38rem .6rem .38rem .75rem}.navbar-logo{width:30px;height:34px}.navbar-brand{font-size:.88rem}.nav-menu-button{z-index:4;border:1px solid var(--line);cursor:pointer;background:#ffffffad;border-radius:10px;align-content:center;gap:4px;width:39px;height:39px;display:grid}.nav-menu-button span{background:var(--ink);width:16px;height:1.5px;margin:0 auto;display:block}.nav-sheet{z-index:3;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);opacity:0;pointer-events:none;background:#ffffffed;border:1px solid #ffffffe0;border-radius:18px;align-content:start;gap:.9rem;padding:4.35rem .85rem .85rem;transition:opacity .18s,transform .18s;display:grid;position:fixed;top:.5rem;left:.55rem;right:.55rem;transform:translateY(-8px)}.nav-sheet-open{opacity:1;pointer-events:auto;transform:none}.nav-sheet-links{gap:.2rem;display:grid}.nav-link{padding:.72rem}.nav-profile{border-top:1px solid var(--line);border-left:0;justify-content:start;padding:.75rem 0 0}.nav-backdrop{z-index:1;background:#1d1d1f29;border:0;display:block;position:fixed;inset:0}.app-main{min-height:calc(100vh - 64px);padding:1.15rem .75rem 1.6rem}.page h1{margin-bottom:1rem}.live-pill{display:none}.balance-hero{gap:.75rem;display:grid}.balance-hero .muted{max-width:none}.payment-grid,.profile-grid{grid-template-columns:1fr}.table{min-width:580px}.tabs{width:100%}.inline-form{padding:.85rem}.inline-form label{min-width:100%}.actions-cell{min-width:185px}.request-card{flex-direction:column;align-items:start}.manual-payment{flex-wrap:wrap}.manual-payment input{flex:120px}.pitch-wrap{flex-direction:column}.pitch-side-panel{width:100%;min-width:0}.slot-select-popover{width:auto;position:fixed;inset:auto .75rem .8rem}.modal-card{padding:1.2rem}.login-actions{flex-direction:column;align-items:start}}@media (width<=410px){.app-main{padding-left:.62rem;padding-right:.62rem}.page h1{font-size:1.8rem}.glass-card,.card{border-radius:17px}.balance-hero strong{font-size:2.2rem}.payment-card-head .badge{text-align:center;max-width:92px}.login-page{padding:.72rem}.login-card{border-radius:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fee-form-note{color:var(--muted);flex:100%;margin:-.15rem 0 0;font-size:.74rem;line-height:1.45}.fee-active-card{margin-bottom:1rem;padding:clamp(1rem,2.5vw,1.35rem)}.fee-active-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.fee-active-header>div:first-child{min-width:0}.fee-active-header h3{overflow-wrap:anywhere;margin:0;font-size:clamp(1.08rem,2vw,1.3rem)}.fee-active-header>div:first-child>span{color:var(--muted);margin-top:.26rem;font-size:.72rem;display:block}.fee-active-total{text-align:right;justify-items:end;gap:.38rem;display:grid}.fee-active-total>strong{color:var(--ink);letter-spacing:-.05em;font-size:clamp(1.3rem,3vw,1.7rem)}.fee-progress{background:#1d1d1f1a;border-radius:999px;height:.5rem;margin-top:1.2rem;overflow:hidden}.fee-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #e25861);min-width:.35rem;height:100%;transition:width .3s;display:block}.fee-progress-caption{color:var(--muted);margin:.45rem 0 0;font-size:.73rem}.fee-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.fee-metric{border:1px solid var(--line);background:#ffffff75;border-radius:13px;gap:.26rem;min-width:0;padding:.72rem;display:grid}.fee-metric>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:650;overflow:hidden}.fee-metric>strong{color:var(--ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.fee-metric-accent{background:#c915200e;border-color:#c915202e}.fee-metric-accent>strong{color:var(--accent-dark)}.fee-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.fee-collection-list{border:1px solid var(--line);background:#ffffff57;border-radius:14px;min-width:0;padding:.8rem}.fee-collection-heading{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.fee-collection-heading h4{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:.78rem}.fee-collection-list ul{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.fee-person-row{background:#ffffff7a;border-radius:10px;justify-content:space-between;align-items:center;gap:.55rem;padding:.5rem .55rem;display:flex}.fee-person-row>div:first-child{min-width:0}.fee-person-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;display:block;overflow:hidden}.fee-person-row span{color:var(--muted);margin-top:.16rem;font-size:.62rem;display:block}.fee-person-amount{flex:none;justify-items:end;gap:.22rem;display:grid}.fee-person-amount .badge{font-size:.56rem}.fee-list-empty{color:var(--muted);margin:.65rem 0 .05rem;font-size:.7rem;line-height:1.45}.fee-heading-total{justify-items:end;gap:.35rem;display:grid}.fee-heading-total>strong{color:var(--ink);font-size:1.02rem}.fee-history{margin-top:1rem}.fee-history-details{border:1px solid var(--line);background:#ffffff59;border-radius:16px;overflow:hidden}.fee-history-details>summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:.7rem;padding:.82rem .95rem;font-size:.8rem;font-weight:650;list-style:none;display:flex}.fee-history-details>summary::-webkit-details-marker{display:none}.fee-history-details>summary:after{content:"⌄";color:var(--muted);margin-left:auto;font-size:1rem;transition:transform .18s}.fee-history-details[open]>summary:after{transform:rotate(180deg)}.fee-history-details>summary .badge{margin-left:.15rem}.fee-history-content{border-top:1px solid var(--line);gap:.8rem;padding:0 .8rem .8rem;display:grid}.fee-card-historical{margin:0}@media (width<=700px){.fee-active-card{padding:.95rem}.fee-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-collection-grid{grid-template-columns:1fr}.fee-collection-list{padding:.72rem}}@media (width<=410px){.fee-active-header{gap:.7rem}.fee-active-total>strong{font-size:1.22rem}.fee-metric{padding:.62rem}.fee-metric>strong{font-size:.82rem}.fee-history-content{padding-left:.55rem;padding-right:.55rem}}.match-admin-form{margin-bottom:1rem}.upcoming-match-list{gap:.9rem;display:grid}.upcoming-match-card{padding:clamp(1rem,2.4vw,1.3rem)}.match-attendance-updated{animation:.7s cubic-bezier(.2,.8,.2,1) both attendance-confirmed}.upcoming-match-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.upcoming-match-copy{min-width:0}.upcoming-match-copy h3{overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,2vw,1.18rem)}.upcoming-match-copy>span{color:var(--muted);margin-top:.3rem;font-size:.74rem;line-height:1.4;display:block}.match-summary{color:var(--muted);text-align:right;flex:none;justify-items:end;gap:.22rem;font-size:.68rem;display:grid}.match-summary span{white-space:nowrap}.match-summary-going{color:var(--success);font-weight:700}.match-summary-not-going{color:var(--danger);font-weight:700}.attendance-response{border:1px solid var(--line);background:#fff6;border-radius:13px;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;padding:.72rem .78rem;display:flex}.attendance-response p{color:var(--muted);margin:0;font-size:.72rem}.attendance-response p strong{color:var(--ink)}.attendance-response-actions{flex-wrap:wrap;justify-content:end;gap:.35rem;display:flex}.attendance-going-button{color:var(--success);background:#16803c12;border-color:#16803c47}.attendance-not-going-button{color:var(--danger);background:#c52d320f;border-color:#c52d3240}.attendance-response-selected{box-shadow:inset 0 0 0 1px}.attendance-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem;display:grid}.attendance-column{border:1px solid var(--line);background:#ffffff59;border-radius:13px;min-width:0;min-height:88px;padding:.7rem}.attendance-column-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.attendance-column-heading h4{color:var(--ink);margin:0;font-size:.74rem}.attendance-column-heading span{width:20px;height:20px;color:var(--muted);background:#1d1d1f12;border-radius:50%;place-items:center;font-size:.63rem;font-weight:700;display:grid}.attendance-column p{color:var(--muted);margin:.65rem 0 0;font-size:.67rem}.attendance-column ul{gap:.28rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.attendance-column li{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#ffffff80;border-radius:8px;padding:.38rem .45rem;font-size:.7rem;font-weight:650;overflow:hidden}.attendance-column-going{border-color:#16803c2e}.attendance-column-not-going{border-color:#c52d3229}.attendance-column-going .attendance-column-heading h4{color:var(--success)}.attendance-column-not-going .attendance-column-heading h4{color:var(--danger)}.match-card-actions{border-top:1px solid var(--line);justify-content:end;margin-top:.75rem;padding-top:.75rem;display:flex}@keyframes attendance-confirmed{0%{transform:translateY(2px)scale(.992);box-shadow:0 0 #c9152000}45%{transform:translateY(-1px)scale(1);box-shadow:0 0 0 5px #c915201c}to{box-shadow:var(--shadow), inset 0 1px #ffffffdb;transform:none}}@media (width<=700px){.upcoming-match-heading{gap:.7rem}.attendance-response{align-items:start;display:grid}.attendance-response-actions{justify-content:start}.attendance-columns{grid-template-columns:1fr}}html[data-theme=dark]{--canvas:#171719;--surface:#2b2b2fbd;--surface-solid:#2b2b2f;--ink:#f5f5f7;--muted:#a7a7ad;--line:#ffffff21;--line-strong:#ffffff3d;--gold:#e6bf5d;--success:#62d485;--danger:#ff8589;--team-highlight-bg:#54181d;--team-highlight-hover:#681d24;--team-highlight-ink:#fff;--shadow:0 14px 34px #00000038, 0 2px 8px #00000029}body,button,input,select{font-family:Aptos,Segoe UI Variable,Segoe UI,Helvetica Neue,Arial,sans-serif}.page h1,.login-card h1{letter-spacing:-.04em;font-weight:600}.page h2,.page h3{font-weight:600}.theme-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffff8a;border-radius:50%;flex:none;place-items:center;transition:background .18s,transform .18s;display:grid}.theme-toggle:hover{background:#fff;transform:translateY(-1px)}.theme-toggle svg{width:16px;height:16px}.theme-toggle svg *{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.login-theme-toggle{z-index:3;position:fixed;top:1rem;right:1rem}html[data-theme=dark] .navbar{box-shadow:var(--shadow), inset 0 1px #ffffff14;background:#2b2b2fcc;border-color:#ffffff29}html[data-theme=dark] .glass-panel,html[data-theme=dark] .glass-card,html[data-theme=dark] .card,html[data-theme=dark] .balance-hero{box-shadow:var(--shadow), inset 0 1px #ffffff14;border-color:#ffffff21}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .btn-outline,html[data-theme=dark] .btn-quiet,html[data-theme=dark] .formation-btn{background:#ffffff14}html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .btn-outline:hover:not(:disabled),html[data-theme=dark] .btn-quiet:hover:not(:disabled){background:#ffffff26}html[data-theme=dark] input,html[data-theme=dark] select{color:var(--ink);background:#00000038}html[data-theme=dark] .login-card input,html[data-theme=dark] .modal-card input{color:#f5f5f7;background:#00000038;border-color:#ffffff3d}html[data-theme=dark] .login-card input:focus,html[data-theme=dark] .modal-card input:focus{color:#f5f5f7;background:#202023;border-color:#dd1723e6}html[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:#f5f5f7;caret-color:#f5f5f7;-webkit-box-shadow:inset 0 0 0 1000px #202023}html[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:#f5f5f7;caret-color:#f5f5f7;-webkit-box-shadow:inset 0 0 0 1000px #202023}html[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f5f7;caret-color:#f5f5f7;-webkit-box-shadow:inset 0 0 0 1000px #202023}html[data-theme=dark] input[type=file]::file-selector-button{color:var(--ink);background:#ffffff21}html[data-theme=dark] .tabs,html[data-theme=dark] .table-wrap,html[data-theme=dark] .admin-payment-row,html[data-theme=dark] .request-card,html[data-theme=dark] .contribution-row,html[data-theme=dark] .admin-contribution{background:#ffffff0b}html[data-theme=dark] .tab-btn-active{color:var(--ink);box-shadow:none;background:#ffffff26}html[data-theme=dark] .table th{background:#ffffff0f}html[data-theme=dark] .table tr:hover td{background:#ffffff0b}html[data-theme=dark] .login-page{background:#171719}html[data-theme=dark] .login-crest,html[data-theme=dark] .login-complete-mark,html[data-theme=dark] .splash-mark{background:#ffffff14}html[data-theme=dark] .login-complete{background:#171719f2}html[data-theme=dark] .modal-close{color:var(--ink);background:#ffffff1f}html[data-theme=dark] .payment-totals span,html[data-theme=dark] .empty-state,html[data-theme=dark] .construction-box,html[data-theme=dark] .stat-tile{background:#ffffff0f}html[data-theme=dark] .receipt-thumb-empty{background:#ffffff14}html[data-theme=dark] .skeleton{background:#ffffff1f}html[data-theme=dark] .splash-track{background:#ffffff29}html[data-theme=dark] .pitch-side-panel,html[data-theme=dark] .slot-select-popover{background:#2b2b2ff5}html[data-theme=dark] .pitch-roster-item,html[data-theme=dark] .slot-select-item{color:var(--ink);background:#ffffff0f}html[data-theme=dark] .fee-metric,html[data-theme=dark] .fee-collection-list,html[data-theme=dark] .fee-history-details,html[data-theme=dark] .fee-person-row{background:#ffffff0e}html[data-theme=dark] .fee-progress{background:#ffffff24}html[data-theme=dark] .fee-metric-accent{background:#c9152024}html[data-theme=dark] .fee-metric-accent>strong{color:#ff9aa0}html[data-theme=dark] .attendance-response,html[data-theme=dark] .attendance-column,html[data-theme=dark] .attendance-column li{background:#ffffff0e}html[data-theme=dark] .attendance-going-button{background:#16803c24}html[data-theme=dark] .attendance-not-going-button{background:#c52d3224}.player-dashboard .page-heading{margin-bottom:.7rem}.player-dashboard .page-heading h1{margin:0;font-size:clamp(2rem,3.4vw,2.45rem)}.player-dashboard .balance-hero{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);min-height:116px;margin-bottom:1.35rem;padding:1.15rem 1.4rem;display:grid}.player-dashboard .balance-hero strong{font-size:clamp(2rem,4vw,2.75rem)}.player-dashboard .balance-hero .muted{text-align:left;justify-self:end;margin:0}.player-dashboard .section-heading{margin-bottom:.55rem}.player-dashboard .section-heading h2{font-size:1.12rem}.player-dashboard .empty-state{background:#ffffff59;border-style:solid;padding:.85rem 1rem}.player-dashboard .lineup-card{padding:1.05rem 1.15rem}.player-dashboard .lineup-card .empty-state{margin-top:.65rem}.player-dashboard .pitch-compact{border-width:3px;width:min(100%,340px);margin:.85rem auto .35rem}.player-dashboard .pitch-compact .pitch-slot-marker{width:1.75rem;height:1.75rem;font-size:.62rem}.player-dashboard .pitch-compact .pitch-slot-name{max-width:4.2rem;font-size:.48rem}.profile-card{padding:0;display:block;overflow:hidden}.profile-banner{background:#c9152024;border-bottom:1px solid #c9152029;height:78px}.profile-identity{grid-template-columns:114px minmax(0,1fr);align-items:start;gap:1rem;padding:0 1.15rem 1.15rem;display:grid}.profile-avatar-wrap{gap:.48rem;width:114px;height:auto;margin-top:-35px;display:grid}.profile-avatar{border:4px solid var(--surface-solid);width:96px;height:96px;box-shadow:0 3px 10px #1d1d1f26}.avatar-actions{gap:.38rem;width:96px;display:grid}.avatar-edit{border-color:var(--line-strong);width:96px;min-height:31px;color:var(--ink);background:var(--surface-solid);box-shadow:none;padding:.32rem .4rem;font-size:.67rem;position:static}.avatar-save{width:96px;min-height:31px;padding:.32rem .4rem;font-size:.67rem}.avatar-file-name{width:106px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.profile-copy{min-width:0;padding-top:.85rem}.profile-copy h2{margin:0;font-size:1.25rem}.profile-copy .muted{overflow-wrap:anywhere;margin:.25rem 0 .5rem}html[data-theme=dark] .player-dashboard .balance-hero{background:var(--surface)}html[data-theme=dark] .player-dashboard .empty-state{background:#ffffff0e}html[data-theme=dark] .player-dashboard .lineup-list li{color:var(--ink);background:#ffffff1a;border:1px solid #ffffff24}html[data-theme=dark] .profile-banner{background:#c9152033;border-bottom-color:#ffffff1a}html[data-theme=dark] .profile-avatar{border-color:#2b2b2f;box-shadow:0 3px 12px #0000004d}html[data-theme=dark] .avatar-edit{background:#ffffff17}.avatar-crop-dialog,.media-preview-dialog{z-index:300;-webkit-backdrop-filter:blur(8px);background:#0f0f119e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.avatar-crop-panel{width:min(100%,470px);padding:1.15rem}.avatar-crop-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.avatar-crop-heading h2{margin-bottom:0}.avatar-crop-stage{border:1px solid var(--line-strong);cursor:grab;touch-action:none;background:#161619;border-radius:50%;width:280px;height:280px;margin:1rem auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.avatar-crop-guide{border-radius:inherit;pointer-events:none;border:1px solid #ffffffb3;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #0000001a}.avatar-zoom{max-width:320px;margin:0 auto}.avatar-zoom input{min-height:0;accent-color:var(--accent);padding:0}.avatar-crop-actions{justify-content:end;gap:.55rem;margin-top:1rem;display:flex}.avatar-crop-error{color:var(--danger);margin:.75rem 0 0;font-size:.78rem}.receipt-thumb-button{cursor:zoom-in;background:0 0;padding:0}.receipt-thumb-button:focus-visible{outline-offset:2px;outline:3px solid #c915204d}.receipt-thumb-image{object-fit:cover;width:100%;height:100%}.receipt-thumb-empty{padding:.28rem;line-height:1.05}.media-preview-panel{border:1px solid var(--line-strong);background:var(--surface-solid);border-radius:16px;max-width:min(94vw,760px);max-height:88vh;padding:.5rem;display:grid;position:relative;box-shadow:0 24px 64px #0000005c}.media-preview-panel .modal-close{z-index:1;position:absolute;top:.75rem;right:.75rem}.media-preview-image{object-fit:contain;border-radius:11px;max-width:min(88vw,720px);max-height:80vh;display:block}@media (width<=410px){.avatar-crop-dialog{padding:.65rem}.avatar-crop-panel{padding:.9rem}.avatar-crop-actions .btn{flex:1}}.glass-panel,.glass-card,.card,.navbar,.modal-card{-webkit-backdrop-filter:blur(28px)saturate(155%);background:#ffffff8a;border-color:#ffffffb8;position:relative;box-shadow:0 18px 42px #1d1d1f1c,0 2px 7px #1d1d1f0d,inset 0 1px #ffffffeb,inset 0 -1px #1d1d1f0d}.glass-panel:before,.glass-card:before,.card:before,.navbar:before,.modal-card:before{z-index:0;border-radius:inherit;content:"";pointer-events:none;opacity:.6;background:linear-gradient(112deg,#ffffff85,#ffffff14 42%,#0000 66%);height:42%;position:absolute;inset:1px 1px auto}.glass-panel>*,.glass-card>*,.card>*,.navbar>*,.modal-card>*{z-index:1;position:relative}.login-card,.modal-card{overflow:hidden}.login-card:before{animation:5.4s ease-in-out infinite alternate glass-reflection}html[data-theme=dark] .glass-panel,html[data-theme=dark] .glass-card,html[data-theme=dark] .card,html[data-theme=dark] .navbar,html[data-theme=dark] .modal-card{background:#232327a3;border-color:#ffffff2e;box-shadow:0 20px 45px #00000045,0 2px 9px #00000029,inset 0 1px #ffffff1f,inset 0 -1px #00000029}html[data-theme=dark] .glass-panel:before,html[data-theme=dark] .glass-card:before,html[data-theme=dark] .card:before,html[data-theme=dark] .navbar:before,html[data-theme=dark] .modal-card:before{opacity:.42;background:linear-gradient(112deg,#ffffff29,#ffffff09 44%,#0000 68%)}html[data-theme=dark] .login-card,html[data-theme=dark] .modal-card{background:#232327a3}.pitch-side-panel{border-radius:18px;flex:0 360px;align-self:flex-start;width:min(100%,360px);min-width:min(100%,280px);padding:1rem}.substitutes-heading{justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.substitutes-heading .eyebrow{margin-bottom:.16rem}.substitutes-heading h3{margin:0;font-size:1rem}.substitutes-heading>span{border:1px solid var(--line);color:var(--muted);background:#ffffff5c;border-radius:999px;flex:none;padding:.28rem .48rem;font-size:.65rem;font-weight:650}.substitute-list{grid-template-columns:repeat(auto-fit,minmax(146px,1fr));gap:.5rem;display:grid}.substitute-option{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff5c;border-radius:13px;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:.55rem;padding:.48rem;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff8c}.substitute-option:hover{background:#c915200e;border-color:#c9152059;transform:translateY(-1px)}.substitute-option:focus-visible{outline-offset:2px;outline:3px solid #c9152038}.substitute-option-selected{background:#c9152017;border-color:#c9152085;box-shadow:inset 0 1px #ffffffb3,0 4px 12px #c9152017}.substitute-avatar{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.63rem;font-weight:700;display:grid;overflow:hidden}.substitute-copy{gap:.12rem;min-width:0;display:grid}.substitute-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.substitute-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.substitute-state{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:1rem;font-weight:500;line-height:1;display:grid}.substitute-option-selected .substitute-state{border-color:var(--accent);color:#fff;background:var(--accent)}.substitute-state svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:13px;height:13px}html[data-theme=dark] .pitch-side-panel{background:#232327a3}html[data-theme=dark] .substitutes-heading>span,html[data-theme=dark] .substitute-option{background:#ffffff0e}html[data-theme=dark] .substitute-option:hover{background:#c915201f}html[data-theme=dark] .substitute-option-selected{background:#c915202e}@keyframes glass-reflection{0%{opacity:.42;transform:translate(-7%)}to{opacity:.68;transform:translate(7%)}}@media (prefers-reduced-motion:reduce){.login-card:before{animation:none}}@media (width<=700px){html[data-theme=dark] .nav-menu-button,html[data-theme=dark] .nav-sheet{background:#2b2b2ff0;border-color:#ffffff29}.player-dashboard .balance-hero{grid-template-columns:1fr;gap:.65rem;min-height:0;padding:1rem 1.05rem}.player-dashboard .balance-hero .muted{justify-self:start}.player-dashboard .pitch-compact{width:min(100%,285px);margin-top:.7rem}.pitch-side-panel{width:100%;min-width:0}.profile-identity{grid-template-columns:92px minmax(0,1fr);gap:.78rem;padding:0 .9rem 1rem}.profile-avatar-wrap{width:92px;margin-top:-30px}.profile-avatar{width:84px;height:84px}.avatar-actions,.avatar-edit,.avatar-save{width:84px;font-size:.62rem}.profile-copy{padding-top:.65rem}.profile-copy h2{font-size:1.12rem}}.nav-profile-link,.nav-profile-actions{align-items:center;display:flex}.nav-profile-link{gap:.55rem;min-width:0}.nav-profile-actions{gap:.55rem}.nav-desktop-content{align-items:center;gap:1rem;display:flex}@media (width<=700px){.nav-desktop-content{display:none}.site-header{padding:max(.5rem, env(safe-area-inset-top)) .55rem 0}.navbar{min-height:54px;padding:.35rem .55rem .35rem .7rem}.navbar-brand{gap:.48rem;font-size:.84rem}.navbar-brand small{font-size:.52rem}.navbar-logo{width:28px;height:32px}.nav-menu-button{z-index:5;border-radius:12px;width:42px;height:42px}.nav-sheet{z-index:1001;top:auto;right:.55rem;bottom:max(.55rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:none;border-radius:20px;gap:.72rem;max-height:min(500px,100dvh - 1.1rem);padding:.72rem;left:.55rem;overflow-y:auto;transform:translateY(12px);box-shadow:0 18px 45px #1414184d,inset 0 1px #ffffff8c}.nav-sheet-open{transform:translateY(0)}.nav-sheet-links{gap:.16rem}.nav-link{border-radius:12px;align-items:center;min-height:44px;padding:.68rem .78rem;font-size:.9rem;display:flex}.nav-profile{border-top:1px solid var(--line);border-left:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.62rem;padding:.68rem 0 0;display:grid}.nav-profile-link{border:1px solid var(--line);background:#ffffff4d;border-radius:13px;min-height:48px;padding:.34rem .42rem}.nav-profile-link:focus-visible{outline-offset:2px;outline:3px solid #c9152040}.nav-profile .avatar-button{flex:0 0 40px;width:40px;height:40px}.nav-profile .navbar-user{min-width:0;font-size:.78rem}.nav-profile .navbar-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-profile .navbar-user span{font-size:.66rem}.nav-profile-actions{gap:.4rem}.nav-profile-actions .theme-toggle{flex:none}.nav-profile-actions .btn{min-height:42px;padding:.5rem .66rem}.nav-backdrop{z-index:1000;-webkit-backdrop-filter:none;background:#0a0a0d75}.player-dashboard .page-heading{margin-bottom:.5rem}.player-dashboard .balance-hero{gap:.45rem;padding:.88rem .94rem}.player-dashboard .section-block{margin-top:1.05rem}.player-dashboard .lineup-card{padding:.9rem}}@media (width<=410px){.nav-profile-actions .btn{padding-left:.54rem;padding-right:.54rem;font-size:.78rem}.player-dashboard .balance-hero strong{font-size:2rem}.player-dashboard .pitch-compact{width:min(100%,250px)}.player-dashboard .pitch-compact .pitch-slot-marker{width:1.55rem;height:1.55rem}.player-dashboard .pitch-compact .pitch-slot-name{max-width:3.8rem;font-size:.43rem}}