:root{--green:#123c2e;--green2:#1d5b45;--lime:#d5e34d;--cream:#f6f4ed;--ink:#17201c;--muted:#68736d;--line:#dde2de;--white:#fff;--amber:#f3a82b;--red:#b43b37;--shadow:0 14px 35px rgba(20,50,38,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.login-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(120deg,#0d2d22,#174b39 58%,#1f624a);display:grid;grid-template-columns:1fr minmax(360px,520px);align-items:center;gap:8vw;padding:8vw;color:#fff}.login-screen.signed-in{display:none}.login-brand{justify-self:end;text-align:center}.login-brand .crest.large{width:112px;height:112px;font-size:35px;margin:0 auto 22px;border-width:4px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-family:Georgia,serif;font-size:42px}.login-brand small{color:#bad0c6;margin-top:8px}.login-card{background:#fff;color:var(--ink);padding:42px;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.3);max-width:480px}.login-card h1{font-size:38px}.login-card>label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-top:18px}.login-card input{display:block;width:100%;padding:12px 13px;margin-top:7px;border:1px solid #cbd4ce;border-radius:8px;font:inherit}.demo-note{display:grid;gap:4px;background:#eef1e4;border-left:4px solid var(--lime);padding:13px 15px;margin:22px 0 4px;border-radius:5px;color:var(--green)}.demo-note code{font-size:13px;background:#fff;padding:2px 5px;border-radius:4px}.login-button{width:100%;margin-top:22px;padding:13px}.security-note{display:block;text-align:center;color:var(--muted);margin-top:15px;line-height:1.45}.login-error{color:#9d2925;background:#fae8e7;padding:10px;border-radius:6px;margin:14px 0 0}.topbar{height:74px;background:var(--green);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1420px)/2));gap:32px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand strong,.brand small{display:block}.brand small{color:#b9ccc4;margin-top:2px}.crest{width:42px;height:42px;border:2px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-weight:900;letter-spacing:-1px}.topbar nav{display:flex;align-self:stretch;gap:8px}.topbar nav button{border:0;background:none;color:#bed0c8;padding:0 14px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.topbar nav button:hover,.topbar nav button.active{color:#fff;border-bottom-color:var(--lime)}.account{margin-left:auto;display:flex;align-items:center;gap:10px}.account-copy{text-align:right}.account-copy strong,.account-copy small{display:block}.account-copy small{color:#b9ccc4;font-size:11px}.profile{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2a674f;color:var(--lime);font-weight:800}.logout{background:none;border:1px solid #587a6c;color:#d7e2dd;border-radius:6px;padding:7px 9px;cursor:pointer}.logout:hover{border-color:var(--lime);color:#fff}.mobile-menu{display:none}main{max-width:1420px;margin:auto;padding:46px 28px 80px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:24px}h1{font-family:Georgia,serif;font-size:44px;line-height:1;margin:5px 0 10px;letter-spacing:-1.3px}h2{margin:0;font-size:22px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.7px;color:var(--green2);font-weight:900;margin:0}.muted,.panel-title p{color:var(--muted);margin:0}.date-picker,.filters label,.export-controls label{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:800}.date-picker input,.filters input,.filters select,.export-controls select{display:block;margin-top:7px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;min-width:190px;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0}.notice{display:flex;gap:14px;align-items:center;background:#e5ead8;border-left:4px solid var(--lime);padding:14px 18px;margin-bottom:20px;border-radius:6px}.notice>span{background:var(--green);color:var(--lime);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}.stat-grid span,.stat-grid small{display:block;color:var(--muted)}.stat-grid strong{font-family:Georgia,serif;font-size:38px;color:var(--green);display:block;margin:6px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}button{font:inherit}.primary,.secondary{border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:var(--green2)}.secondary{background:#fff;color:var(--green);border:1px solid #bfc8c2}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;padding:12px 16px;background:#f7f8f5;color:#66726b;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #edf0ed;font-size:14px}tbody tr:hover{background:#fbfcf8}.team-name{font-weight:800;color:var(--green)}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800}.confirmed{background:#ddefe5;color:#17643f}.tentative{background:#fff0c9;color:#855807}.cancelled{background:#f5d8d6;color:#8d2c28}.empty{text-align:center;padding:38px;color:var(--muted)}.hidden{display:none!important}.filters{padding:18px 20px;display:flex;align-items:flex-end;gap:15px}.filters label:first-child{flex:1}.filters label:first-child input{width:100%}.row-action{border:0;background:none;color:var(--green2);font-weight:800;cursor:pointer}.pitch-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.pitch-card{background:var(--green);color:#fff;border-radius:14px;min-height:180px;padding:20px;position:relative;overflow:hidden}.pitch-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-25px;bottom:-30px}.pitch-card h3{font-family:Georgia,serif;font-size:24px;margin:0 0 14px}.pitch-card .booking{background:rgba(255,255,255,.1);border-left:3px solid var(--lime);padding:8px 10px;margin:7px 0;border-radius:4px;font-size:13px}.pitch-card .open{color:#aac1b7}.warning{background:#fff3d5;border:1px solid #ebcb7a;color:#6f4b08;padding:14px 18px;border-radius:8px;margin-bottom:18px}.training-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:22px}.training-day h3{margin-top:0}.training-slot{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.training-slot strong{color:var(--green)}.export-controls{padding:20px 22px;display:flex;align-items:end;gap:30px}.export-controls p{color:var(--muted);margin:0 0 10px}.icon-button{background:none;border:0;font-size:28px;cursor:pointer}dialog{width:min(760px,calc(100% - 28px));border:0;border-radius:14px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(9,24,18,.66)}.modal-head{display:flex;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 26px}.form-grid label{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #cfd6d1;border-radius:7px;font:inherit;color:var(--ink);text-transform:none}.wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;background:#f7f8f5}#toast{position:fixed;right:24px;bottom:24px;background:var(--green);color:#fff;padding:13px 18px;border-radius:8px;transform:translateY(80px);opacity:0;transition:.25s;z-index:30}#toast.show{transform:translateY(0);opacity:1}@media(max-width:900px){.login-screen{grid-template-columns:1fr;padding:30px 18px}.login-brand{display:none}.account-copy{display:none}}@media(max-width:800px){.topbar{padding:0 18px}.brand{min-width:0}.brand small{display:none}.mobile-menu{display:block;margin-left:auto;background:none;border:1px solid #557768;color:#fff;border-radius:6px;padding:7px 10px}.account{margin-left:0}.profile{display:none}.logout{padding:6px 8px}.topbar nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--green);height:auto;padding:8px 16px;flex-direction:column}.topbar nav.open{display:flex}.topbar nav button{padding:14px;text-align:left;border-bottom:0;border-left:3px solid transparent}.topbar nav button.active{border-left-color:var(--lime)}main{padding:30px 16px 60px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:36px}.stat-grid{grid-template-columns:1fr 1fr}.pitch-layout{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{width:100%}.training-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:480px){.login-card{padding:28px 22px}.stat-grid{grid-template-columns:1fr}.panel-title{align-items:flex-start;gap:14px;flex-direction:column}}