:root{--ink:#13231f;--muted:#66766f;--line:#dfe7e3;--surface:#fff;--background:#f3f7f5;--brand:#0f766e;--brand-dark:#0b5f59;--brand-soft:#e6f5f2;--danger:#b42318;--warning:#b54708;--success:#067647;--shadow:0 10px 30px #102e2612}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#102d28;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex}.brand small{color:#a9c6bf;letter-spacing:.3px;margin-top:2px;font-size:11px;font-weight:600;display:block}.brand-mark{color:#0b3731;background:#3dd6c6;border-radius:12px;place-items:center;width:40px;height:40px;font-size:14px;display:grid}.nav{gap:6px;margin-top:30px;display:grid}.nav a{color:#d6e8e3;border-radius:9px;padding:11px 13px;font-size:14px;font-weight:700}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.sidebar-user{border-top:1px solid #ffffff26;gap:5px;margin-top:auto;padding-top:18px;display:grid}.sidebar-user small{color:#a9c6bf;text-overflow:ellipsis;overflow:hidden}.main-content{min-width:0;padding:32px}.header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.header h1{letter-spacing:-.8px;margin-bottom:5px;font-size:30px}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:20px}.card+.card{margin-top:18px}.grid .card+.card{margin-top:0}.metric{letter-spacing:-.6px;margin-top:12px;font-size:29px;font-weight:900}.button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 14px;font-weight:800;transition:all .15s}.button:hover{background:var(--brand-dark)}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{color:var(--brand);background:var(--brand-soft)}.button.danger{color:var(--danger);background:#fee4e2}.button.warning{color:var(--warning);background:#fff0d5}.button.ghost{background:0 0;border:1px solid #ffffff40}.button.small{padding:7px 10px;font-size:12px}.button.full{width:100%}.actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 10px;font-size:14px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.table tr:last-child td{border-bottom:0}.badge{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;line-height:1;display:inline-block}.badge.CONFIRMED,.badge.COMPLETED,.badge.APPROVED{color:var(--success);background:#dcfae6}.badge.PENDING_PAYMENT,.badge.PAYMENT_SUBMITTED,.badge.PENDING,.badge.REGISTRATION_OPEN{color:var(--warning);background:#fff1d6}.badge.REJECTED,.badge.PAYMENT_REJECTED,.badge.CANCELLED,.badge.EXPIRED,.badge.NO_SHOW{color:var(--danger);background:#fee4e2}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack{gap:14px;display:grid}label{color:#384942;gap:6px;font-size:13px;font-weight:800;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd9d4;border-radius:9px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:3px solid #0f766e1f}textarea{resize:vertical;min-height:92px}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;display:flex}.toolbar label{min-width:190px}.alert{border-radius:9px;padding:11px 12px;font-size:13px}.alert.error{color:var(--danger);background:#fee4e2}.alert.success{color:var(--success);background:#dcfae6}.empty{text-align:center;color:var(--muted);padding:35px 15px}.list{gap:10px;display:grid}.list-item{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.login-page{background:radial-gradient(circle at 0 0,#bcece5,#0000 35%),#edf6f3;place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(440px,100%);padding:32px;box-shadow:0 25px 70px #0c3e3326}.login-brand{color:#102d28;margin-bottom:35px}.login-brand small{color:var(--muted)}.demo-note{background:var(--background);color:var(--muted);border-radius:10px;margin-top:18px;padding:12px;font-size:12px;line-height:1.6}.center-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.spinner{border:4px solid #cfe4de;border-top-color:var(--brand);border-radius:999px;width:34px;height:34px;animation:.7s linear infinite spin}.split{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.5fr);align-items:start;gap:18px;display:grid}.code{font-family:Consolas,monospace;font-size:12px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(2,1fr)}.sidebar-user{margin-top:20px}.main-content{padding:20px}.header{flex-direction:column;align-items:flex-start}.grid,.grid.two,.form-grid,.form-grid.two{grid-template-columns:1fr}}.nav a{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-count{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:900;display:inline-grid}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.plan-chip{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.receipt-review{border:1px solid var(--line);border-radius:12px;padding:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 10px;display:grid}.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#f7fbf9 100%);border-radius:16px;gap:6px;padding:14px 16px;display:grid}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.35px;font-size:12px;font-weight:800}.stat-card strong{font-size:28px;line-height:1}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px}.court-board-card{gap:14px;display:grid}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.success{color:var(--success);background:#dcfae6}.status-pill.warning{color:var(--warning);background:#fff1d6}.status-pill.danger{color:var(--danger);background:#fee4e2}.surface-soft{border:1px solid var(--line);background:#f9fbfa;border-radius:14px;padding:14px}.surface-soft.success{background:#eefaf3;border-color:#cde9d7}.surface-soft.warning{background:#fff8ea;border-color:#f2deab}.surface-soft.danger{background:#fff4f2;border-color:#f3d0ca}.kv{gap:4px;display:grid}.kv strong{font-size:15px}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.slot-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;gap:6px;padding:14px;transition:all .15s;display:grid}.slot-card:hover:not(:disabled){box-shadow:var(--shadow);border-color:#bdd8d0;transform:translateY(-1px)}.slot-card.selected{border:2px solid var(--brand);background:var(--brand-soft)}.slot-card.unavailable{color:#8a9892;background:#f7f8f8}.slot-card .slot-title{font-size:15px;font-weight:900}.slot-card .slot-price{font-weight:800}.slot-chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.slot-chip{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.slot-chip button{color:inherit;background:0 0;border:0;padding:0;font-weight:900}.summary-box{background:#eefaf3;border:1px solid #cde9d7;border-radius:14px;gap:8px;padding:14px;display:grid}.board-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-venue{color:var(--muted);font-size:13px}@media (max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.stats-grid,.cards-grid,.slot-grid{grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}