:root{color-scheme:dark;--bg:#101316;--panel:#1d2228;--line:#39414a;--muted:#aeb8c2;--text:#f7f8fa;--yellow:#ffd21b;--sidebar:#0c0f12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,"Segoe UI",sans-serif;line-height:1.55}a{color:#91b8ff;text-underline-offset:3px}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}aside{height:100vh;position:sticky;top:0;background:var(--sidebar);border-right:1px solid #252b31;padding:24px 16px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;padding:2px 8px 24px;border-bottom:1px solid #272d33}.crest{width:38px;height:46px;display:grid;place-items:center;background:linear-gradient(90deg,#ffd21b 0 25%,#1749aa 25% 50%,#ffd21b 50% 75%,#1749aa 75%);clip-path:polygon(0 0,100% 0,93% 70%,50% 100%,7% 70%);color:#111;font-size:9px;font-weight:1000;line-height:1.05;text-align:center}.brandname{font-weight:750;font-size:15px}.brandtag{font-size:10px;color:#96a0aa;letter-spacing:.12em;text-transform:uppercase}.navtitle{font-size:10px;color:#737d88;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:25px 12px 9px}.nav{display:grid;gap:6px}.nav button{border:1px solid transparent;background:none;border-radius:10px;padding:11px 12px;text-align:left;color:#c2c9d0;display:flex;align-items:center;gap:12px;cursor:pointer}.nav button:hover{background:#1b2026;color:#fff}.nav button.active{background:#3d3310;border-color:#66550e;color:var(--yellow);font-weight:700}.ico{width:18px;text-align:center}.side-note{margin-top:auto;padding:14px 13px;border:1px solid #2e343c;border-radius:12px;background:#14181d;color:#aeb8c2;font-size:12px}.side-note b{color:#fff}.side-note span{display:block;color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.12em}.main{min-width:0}.top{height:70px;border-bottom:1px solid #2b3138;display:flex;justify-content:flex-end;align-items:center;padding:0 4vw;color:#b4bdc5;font-size:12px}.content{width:min(1260px,100%);margin:auto;padding:42px clamp(22px,4.4vw,62px) 75px}.eyebrow{color:var(--yellow);font-size:12px;font-weight:850;letter-spacing:.22em;text-transform:uppercase;margin:0 0 9px}.title{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0}.lead{font-size:16px;color:#b8c1cb;max-width:760px;margin:13px 0 0}.hero{position:relative;overflow:hidden;margin:28px 0 36px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 86% 40%,#2552a347,transparent 38%),linear-gradient(110deg,#1c2228,#171c22 63%,#1b2230);padding:32px 36px;min-height:185px;display:flex;align-items:center}.hero h2{font-size:clamp(23px,3vw,34px);margin:0 0 8px}.hero p{color:#bbc5ce;margin:0;max-width:600px}.hero:after{content:"SFC";position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:clamp(65px,9vw,120px);font-weight:1000;letter-spacing:-.12em;color:#ffd21b;opacity:.08}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 14px}.kicker{margin:0;color:var(--yellow);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.note{color:#929da8;font-size:12px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}.card,.panel,.team,.account{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;min-width:0}.card{min-height:160px;display:flex;flex-direction:column}.icon{width:42px;height:42px;border-radius:13px;background:#403610;color:var(--yellow);display:grid;place-items:center;font-size:19px;margin-bottom:15px}.card h2,.panel h2{font-size:18px;margin:0 0 9px}.card p,.panel p{font-size:13px;color:#c1c9d1;margin:0 0 12px}.card button{margin-top:auto;background:none;border:0;padding:8px 0 0;text-align:left;color:#fff;cursor:pointer;font-weight:700}.card button span{color:var(--yellow);font-size:19px;margin-left:8px}.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch;margin-top:23px}.panel{height:100%;padding:23px}.panel ul{padding-left:18px;margin:10px 0 0;color:#c1c9d1;font-size:13px}.panel li{margin:0 0 12px}.panel li strong{display:block;color:#fff;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.stat{padding:18px 20px;background:#191e23;border:1px solid #333b43;border-radius:13px}.stat b{display:block;font-size:24px;color:var(--yellow)}.stat span{font-size:12px;color:#aeb8c2}.teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.team{min-height:140px}.teamtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.teamtop strong{font-size:22px}.count{font-size:11px;color:#f6df72;background:#383214;padding:5px 9px;border-radius:20px}.team p{font-size:12px;color:#aeb8c2;margin:8px 0}.team small{font-size:11px;color:#87929d}.privacy{margin-top:18px;padding:14px 16px;border-left:3px solid var(--yellow);background:#1a1e21;color:#b9c2cb;font-size:12px;border-radius:0 10px 10px 0}.accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.account label{display:block;font-size:11px;color:#aeb8c2;margin-bottom:9px}.account code{font:700 14px ui-monospace,Consolas,monospace;word-break:break-all}.account small{display:block;color:#aeb8c2;font-size:11px;margin-top:9px}.empty{margin-top:22px;padding:32px;border:1px dashed #48515a;border-radius:15px;background:#171b20;text-align:center;color:#b7c0c8}.empty h2{font-size:18px;color:#fff;margin:0 0 5px}.empty p{font-size:13px;margin:0}.page{display:none}.page.active{display:block}.foot{border-top:1px solid #2c3239;margin-top:52px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;color:#77828d;font-size:11px}
@media(max-width:1080px){.app{grid-template-columns:220px minmax(0,1fr)}.grid,.panels,.teams{grid-template-columns:repeat(2,minmax(0,1fr))}.panels .panel:last-child{grid-column:1/-1}.accounts{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.app{display:block}aside{height:auto;position:sticky;padding:10px 13px;background:#0c0f12ed;backdrop-filter:blur(16px);border-right:0;border-bottom:1px solid #252b31}.brand{padding:0;border:0}.crest{width:30px;height:36px}.brandname{font-size:13px}.brandtag,.navtitle,.side-note,.top{display:none}.nav{display:flex;overflow:auto;gap:4px;margin:10px 0 0;scrollbar-width:none}.nav button{flex:0 0 auto;padding:8px 10px;font-size:12px;gap:7px}.content{padding:27px 16px 52px}.hero{padding:24px 21px;min-height:160px;margin:23px 0 29px}.hero:after{right:-5%;font-size:78px}.grid,.panels,.teams,.accounts,.stats{grid-template-columns:1fr}.panels .panel:last-child{grid-column:auto}.sectionhead{align-items:start;flex-direction:column;gap:5px}.card{min-height:145px}.foot{flex-direction:column}.title{font-size:34px}}
#page-club>.grid,#page-club>.stats{display:none}.roster-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0 8px}.roster-tools label{font-size:12px;color:#aeb8c2}.roster-tools input,.roster-tools select{background:#1b2026;border:1px solid #3a424b;color:#fff;border-radius:9px;padding:9px 11px}.roster-tools input{min-width:190px}.roster-tools .note{margin-left:auto}.roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.player-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#1a1f24;border:1px solid #343c45;border-radius:10px;padding:10px 13px}.player-row strong{font-size:13px}.player-row span{font-size:11px;color:#aeb8c2;text-align:right}.event-grid .panel{min-height:265px}.event-grid .empty{padding:18px;margin-top:17px}.finance-tabs{display:flex;gap:8px;margin:24px 0 18px}.finance-tabs button{border:1px solid #39414a;background:#1d2228;color:#cbd2d9;border-radius:9px;padding:9px 14px;cursor:pointer}.finance-tabs button.active{border-color:#716114;background:#3d3310;color:#ffd21b}.finance-view{display:none}.finance-view.active{display:block}@media(max-width:720px){.roster-list{grid-template-columns:1fr}.roster-tools .note{margin-left:0;width:100%}.finance-tabs button{flex:1}.event-grid .panel{min-height:auto}}
button{transition:transform 120ms ease,box-shadow 160ms ease,filter 160ms ease,background-color 160ms ease}
button:active,button.is-pressed{transform:translateY(2px) scale(.98);filter:brightness(.94)}
button.is-working{cursor:progress;opacity:.86}
button.is-success{background:#1f9d55!important;border-color:#40c878!important;color:#fff!important}
button.is-error{background:#a92d35!important;border-color:#e46169!important;color:#fff!important}
.button-spinner{display:inline-block;width:.9em;height:.9em;margin-right:.45em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-feedback-spin 700ms linear infinite}
.action-feedback-toast{position:fixed;z-index:10000;right:22px;bottom:22px;max-width:min(360px,calc(100vw - 32px));padding:13px 17px;border:1px solid #3d4b5a;border-radius:12px;background:#182028;color:#fff;font-weight:800;box-shadow:0 14px 38px rgba(0,0,0,.38);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity 180ms ease,transform 180ms ease}
.action-feedback-toast.success{border-color:#40c878}.action-feedback-toast.error{border-color:#e46169}.action-feedback-toast.is-visible{opacity:1;transform:translateY(0)}
@keyframes button-feedback-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.action-feedback-toast{right:16px;bottom:84px}}
@media(prefers-reduced-motion:reduce){button,.action-feedback-toast{transition:none}.button-spinner{animation-duration:1.4s}}

.stadium-nav-button{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.8rem 1rem;border:1px solid #f4c414;border-radius:12px;background:#332d12;color:#ffd42a;font:inherit;font-weight:700;cursor:pointer;transition:background .18s,transform .18s}.stadium-nav-button:hover{background:#494018;transform:translateY(-1px)}#stadium-nav-dialog{width:min(92vw,430px);padding:1.5rem;border:1px solid #414750;border-radius:18px;background:#1d2228;color:#f6f8fb;box-shadow:0 24px 80px #0009}#stadium-nav-dialog::backdrop{background:#05080dcc;backdrop-filter:blur(3px)}.stadium-nav-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.stadium-nav-dialog-head h2{margin:0 0 .35rem;font-size:1.25rem}.stadium-nav-dialog-head p{margin:0;color:#bac5d2}.stadium-nav-close{width:2.25rem;height:2.25rem;border:1px solid #4a515a;border-radius:10px;background:#282e35;color:#f6f8fb;font-size:1.25rem;cursor:pointer}.stadium-nav-options{display:grid;gap:.7rem}.stadium-nav-options a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #3e4650;border-radius:12px;background:#252b32;color:#f6f8fb;text-decoration:none;font-weight:700}.stadium-nav-options a:hover{border-color:#f4c414;background:#302d20}.stadium-nav-options small{display:block;margin-top:.2rem;color:#b8c4d2;font-weight:400}

.crest{width:44px;height:48px;display:block;object-fit:contain;clip-path:none;background:#fff;border-radius:5px;flex:0 0 auto}@media(max-width:720px){.crest{width:34px;height:38px}}

.stadium-nav-button.side-nav-button{width:100%;justify-content:center;margin-top:10px;padding:.72rem .55rem;font-size:12px;white-space:normal}@media(max-width:720px){.stadium-nav-button.side-nav-button{width:100%;margin-top:10px;padding:.58rem;font-size:12px}}

.roster-list{grid-template-columns:repeat(3,minmax(0,1fr))}.player-row strong,.player-row span{font-weight:800}.player-row span{color:#d7e2ee;font-size:12px}.player-row{min-height:48px}@media(max-width:1100px){.roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.roster-list{grid-template-columns:1fr}}

.finance-payment-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;margin-top:24px}.finance-payment-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:center}.finance-payment-card h2{margin-bottom:8px}.finance-payment-card .note{max-width:600px}.finance-payment-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.finance-payment-details div{padding:12px;border:1px solid #39434d;border-radius:11px;background:#171c21}.finance-payment-details div:nth-child(2){grid-column:1/-1}.finance-payment-details span{display:block;color:#aeb8c2;font-size:11px;margin-bottom:4px}.finance-payment-details strong{display:block;color:#fff;font-size:13px;word-break:break-word}.finance-payment-details div:nth-child(2) strong{white-space:nowrap;word-break:normal;font-size:clamp(12px,1.4vw,14px);letter-spacing:-.025em}.finance-vs-field{display:grid;gap:6px;margin-top:18px;color:#c9d1d9;font-size:13px;font-weight:700}.finance-vs-note{display:grid;gap:5px;margin-top:18px;padding:12px 14px;border-left:3px solid #ffd21b;border-radius:0 10px 10px 0;background:#202015;color:#c9d1d9;font-size:12px}.finance-vs-note strong{color:#ffd21b;font-size:12px}.finance-vs-note span{color:#b8c7d5;line-height:1.45}.finance-vs-field input{max-width:330px;border:1px solid #46505a;border-radius:9px;background:#14191e;color:#fff;padding:10px 12px;font:inherit}.finance-vs-field small{max-width:570px;color:#9faebb;font-size:11px;font-weight:500;line-height:1.45}.finance-qr-shell{display:grid;justify-items:center;gap:10px;padding:16px;border:1px solid #4b5966;border-radius:15px;background:#0b1724}.finance-qr-shell img{width:220px;height:220px;border-radius:10px;background:#fff;padding:8px;object-fit:contain}.finance-qr-shell p{margin:0;color:#9fb8cf;font-size:11px;text-align:center;line-height:1.45}.finance-instructions{margin-top:0}.finance-instructions ul{margin-top:14px}.finance-instructions li{margin-bottom:9px}.finance-account-highlight{color:#ffd21b;font:700 14px ui-monospace,Consolas,monospace;word-break:normal;white-space:nowrap}@media(max-width:900px){.finance-payment-layout{grid-template-columns:1fr}.finance-payment-card{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:620px){.finance-payment-card{grid-template-columns:1fr}.finance-payment-details{grid-template-columns:1fr}.finance-qr-shell{justify-self:stretch}.finance-qr-shell img{width:200px;height:200px}}

.training-board-shell{margin:24px 0 28px;padding:18px;border:1px solid #39434d;border-radius:18px;background:linear-gradient(135deg,#121820,#1a2028);box-shadow:0 18px 40px #0005}.training-board-brand{display:flex;align-items:center;gap:18px;padding:10px 12px 18px;border-bottom:1px solid #39434d}.training-board-logo{width:170px;height:62px;object-fit:contain;filter:drop-shadow(0 6px 12px #0008)}.training-board-brand h2{margin:0;color:#ffd21b;font-size:clamp(18px,2.5vw,28px);letter-spacing:.06em;text-transform:uppercase}.training-board-brand p{margin:5px 0 0;color:#aebed0;font-size:12px}.training-board-scroll{overflow-x:auto;padding-bottom:4px}.training-board{display:grid;grid-template-columns:205px repeat(5,minmax(125px,1fr)) 120px;min-width:980px;margin-top:16px;border:1px solid #39434d;border-radius:13px;overflow:hidden}.training-board-head,.training-board-row{display:contents}.training-board-head>div{padding:12px 10px;background:#26313d;color:#a9c4de;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:center;border-bottom:1px solid #445261}.training-board-head>div:first-child{text-align:left}.training-board-head>div:last-child{color:#ffd21b}.training-board-row>div{min-height:92px;padding:11px 10px;border-bottom:1px solid #34414d;border-right:1px solid #34414d;background:#161c23}.training-board-row:last-child>div{border-bottom:0}.training-board-row>div:last-child{border-right:0}.training-board-team{display:flex;flex-direction:column;justify-content:center;gap:4px}.training-board-team strong{color:#fff;font-size:14px}.training-board-team small{color:#9fb4c8;font-size:10px;line-height:1.35}.training-board-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center}.training-board-cell.is-free{color:#738190;background:#14191f}.training-board-cell.is-session{background:var(--tone-bg,#173148)}.training-board-cell.is-special{background:#242734}.training-board-time{color:#fff;font-size:12px;font-weight:900}.training-board-place{color:#d9e7f4;font-size:10px;line-height:1.3}.training-board-coach{color:#9fc7ed;font-size:10px;font-weight:700}.training-board-duration{display:flex;align-items:center;justify-content:center;color:#ffd21b!important;background:#211f13!important;font-size:12px;font-weight:900;text-align:center}.training-board-row[data-tone="yellow"]{--tone-bg:#3a3210}.training-board-row[data-tone="teal"]{--tone-bg:#14383a}.training-board-row[data-tone="green"]{--tone-bg:#163828}.training-board-row[data-tone="blue"]{--tone-bg:#15324b}.training-board-row[data-tone="pink"]{--tone-bg:#392140}.training-board-row[data-tone="lime"]{--tone-bg:#123c30}.training-board-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;color:#9fb4c8;font-size:10px}.training-board-legend span{padding:5px 8px;border:1px solid #39434d;border-radius:999px}.training-board-note{margin:12px 0 0;color:#92a7ba;font-size:11px}.training-board-note strong{color:#ffd21b}@media(max-width:650px){.training-board-shell{padding:12px}.training-board-brand{align-items:flex-start;flex-direction:column;gap:8px}.training-board-logo{width:145px;height:54px}}

.fee-reminder-admin{margin-top:20px}.fee-reminder-warning{display:grid;gap:4px;margin:16px 0;padding:13px 15px;border-left:4px solid #ffd21b;border-radius:0 10px 10px 0;background:#28240d}.fee-reminder-warning strong{color:#ffd21b}.fee-reminder-warning span{color:#d3dce5;font-size:12px}.fee-reminder-controls{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}.fee-reminder-controls label{display:grid;gap:7px;font-weight:800}.fee-reminder-controls select{min-width:210px;padding:10px 12px;border:1px solid #46505a;border-radius:9px;background:#14191e;color:#fff}.fee-reminder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fee-reminder-actions button,.fee-reminder-send{padding:10px 13px;border-radius:9px;border:1px solid #4a5865;background:#202832;color:#fff;font-weight:800;cursor:pointer}.fee-reminder-actions strong{color:#5eb7ff;margin-left:6px}.fee-reminder-list{display:grid;gap:7px;margin:12px 0 18px}.fee-reminder-player{display:grid;grid-template-columns:34px minmax(180px,1fr) 90px minmax(220px,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid #39434d;border-radius:10px;background:#161c22}.fee-reminder-player input{width:18px;height:18px;accent-color:#ffd21b}.fee-reminder-player strong{color:#fff}.fee-reminder-player .category{color:#5eb7ff;font-weight:900}.fee-reminder-player .email{color:#c7d2dc;font-size:12px;overflow-wrap:anywhere}.fee-reminder-player.is-missing{opacity:.65;border-color:#6b4b4b}.fee-reminder-player.is-missing .email{color:#ff8a8a}.fee-reminder-send{background:#ffd21b;color:#0b1117;border-color:#ffd21b}.fee-reminder-send:disabled{opacity:.45;cursor:not-allowed}.fee-reminder-confirm,.fee-reminder-result{margin-top:18px;padding:16px;border:1px solid #53606c;border-radius:12px;background:#121820}.fee-reminder-confirm h3,.fee-reminder-result h3{margin-top:0}.fee-reminder-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fee-reminder-summary-grid div{padding:9px;border:1px solid #303b45;border-radius:8px}.fee-reminder-results{display:grid;gap:6px;margin-top:12px}.fee-reminder-results div{padding:8px 10px;border-radius:8px;background:#1a2128}.fee-reminder-results .ok{border-left:3px solid #42d27c}.fee-reminder-results .fail{border-left:3px solid #ff6464}.fee-retry{margin-top:12px}@media(max-width:720px){.fee-reminder-player{grid-template-columns:28px 1fr 65px}.fee-reminder-player .email{grid-column:2/4}.fee-reminder-summary-grid{grid-template-columns:1fr}}

.about-wordmark{display:flex;justify-content:center;align-items:center;margin:16px auto 0;padding:0;background:transparent}.about-wordmark img{display:block;width:min(100%,270px);height:auto;object-fit:contain;background:transparent}@media(max-width:720px){.about-wordmark{margin-top:18px}.about-wordmark img{width:min(100%,300px)}}

@media(min-width:721px){#leadership,#contacts{display:flex;flex-direction:column}#leadership>ul{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-bottom:0}#contacts>p,#contacts>.contact-bank{margin:0}#contacts>p:not(:first-of-type),#contacts>.contact-bank{margin-top:22px}#contacts>p:last-child{margin-bottom:auto}}

.is-public-visitor #nav button[data-page="players"],.is-public-visitor #page-players,.is-public-visitor .squad-card-action,.is-public-visitor .team-roster-open,.is-public-visitor #team-roster-panel,.is-public-visitor #event-admin-toolbar,.is-public-visitor #futbalnet-results-sync,.is-public-visitor #event-add-result,.is-public-visitor #training-admin-toolbar,.is-public-visitor .training-attendance-panel,.is-public-visitor .training-stats-panel,.is-public-visitor .finance-instructions,.is-public-visitor #fee-reminder-admin,.is-public-visitor .team-next-match{display:none!important}