:root{--green:#103e30;--lime:#ccf078;--paper:#f3f5f3;--ink:#172c24}body{background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}.container{max-width:1150px}a{color:var(--green)}.topbar{background:var(--green);padding:22px 0;color:white}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:850;letter-spacing:1.5px;font-size:16px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#b2cbbb;margin-top:4px}.brand-icon{font-size:27px}.btn-logout{border:1px solid #668578;color:white;font-size:12px}.btn-logout:hover{background:#fff;color:var(--green)}.mainnav{background:white;border-bottom:1px solid #e1e7e1}.nav-scroll{display:flex;gap:25px;overflow:auto;white-space:nowrap}.nav-scroll a{padding:18px 0;color:#728078;text-decoration:none;font-size:13px;font-weight:650;border-bottom:3px solid transparent}.nav-scroll a.active{color:var(--green);border-color:var(--green)}h1{font-size:clamp(29px,5vw,44px);font-weight:800;letter-spacing:-1.4px}h2{font-size:20px;font-weight:750;letter-spacing:-.4px}h3{font-size:16px;font-weight:700}em{font-style:normal;color:#429467}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#6f8274;margin-bottom:12px}.panel{background:#fff;border:1px solid #e2e8e2;border-radius:18px;padding:25px;box-shadow:0 5px 18px #103e3003}.hero{background:var(--green);color:white;border-radius:22px;padding:32px;position:relative;overflow:hidden}.hero:after{content:'⚽';position:absolute;right:24px;bottom:-36px;font-size:165px;opacity:.07;pointer-events:none}.hero .eyebrow{color:var(--lime)}.hero h2{font-size:30px}.hero p{color:#c2d8cd}.hero .btn{background:var(--lime);color:var(--green);border:none;position:relative;z-index:1}.btn{border-radius:10px;padding:11px 17px;font-weight:650;font-size:13px;min-height:44px}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover,.btn-primary:focus{background:#1c5d46;border-color:#1c5d46}.btn-outline-primary{color:var(--green);border-color:#b5c6b9}.btn-outline-primary:hover{background:var(--green);border-color:var(--green)}.form-control,.form-select{min-height:46px;border-radius:10px;border-color:#dbe3dc;font-size:14px}.form-control:focus,.form-select:focus{border-color:#589578;box-shadow:0 0 0 .2rem #58957820}.form-label{font-size:12px;font-weight:650;margin-bottom:7px}.stat{background:white;border:1px solid #e2e8e2;padding:22px;border-radius:16px;height:100%}.stat small{color:#718075;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.stat strong{display:block;font-size:29px;margin-top:8px;font-weight:800;letter-spacing:-1px}.stat.highlight{background:#e4efd9;border-color:#d7e7c4}.tag{display:inline-block;background:#eef4e8;color:#42653a;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:750;white-space:nowrap}.tag.cancelled{background:#f8e8e5;color:#a94b3c}.tag.finished{background:#edf0f1;color:#66747a}.tag.upcoming{background:#e6f2dd;color:#487134}.muted{color:#758278}.table{font-size:13px;vertical-align:middle}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#77847b;font-weight:650;padding:14px 10px}.table td{padding:15px 10px;border-color:#eef1ed}.table>:not(caption)>*>*{background:transparent}.table-responsive{border-radius:12px}.empty{padding:30px 15px;text-align:center;color:#7d8b80;font-size:14px}.match-card{border:1px solid #e1e8df;border-radius:14px;padding:20px;background:white;display:block;text-decoration:none;height:100%;transition:transform .15s}.match-card:hover{transform:translateY(-2px);border-color:#9eb49f}.date-pill{border-radius:12px;background:#edf3e9;text-align:center;min-width:58px;padding:8px;font-size:11px;color:#526e4e}.date-pill strong{display:block;font-size:24px;line-height:1.2}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar .dayname{text-align:center;font-size:10px;font-weight:700;color:#7b887e;padding:8px 0}.calendar .day{min-height:92px;background:#fff;border:1px solid #e4e9e2;border-radius:10px;padding:8px;font-size:11px}.calendar .day.blank{background:transparent;border-color:transparent}.calendar .day.today{border:2px solid #78a25e}.calendar .day a{display:block;font-size:10px;padding:5px;margin-top:4px;border-radius:5px;background:#e6f1db;text-decoration:none;overflow-wrap:anywhere}.calendar .day a.cancelled{background:#f6e8e5}.teamboard{background:var(--green);border-radius:20px;padding:26px;color:white}.teamboard h2{color:var(--lime)}.roster{list-style:none;padding:0;margin:0}.roster li{padding:13px 0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:10px}.shirt{display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;background:#ccf078;color:#173e2c;border-radius:7px;font-size:11px;font-weight:800;flex-shrink:0}.team-b .shirt{background:#edf1eb}.roster .captain{margin-left:auto;font-size:9px;letter-spacing:1px;background:#ffffff20;padding:4px 6px;border-radius:4px}.teamboard small{color:#b0c5b7}.footer{padding:28px 12px;font-size:11px;color:#87928a;border-top:1px solid #e1e7df;display:flex;justify-content:space-between;gap:20px}.login-wrap{max-width:470px;margin:25px auto 60px}.login-wrap h1{font-size:45px}.actions{display:flex;gap:8px;flex-wrap:wrap}details summary{cursor:pointer;font-weight:650;padding:10px 0}.score{font-size:54px;letter-spacing:5px;font-weight:850}.balance-negative{color:#b34b39}.qr{max-width:260px;width:100%;border:1px solid #e2e7e2;border-radius:12px}.small-note{font-size:12px;color:#7a877c}.progress{height:6px;background:#ffffff20}.progress-bar{background:var(--lime)}@media(max-width:576px){.topbar{padding:17px 0}.brand{font-size:12px;letter-spacing:1px}.brand-icon{font-size:22px}.btn-logout{padding:8px;font-size:10px}.nav-scroll{gap:22px}.panel{padding:18px}.hero{padding:24px}.stat{padding:16px}.stat strong{font-size:24px}.calendar{gap:3px}.calendar .day{padding:5px 3px;min-height:76px;border-radius:6px}.calendar .day a{padding:4px 2px;font-size:8px}.calendar .dayname{font-size:9px}.teamboard{padding:20px}.footer span{display:none}.login-wrap h1{font-size:38px}}