:root{--ink:#073649;--accent:#b83c2b;--accent-light:#ffd9cf;--muted:#7a8083;--line:#e2e7e9;--bg:#f3f6f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#25343b;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #5e98b1;outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);padding:33px 22px 20px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.7px;line-height:1.7;margin-bottom:41px}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;color:var(--muted)}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#8e9699;font-weight:700;margin:22px 14px 10px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 15px;margin:4px 0;border-radius:7px;color:#6e7578;font-size:13px;font-weight:600}.nav-item>span{font-size:20px;width:22px;line-height:1}.nav-item.active{background:#e0ebf0;color:#314e5a}.nav-item:hover{background:#eef3f5}.nav-dot{width:6px;height:6px;background:#588699;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.club-note{border:1px solid var(--line);border-radius:8px;padding:15px 12px;font-size:11px;font-weight:600;margin-bottom:18px}.club-note small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.live-dot{display:inline-block;background:#6aa0b7;width:6px;height:6px;border-radius:50%;margin-right:7px}.user-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.user-link small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.logout{border:0;background:none;color:var(--muted);font-size:11px;margin:12px 0 0 49px}.workspace{margin-left:242px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb-label{color:#8c9294;font-size:11px}.breadcrumb-label span{margin:0 13px;color:#c0c7ca}.breadcrumb-label strong{font-weight:500;color:#354247}.topbar-right{display:flex;align-items:center;gap:23px}.season-pill{font-size:10px;border:1px solid var(--line);padding:7px 11px;border-radius:20px;white-space:nowrap}.top-location{font-size:9px;letter-spacing:1.5px;color:#8f9699}.menu-toggle{display:none}main{max-width:1550px;margin:auto;padding:34px 40px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700}.page-heading .eyebrow{color:#768b94;margin-bottom:8px}h1{font-size:32px;font-weight:650;letter-spacing:-1.2px;margin:0 0 8px;line-height:1.2}.title-dot{color:#6095ac}.page-heading p{color:var(--muted);font-size:12px;margin:0}.date-stamp{font-size:11px;color:#788083}.btn{padding:11px 17px;font-size:11px;font-weight:600;border-radius:6px}.btn-dark{background:var(--ink);border-color:var(--ink)}.btn-dark:hover{background:#2d4a57;border-color:#2d4a57}.btn-club{background:var(--accent-light);color:var(--ink);border-color:var(--accent-light)}.btn-club:hover{background:#98bdcd}.btn-outline-dark{border-color:#c9d3d8;color:var(--ink)}.club-banner{position:relative;overflow:hidden;min-height:249px;background:#1c313a;color:#fff;border-radius:11px;padding:30px 34px;display:flex;justify-content:space-between}.club-banner .eyebrow{color:#9fc1cf;font-size:8px}.club-banner h2{font-size:34px;font-weight:600;line-height:1.16;letter-spacing:-.9px;margin:14px 0 12px}.club-banner p{font-size:10px;color:#b6c2c7;margin-bottom:18px}.club-banner a{font-size:10px;color:#b0cdd9;display:inline-flex;gap:28px;border-bottom:1px solid #577b8b;padding-bottom:5px}.pitch-art{position:absolute;width:45%;height:330px;right:24px;top:-30px;border:1px solid #526770;transform:rotate(-15deg);opacity:.8}.pitch-art:before,.pitch-art:after{content:"";position:absolute;border:1px solid #526770;width:48%;height:68px;left:26%}.pitch-art:before{top:0}.pitch-art:after{bottom:0}.pitch-line{position:absolute;top:50%;width:100%;border-top:1px solid #526770}.pitch-circle{position:absolute;top:calc(50% - 58px);left:calc(50% - 58px);width:116px;height:116px;border:1px solid #526770;border-radius:50%}.pitch-art>span{position:absolute;top:110px;left:36%;font-size:44px;font-weight:300;line-height:.95;letter-spacing:-2px;color:#afccd8;transform:rotate(15deg)}.pitch-art b{font-weight:900}.banner-index{position:absolute;right:25px;bottom:18px;font-size:7px;letter-spacing:1.8px;color:#aabdc5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 15px}h2{font-size:17px;font-weight:650;letter-spacing:-.35px;margin:0}h3{font-size:15px;font-weight:600}.section-heading>a{font-size:10px;color:#55707b;font-weight:600}.section-heading .btn{font-size:11px;color:#fff}.muted{color:var(--muted);font-size:12px}.season-heading{margin-top:28px}.metrics{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.metric{position:relative;padding:20px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.metric:last-child{border-right:0}.metric-icon{position:absolute;right:13px;top:17px;color:#748891;font-size:15px}.metric-value{font-size:27px;font-weight:650;line-height:1.2;letter-spacing:-1px}.metric-label{font-size:9px;color:var(--muted)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.match-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.card-top{padding:21px 24px 0;display:flex;align-items:center;justify-content:space-between}.card-top .eyebrow{font-size:9px;color:#6e7b81}.badge{background:#ecf1f3;color:#738085;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:600}.status-home,.status-active,.status-yes,.status-completed{background:#e5eff3;color:#456775}.status-away,.status-upcoming{background:#ecf0f7;color:#5d7494}.status-inactive,.status-locked,.status-cancelled{background:#faeae6;color:#a45d51}.match-date{font-size:10px;color:#5c676c;text-align:center;margin:18px 0 23px}.match-date span{color:#8b969b}.scoreboard{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:0 18px}.team{display:flex;flex-direction:column;align-items:center;text-align:center}.team strong{font-size:11px;font-weight:600;max-width:155px;margin-top:10px;min-height:28px}.team>small{font-size:6px;letter-spacing:1.4px;color:#7e8d93;margin-top:4px}.opponent-crest{height:62px;width:56px;border:3px double #a9b7ce;border-radius:50% 50% 44% 44%;background:#e7edf5;color:#445e80;font-weight:800;font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:center}.opponent-crest small{font-size:9px;letter-spacing:2px}.opponent-logo{height:62px;width:62px;object-fit:contain}.score{text-align:center;font-size:35px;font-weight:650;letter-spacing:1px;white-space:nowrap}.score small{display:block;font-size:6px;letter-spacing:1.2px;color:#889499;margin-top:10px;font-weight:500}.next-card{background:#eff5f7;border-color:#d6e1e6}.next-card .score{font-size:24px;color:#94a9b2;font-weight:400}.match-location{text-align:center;color:#849197;font-size:9px;margin:19px 0}.scoring-summary{display:grid;grid-template-columns:1fr 1fr;margin:0 24px;padding:14px 0;gap:18px;border-top:1px solid var(--line);min-height:110px}.scoring-summary small{display:block;font-size:9px;color:#64767d;margin-bottom:7px}.scoring-summary span{display:block;font-size:8px;color:#6a7479;margin:4px 0}.scoring-summary b{font-size:9px;font-weight:600;color:#455b64;float:right}.card-link{padding:13px 24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;font-weight:600}.attendance-strip{margin:0 24px;padding:21px 0;border-top:1px solid #d6e1e6;min-height:110px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#7d8f96}.attendance-strip span:first-child{color:#3b5e6d}.attendance-strip strong{font-weight:650}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;padding:24px;min-width:0}.panel .section-heading{margin:0 0 8px}.panel-subtitle{font-size:10px;color:#90999d;margin-bottom:13px}.leaders-grid{margin-top:24px}.leader-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e9eef0}.leader-row:last-child{border-bottom:0;padding-bottom:0}.rank{width:17px;font-size:9px;color:#98a2a6}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dee9ed;color:#5c7783;font-size:11px;font-weight:700;object-fit:cover;flex-shrink:0}.leader-row:nth-child(2n) .avatar{background:#eee8dc;color:#897853}.leader-row:nth-child(3n) .avatar{background:#dfe6e9;color:#597972}.player-name{font-size:11px;font-weight:600}.player-name small{display:block;font-size:8px;color:#869297;margin-top:5px;font-weight:400}.leader-total{margin-left:auto;font-size:15px;background:#eff4f6;border-radius:5px;min-width:30px;text-align:center;padding:5px}.club-bottom{display:flex;align-items:center;gap:17px;border:1px solid var(--line);padding:21px 25px;border-radius:9px;margin:24px 0}.club-bottom>.accent{font-size:29px}.club-bottom strong{font-size:12px}.club-bottom p{margin:4px 0 0;font-size:10px;color:var(--muted)}.club-bottom .btn{margin-left:auto}.accent{color:#5a8ca2}footer{display:flex;justify-content:space-between;padding:25px 0;font-size:9px;color:#90999d;gap:20px;border-top:1px solid var(--line);margin-top:28px}.rsvp{background:#dde9ee;border:1px solid #c4d8e0;border-radius:9px;padding:24px;margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.rsvp h3{margin:8px 0}.rsvp p{font-size:11px;margin:0;color:#61757d}.rsvp-buttons{display:flex;gap:8px;flex-wrap:wrap}.table{font-size:12px;margin-top:15px;white-space:nowrap}.table>:not(caption)>*>*{padding:15px 12px;border-color:var(--line);vertical-align:middle;color:var(--ink)}.table th{font-size:10px;font-weight:500;background:#f5f9fa;color:var(--muted)}.table small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.table-player{display:flex;align-items:center;gap:10px}.action-links a{margin-right:10px;text-decoration:underline;font-size:10px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:10px 0}.form-control,.form-select{font-size:13px;min-height:43px;border-color:#d7dfe3;border-radius:6px}.form-control:focus,.form-select:focus{border-color:#6292a7;box-shadow:0 0 0 .2rem #83a76222}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.inline-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.inline-form .field{margin-bottom:0}.inline-form .field input[type=number]{max-width:150px}.narrow{max-width:680px}.data-row{display:flex;gap:20px;align-items:flex-end;border-bottom:1px solid var(--line);padding:18px 0}.data-row:last-child{border:0}.data-player{flex:1;align-self:center;min-width:160px;font-size:12px}.data-player small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.data-row .field{margin:0;max-width:230px}.data-row input[type=number]{width:85px}.admin-summary{display:flex;gap:25px;margin-top:20px;font-size:12px;align-items:center;margin-bottom:20px}.admin-summary a{margin-left:auto}.alert{font-size:12px}.empty{text-align:center;padding:30px 15px;color:#808f96}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter-tabs a{font-size:11px;padding:9px 16px;border-radius:5px}.filter-tabs a.selected{background:var(--ink);color:#fff}.fixture{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.fixture:last-child{border:0}.fixture-date{width:90px;flex-shrink:0}.fixture small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.fixture-date strong{font-size:13px}.fixture-teams{font-size:13px;flex:1}.fixture-score{font-size:20px;white-space:nowrap}.squad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.squad-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.squad-top{height:160px;position:relative;background:#e1eaee;display:flex;align-items:center;justify-content:center}.squad-card:nth-child(3n+2) .squad-top{background:#ece9df}.squad-card:nth-child(3n+3) .squad-top{background:#e2e8eb}.squad-top .avatar{height:85px;width:85px;font-size:26px;border:4px solid #ffffff80}.squad-number{position:absolute;left:15px;top:10px;font-size:41px;color:#a5b8c0;font-weight:800}.squad-arrow{position:absolute;right:15px;top:18px;color:#6a8089}.squad-info{padding:18px}.squad-info small{font-size:8px;letter-spacing:1.5px;color:#728b96}.squad-info h2{font-size:15px;margin:8px 0}.squad-info>span{font-size:9px;color:var(--muted)}.count-pill{font-size:10px;background:#e5eef2;color:#647c86;padding:4px 8px;border-radius:12px;margin-left:7px;vertical-align:middle}.search-form{display:flex;gap:8px;max-width:360px}.profile-banner{padding:35px;background:var(--ink);color:#fff;border-radius:10px;display:flex;gap:25px;align-items:center}.profile-banner>.avatar{width:100px;height:100px;font-size:30px}.profile-banner h2{font-size:30px;margin:10px 0}.profile-banner p{font-size:11px;color:#a8bfc9}.profile-banner .btn{margin-left:auto}.profile-metrics{grid-template-columns:repeat(4,1fr);margin-top:25px}.personal-details{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted)}.personal-details strong{display:block;color:var(--ink);margin-top:6px}.match-detail-card{max-width:760px;margin:auto}.match-detail-card .scoreboard{padding:20px 35px}.match-detail-card .team strong{font-size:15px}.match-detail-card .score{font-size:45px}.match-detail-card .scoring-summary span{font-size:12px}.detail-meta{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0;font-size:11px;flex-wrap:wrap}.attendance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.attendance-player{display:flex;gap:15px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.jersey{color:#7c919a;min-width:30px}.login-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line)}.login-story{position:relative;background:var(--ink);padding:50px 40px;color:#fff;overflow:hidden}.login-story h2{font-size:49px;line-height:1.05;margin:30px 0}.login-story h2 span{color:var(--accent-light)}.login-story p{color:#b6c8d0;font-size:12px;line-height:1.8;max-width:280px}.login-ball{font-size:100px;opacity:.12;position:absolute;bottom:-20px;right:10px}.login-panel{border:0;padding:50px 40px;align-self:center}.login-panel h2{font-size:24px;margin:20px 0 10px}.login-panel .field{margin-top:25px}.login-help{font-size:11px;color:var(--muted);margin-top:25px;line-height:1.8}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}.club-banner{min-height:280px}.club-banner h2{font-size:39px}.metric{padding:24px 20px}.metric-value{font-size:31px}.match-card .team strong{font-size:13px}.scoring-summary span{font-size:10px}.leader-row{padding:15px 0}}
@media(max-width:1150px){.sidebar{width:205px;padding:28px 14px}.workspace{margin-left:205px}main{padding:28px 25px 0}.topbar{padding:0 25px}.brand{font-size:10px;gap:9px}.brand small{font-size:7px}.two-columns{gap:15px}.metric{padding:18px 10px}.metric-icon{display:none}.metric-label{font-size:8px}.squad-grid{grid-template-columns:repeat(3,1fr)}.rsvp{flex-direction:column;align-items:stretch}.attendance-strip{gap:8px;font-size:8px}.scoreboard{grid-template-columns:1fr 75px 1fr;padding:0 10px}.score{font-size:29px}.club-banner h2{font-size:31px}.pitch-art>span{font-size:36px;left:20%}.top-location{display:none}.data-row{gap:12px}.data-row .field{max-width:180px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:242px;transition:transform .2s}.nav-open .sidebar{transform:translateX(0);box-shadow:0 0 0 100vmax #0005}.workspace{margin-left:0}.menu-toggle{display:inline-flex;border:0;background:#ebf1f4;padding:6px 9px;border-radius:5px;margin-right:12px;position:relative;z-index:25}.topbar{height:65px}.topbar-left{display:flex;align-items:center}.topbar-right{gap:5px}.squad-grid{grid-template-columns:repeat(3,1fr)}.date-stamp{display:none}.metrics{grid-template-columns:repeat(4,1fr)}.metric:nth-child(-n+4){border-bottom:1px solid var(--line)}.metric:nth-child(4){border-right:0}.metric-label{font-size:9px}.metric-value{font-size:27px}.profile-metrics .metric{border-bottom:0}.data-row{flex-wrap:wrap}.data-player{flex-basis:100%}.data-row .field{flex:1}.club-banner{min-height:235px}.banner-index{font-size:6px}.pitch-art{right:-20px}.login-story{padding:35px 25px}.login-panel{padding:35px 25px}.login-story h2{font-size:42px}}
@media(max-width:580px){main{padding:24px 17px 0}.topbar{padding:0 17px}.breadcrumb-label{font-size:10px}.breadcrumb-label span{margin:0 7px}.season-pill{font-size:8px;padding:6px 8px}.page-heading{margin-bottom:22px}h1{font-size:28px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:7px}.heading-action .btn{font-size:9px;padding:9px}.club-banner{padding:26px 22px;min-height:235px}.club-banner h2{font-size:30px;position:relative;z-index:1}.club-banner p{max-width:185px;font-size:9px;line-height:1.7;position:relative;z-index:1}.pitch-art{width:47%;right:-25px;opacity:.35}.pitch-art>span{font-size:25px;top:150px;left:14%}.banner-index{display:none}.club-banner .eyebrow{font-size:7px}.section-heading h2{font-size:15px}.section-heading .muted{font-size:9px}.metric{padding:16px 12px}.two-columns{grid-template-columns:1fr;gap:18px}.matches-grid .next-card{order:-1}.scoreboard{grid-template-columns:1fr 100px 1fr;padding:0 20px}.team strong{font-size:12px}.score{font-size:34px}.match-date{font-size:11px}.scoring-summary span{font-size:10px}.scoring-summary{min-height:95px}.attendance-strip{min-height:70px;font-size:10px;gap:12px}.card-link{font-size:11px}.panel{padding:20px}.leader-row{padding:14px 0}.player-name{font-size:12px}.player-name small{font-size:9px}.club-bottom{padding:18px;flex-wrap:wrap;gap:10px}.club-bottom>.accent{display:none}.club-bottom .btn{margin:5px 0 0}.club-bottom strong{font-size:11px}.club-bottom p{font-size:9px}footer{font-size:8px;flex-wrap:wrap;gap:8px}.rsvp{padding:20px}.rsvp-buttons{display:grid;grid-template-columns:1fr 1fr}.rsvp-buttons .btn{font-size:10px;padding:14px 8px;min-height:46px}.rsvp-buttons .btn:last-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr;gap:0}.squad-grid{grid-template-columns:repeat(2,1fr);gap:12px}.squad-top{height:138px}.squad-top .avatar{height:70px;width:70px;font-size:22px}.squad-info{padding:13px}.squad-info h2{font-size:12px}.squad-number{font-size:32px;left:10px}.squad-info>span{font-size:8px}.section-heading:has(.search-form){flex-wrap:wrap}.search-form{width:100%;max-width:none}.profile-banner{padding:24px 18px;gap:15px;flex-wrap:wrap}.profile-banner>.avatar{width:70px;height:70px;font-size:22px}.profile-banner h2{font-size:21px}.profile-banner .eyebrow{font-size:8px}.profile-banner p{font-size:9px;margin:0}.profile-metrics .metric{padding:16px 9px}.profile-metrics .metric-label{font-size:8px}.attendance-grid{grid-template-columns:1fr}.fixture{gap:12px;flex-wrap:wrap}.fixture-date{width:63px}.fixture-teams{font-size:11px;min-width:140px}.fixture-score{font-size:16px}.fixture>span:last-child{display:none}.fixture small{font-size:8px}.login-grid{grid-template-columns:1fr}.login-story{padding:26px}.login-story h2{font-size:30px;margin:18px 0}.login-story h2 br{display:none}.login-story p{max-width:none}.login-panel{padding:28px 24px}.login-panel h2{font-size:22px}.admin-summary{font-size:10px;gap:12px;flex-wrap:wrap}.admin-summary a{margin-left:0}.match-detail-card .scoreboard{padding:15px}.match-detail-card .team strong{font-size:12px}.match-detail-card .score{font-size:32px}.data-row .field{max-width:none}.data-row .btn{min-height:43px}.data-row input[type=number]{width:100%}}

.jersey-text,.jersey,.squad-number{white-space:pre-wrap;overflow-wrap:anywhere}.squad-number{font-size:clamp(14px,2vw,32px);max-width:calc(100% - 50px);line-height:1.15}.squad-top .avatar{margin-top:32px}