:root{color:#1b1d21;font-synthesis:none;background:#f4f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page{grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);min-height:100vh;display:grid}.brand{color:#fff;background:linear-gradient(145deg,#a70d16,#d71920 58%,#e63b41);flex-direction:column;justify-content:center;padding:clamp(44px,7vw,96px);display:flex;position:relative;overflow:hidden}.brand:after{content:"OF'96";opacity:.06;letter-spacing:-.08em;font-size:clamp(120px,18vw,300px);font-weight:900;position:absolute;bottom:-45px;right:-35px}.crest{background:#ffffff14;border:2px solid #fffc;border-radius:24px;place-items:center;width:86px;height:86px;margin-bottom:42px;font-size:24px;font-weight:900;display:grid;box-shadow:0 16px 40px #45000533}.crest span{font-weight:500}.eyebrow{letter-spacing:.18em;opacity:.86;margin:0 0 14px;font-size:13px;font-weight:800}.brand h1{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(46px,6vw,78px);line-height:.96}.intro{opacity:.88;max-width:520px;margin:28px 0;font-size:18px;line-height:1.65}.trust{align-items:center;gap:9px;margin-top:18px;font-size:14px;font-weight:650;display:flex}.loginWrap{background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex}.loginCard{background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:min(100%,470px);padding:42px;box-shadow:0 24px 70px #161a1f14}.mobileBrand{color:#d71920;margin-bottom:25px;font-size:25px;font-weight:900;display:none}.loginCard h2{letter-spacing:-.03em;margin:0 0 8px;font-size:30px}.muted{color:#6b7280;margin:0 0 30px;line-height:1.5}.loginCard label{margin:18px 0 8px;font-size:14px;font-weight:700;display:block}.field{color:#777;background:#fff;border:1px solid #d8dbe0;border-radius:11px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.field:focus-within{border-color:#d71920;box-shadow:0 0 0 3px #d719201a}.field input{border:0;outline:0;width:100%;min-width:0;height:100%}.iconButton{color:#777;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.check{color:#4b5563;align-items:center;gap:9px!important;font-weight:500!important;display:flex!important}.check input{accent-color:#d71920}.primary{color:#fff;cursor:pointer;background:#d71920;border:0;border-radius:11px;width:100%;margin-top:8px;padding:14px;font-weight:800;box-shadow:0 8px 18px #d719202e}.primary:hover{filter:brightness(.94)}.hint{text-align:center;color:#6b7280;margin:22px 0 0;font-size:13px}.notice{color:#745b18;background:#fff8e7;border:1px solid #f1dfa7;border-radius:10px;margin-top:24px;padding:13px 14px;font-size:12px;line-height:1.45}footer{color:#9ca3af;margin-top:24px;font-size:12px}.loginWrap footer{text-align:center}@media (width<=800px){.page{background:#f7f7f8;display:block}.brand{justify-content:flex-end;min-height:220px;padding:32px 24px}.brand .crest,.brand .intro,.brand .trust{display:none}.brand h1{font-size:38px}.eyebrow{margin-bottom:8px}.loginWrap{margin-top:-18px;padding:0 18px 30px;position:relative}.loginCard{border-radius:18px;padding:28px 22px}.mobileBrand{display:block}.loginCard h2{font-size:26px}footer{margin-bottom:8px}}.loading{color:#d71920;place-items:center;min-height:100vh;font-weight:800;display:grid}.dashboard{background:#f5f6f7;min-height:100vh}.topbar{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.wordmark{color:#d71920;letter-spacing:-.05em;font-size:25px;font-weight:950}.wordmark span{font-weight:650}.topActions{align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.logout{cursor:pointer;background:#fff;border:1px solid #e0e2e5;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:flex}.dashGrid{grid-template-columns:240px 1fr;min-height:calc(100vh - 72px);display:grid}aside{background:#fff;border-right:1px solid #e5e7eb;padding:28px 16px}aside button{text-align:left;color:#555;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;margin:2px 0;padding:11px 13px;font-weight:650}.navActive{color:#c9141b!important;background:#fff0f1!important}.navTitle{letter-spacing:.12em;color:#9ca3af;margin:4px 13px 10px;font-size:10px;font-weight:850}.adminTitle{margin-top:30px}.content{max-width:1100px;padding:clamp(28px,5vw,64px)}.red{color:#d71920}.content h1{letter-spacing:-.05em;margin:7px 0 4px;font-size:clamp(36px,5vw,58px)}.lead{color:#6b7280;margin:0 0 36px;font-size:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cards article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:16px;padding:22px;display:flex;box-shadow:0 8px 30px #161a1f0a}.cards article>svg{color:#d71920}.cards span,.cards small{color:#777;font-size:12px;display:block}.cards strong{margin:4px 0;font-size:18px;display:block}.coming{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:28px}.coming h2{margin:0 0 8px}.coming p{color:#6b7280;max-width:700px;margin:0;line-height:1.6}@media (width<=720px){.topbar{padding:0 18px}.topActions>span{display:none}.dashGrid{display:block}aside{border-bottom:1px solid #e5e7eb;border-right:0;padding:10px;display:flex;overflow-x:auto}aside .navTitle{display:none}aside button{white-space:nowrap;width:auto}.content{padding:30px 18px}.cards{grid-template-columns:1fr}}.searchBox{color:#777;background:#fff;border:1px solid #dddfe3;border-radius:11px;align-items:center;gap:10px;max-width:560px;height:46px;margin-bottom:18px;padding:0 14px;display:flex}.searchBox input{border:0;outline:0;width:100%}.memberList{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.memberRow{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;width:100%;padding:14px 18px;display:grid}.memberRow:last-child{border-bottom:0}.memberRow:hover{background:#fafafa}.memberRow strong,.memberRow span{display:block}.memberRow span{color:#777;margin-top:3px;font-size:12px}.avatar{color:#c9141b;background:#fff0f1;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:850;display:grid}.status{border-radius:20px;padding:5px 9px;color:#24733d!important;background:#eaf8ef!important;margin:0!important}.status.off{color:#777!important;background:#f1f1f1!important}.modalBackdrop{z-index:10;background:#0f121673;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.memberDetail{background:#fff;border-radius:18px;width:min(100%,560px);max-height:90vh;padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #0003}.memberDetail h2{margin:6px 0 24px;font-size:28px}.close{cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:14px;right:18px}.memberDetail dl{grid-template-columns:170px 1fr;gap:12px 18px;display:grid}.memberDetail dt{color:#777;font-size:12px}.memberDetail dd{margin:0;font-weight:650}.privacyNote{color:#666;background:#f7f7f8;border-radius:9px;margin-top:24px;padding:12px;font-size:12px}@media (width<=600px){.memberDetail dl{grid-template-columns:1fr;gap:4px}.memberDetail dd{margin-bottom:10px}}.memberHead{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.toggle{color:#555;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.toggle input,.checks input{accent-color:#d71920}.inactiveRow{opacity:.62}.editButton{margin-top:22px}.editForm{margin-top:4px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.formGrid label{color:#555;font-size:12px;font-weight:750}.formGrid input{border:1px solid #d8dbe0;border-radius:9px;outline:0;width:100%;height:42px;margin-top:6px;padding:0 11px;display:block}.formGrid input:focus{border-color:#d71920;box-shadow:0 0 0 3px #d7192014}.formGrid .wide{grid-column:1/-1}.checks{flex-wrap:wrap;gap:22px;margin:20px 0;font-size:13px;font-weight:700;display:flex}.checks label{align-items:center;gap:7px;display:flex}.formActions{justify-content:flex-end;gap:10px;display:flex}.compact{width:auto;margin:0;padding:11px 16px}.secondary{cursor:pointer;background:#fff;border:1px solid #d8dbe0;border-radius:10px;padding:10px 15px;font-weight:750}.formError{color:#9f1117;background:#fff0f1;border:1px solid #f2c8ca;border-radius:9px;margin:0 0 16px;padding:11px;font-size:12px}@media (width<=600px){.memberHead{display:block}.toggle{margin:-22px 0 22px}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}.roleEditor{background:#f7f7f8;border-radius:11px;margin:20px 0;padding:16px}.roleEditor>strong{margin-bottom:10px;font-size:13px;display:block}.roleLine{gap:8px;margin-top:8px;display:flex}.roleLine select{height:42px;font:inherit;background:#fff;border:1px solid #d8dbe0;border-radius:9px;flex:1;padding:0 10px}.roleButton{cursor:pointer;color:#555;background:#fff;border:1px solid #d8dbe0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.roleButton.add{color:#c9141b;background:#fff8f8;border-color:#efc2c4}.roleButton:hover{background:#eee}.auditState{color:#666;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.auditList{gap:12px;display:grid}.auditRow{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.auditRow>div:first-child{justify-content:space-between;align-items:center;gap:14px;display:flex}.auditRow span{color:#777;font-size:12px}.auditRow details{border-top:1px solid #eee;margin-top:12px;padding-top:10px}.auditRow summary{cursor:pointer;color:#c9141b;font-size:12px;font-weight:750}.auditChanges{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.auditChanges b{color:#777;font-size:11px}.auditChanges pre{white-space:pre-wrap;word-break:break-word;background:#f7f7f8;border-radius:8px;max-height:260px;padding:10px;font-size:11px;overflow:auto}@media (width<=700px){.auditRow>div:first-child{display:block}.auditRow span{margin-top:5px;display:block}.auditChanges{grid-template-columns:1fr}}.sectionHead{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.matchForm{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:22px;padding:22px}.matchForm select,.matchForm textarea{width:100%;font:inherit;background:#fff;border:1px solid #d8dbe0;border-radius:9px;margin-top:6px;padding:0 11px;display:block}.matchForm select{height:42px}.matchForm textarea{resize:vertical;min-height:90px;padding-top:10px}.matchCheck{align-items:center;gap:8px;margin:18px 0;font-size:13px;font-weight:700;display:flex}.matchCheck input{accent-color:#d71920}.matchList{gap:12px;display:grid}.emptyMatches{text-align:center;background:#fff;border:1px dashed #d8dbe0;border-radius:16px;padding:34px}.emptyMatches strong,.emptyMatches span{display:block}.emptyMatches span{color:#777;margin-top:5px;font-size:13px}.matchCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.competitionTag{letter-spacing:.08em;text-transform:uppercase;background:#f2f2f2;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:850;display:inline-block}.competitionTag.red{color:#c9141b;background:#fff0f1}.competitionTag.green{color:#24733d;background:#edf8f0}.competitionTag.blue{color:#285a9b;background:#edf4ff}.competitionTag.yellow{color:#806814;background:#fff7d8}.matchTeams{align-items:center;gap:10px;margin:14px 0 7px;font-size:20px;display:flex}.matchTeams span{color:#aaa}.matchMeta,.matchDeadline{color:#666;font-size:12px}.matchDeadline{margin-top:5px}@media (width<=600px){.sectionHead{display:block}.sectionHead>.primary{margin-bottom:20px}.matchTeams{flex-wrap:wrap;font-size:17px}}.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.clickable:hover{transform:translateY(-1px);box-shadow:0 10px 28px #161a1f12}.detailFacts{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.detailFacts div{background:#f7f7f8;border-radius:10px;padding:12px}.detailFacts span,.detailFacts strong{display:block}.detailFacts span{color:#777;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px}.ticketPreview{background:#fff8f8;border:1px solid #efc2c4;border-radius:11px;padding:15px}.ticketPreview p{color:#666;margin:4px 0 0;font-size:13px}.profileCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:700px;padding:26px}.profileCard h2{margin:0 0 24px}.profileCard dl{grid-template-columns:190px 1fr;gap:13px 20px;display:grid}.profileCard dt{color:#777;font-size:12px}.profileCard dd{margin:0;font-weight:650}.dashboardMatches{margin-top:24px}.dashboardSectionHead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.dashboardSectionHead h2{margin:0}.dashboardSectionHead button{color:#c9141b;cursor:pointer;background:0 0;border:0;font-weight:750}.dashboardMatch{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;margin-bottom:10px;padding:16px 18px}.dashboardMatch>strong,.dashboardMatch>span{display:block}.dashboardMatch>strong{margin:9px 0 4px;font-size:17px}.dashboardMatch>span{color:#666;font-size:12px}@media (width<=600px){.detailFacts{grid-template-columns:1fr}.profileCard dl{grid-template-columns:1fr;gap:4px}.profileCard dd{margin-bottom:10px}.dashboardSectionHead{align-items:flex-start}.dashboardSectionHead button{text-align:right}}
