:root{color-scheme:light;--navy:#17243a;--navy2:#22344e;--gold:#c7a650;--gold-soft:#fbf5e5;--green:#216b4b;--green-soft:#eaf5ee;--ink:#273142;--muted:#768092;--line:#e3e8ee;--surface:#fff;--canvas:#f5f7f9;--danger:#a83440;--danger-soft:#fff0f1;--blue-soft:#eff5fb;--radius:15px;--shadow:0 8px 26px rgba(26,43,65,.055)}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px}.skip-link:focus{left:8px}.topbar{position:sticky;top:0;z-index:20;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px clamp(14px,3vw,34px);background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}.brand{display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none}.brand img{width:40px;height:40px;flex:none;object-fit:cover;border:2px solid var(--gold);border-radius:50%}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font-size:.9rem}.brand small{margin-top:3px;color:#d5c48c;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:17px}.signed-in{text-align:right;line-height:1.2}.signed-in b,.signed-in small{display:block}.signed-in b{font-size:.76rem}.signed-in small{margin-top:4px;color:#c5cbd5;font-size:.63rem}.text-link,.logout-link{color:#f2df9d;font-size:.72rem;text-decoration:none}.logout-form{margin:0}.logout-link{padding:0;border:0;background:transparent;font-weight:600;cursor:pointer}.text-link:hover,.logout-link:hover{text-decoration:underline}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{position:sticky;top:68px;align-self:start;height:calc(100vh - 68px);display:flex;flex-direction:column;padding:24px 13px 18px;background:var(--navy2);color:#d7dbe5}.side-label{padding:0 11px 12px;color:#aab2c0;font-size:.62rem;font-weight:800;letter-spacing:.14em}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#ccd3df;font-size:.77rem;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.nav-link.active{background:rgba(199,166,80,.15);border-color:rgba(199,166,80,.28);color:#f7e8b7}.nav-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.07);font-size:.86rem;font-weight:800}.nav-link.active .nav-icon{background:rgba(199,166,80,.2);color:#f1d989}.sidebar-note{display:flex;align-items:center;gap:8px;margin:auto 7px 3px;padding:11px 9px 2px;border-top:1px solid rgba(255,255,255,.1);color:#b8c0cd;font-size:.64rem;line-height:1.45}.live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#71d09a;box-shadow:0 0 0 3px rgba(112,209,152,.12)}.main{min-width:0;padding:28px clamp(15px,3vw,38px) 20px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:1320px;margin:0 auto 18px}.eyebrow{margin:0 0 4px;color:var(--green);font-size:.62rem;font-weight:850;letter-spacing:.15em}.page-heading h1{margin:0;color:var(--navy);font-size:clamp(1.45rem,2.5vw,1.95rem);line-height:1.2;letter-spacing:-.03em}.role-badge{padding:6px 10px;border:1px solid #e8ddbb;border-radius:999px;background:#fffaf0;color:#7a6125;font-size:.64rem;font-weight:800;white-space:nowrap}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.term-switch{display:flex;align-items:center;gap:7px}.term-switch select{min-height:34px;max-width:250px;padding:6px 9px;border:1px solid #d9dfe7;border-radius:8px;background:#fff;color:var(--ink);font-size:.68rem}.content{max-width:1320px;margin:0 auto}.page-footer{display:flex;justify-content:space-between;gap:12px;max-width:1320px;margin:24px auto 0;padding-top:13px;border-top:1px solid var(--line);color:#8a929f;font-size:.65rem}.page-footer a{color:#647080;text-decoration:none}.page-footer a:hover{text-decoration:underline}.notice{margin:0 0 16px;padding:11px 14px;border:1px solid #cfe5d6;border-radius:10px;background:var(--green-soft);color:#235d3c;font-size:.76rem}.notice.error{border-color:#f1cbd0;background:var(--danger-soft);color:var(--danger)}.notice.info{border-color:#d5dfed;background:var(--blue-soft);color:#334c6d}.muted{color:var(--muted);font-weight:500}.panel{min-width:0;margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.panel h2,.panel h3{margin:0;color:var(--navy)}.panel h2{font-size:.96rem;letter-spacing:-.01em}.panel h3{font-size:.82rem}.panel-head p{max-width:760px;margin:4px 0 0;color:var(--muted);font-size:.7rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{position:relative;min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.stat-card:before{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:var(--gold);content:""}.stat-label{display:block;padding-right:16px;color:#6f7888;font-size:.68rem;font-weight:700}.stat-card>strong{display:block;margin-top:9px;color:var(--navy);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:830;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-foot{display:block;margin-top:6px;color:#8992a0;font-size:.62rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{min-width:0}.field.span-two{grid-column:1/-1}.field label{display:block;margin:0 0 5px;color:#505a6b;font-size:.68rem;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:39px;padding:9px 10px;border:1px solid #d9dfe7;border-radius:8px;background:#fff;color:var(--ink);font-size:.75rem}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(199,166,80,.17);border-color:#bd9d43}.field input::placeholder,.field textarea::placeholder{color:#a1a8b3}.field small,.small-note{display:block;margin-top:5px;color:#828b99;font-size:.62rem;line-height:1.45}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:750;text-decoration:none;cursor:pointer;transition:background .14s,border-color .14s}.btn:hover{background:#2b3b54}.btn.gold{background:#c1a04b;color:#192336}.btn.gold:hover{background:#d2b45e}.btn.soft{border-color:#dce1e7;background:#fff;color:#455064}.btn.soft:hover{background:#f4f6f8}.btn.danger{border-color:#efcbd0;background:#fff4f5;color:#9f2e38}.btn.danger:hover{border-color:#e3aeb5;background:#ffeaec}.btn.small{min-height:29px;padding:5px 8px;font-size:.62rem}.btn:focus-visible{outline:3px solid rgba(199,166,80,.35);outline-offset:2px}.inline-form{display:inline-flex;align-items:center;gap:5px;margin:0}.mini-money{width:94px;min-height:30px;padding:5px 6px;border:1px solid #d9dfe7;border-radius:7px;font-size:.68rem}.table-wrap{width:100%;overflow:auto;border:1px solid #eceef2;border-radius:10px}.data-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.data-table th{padding:10px 12px;background:#f7f8fa;color:#6d7685;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:11px 12px;border-top:1px solid #eceef2;color:#3a4352;font-size:.7rem;vertical-align:middle}.data-table tbody tr:hover{background:#fcfcfd}.data-table .primary-cell{color:#202a3c;font-weight:750}.data-table .sub-cell{display:block;margin-top:3px;color:#89919e;font-size:.61rem;font-weight:450}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .table-actions{min-width:110px}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#f1f2f4;color:#646c78;font-size:.58rem;font-weight:800;white-space:nowrap}.pill.active{background:var(--green-soft);color:#276746}.pill.closed{background:#f1f2f4;color:#737b87}.pill.gold-pill{background:var(--gold-soft);color:#806624}.filter-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 14px}.filter-form .field{flex:1 1 145px;min-width:130px}.filter-form .field input,.filter-form .field select{min-height:36px}.filter-form.compact{max-width:720px}.filter-form.compact .field{flex:1 1 200px}.no-data{padding:22px;text-align:center;color:#838b98;font-size:.72rem}.readonly-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:12px;border:1px solid #e7ebef;border-radius:10px;background:#f8f9fb}.readonly-row span{flex:1 1 170px;min-width:0}.readonly-row small,.readonly-row strong{display:block}.readonly-row small{margin-bottom:3px;color:#858d9a;font-size:.61rem}.readonly-row strong{color:var(--navy);font-size:.72rem}.import-panel{border-color:#e8dfc8}.import-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.import-form .field{flex:1 1 300px}.import-panel .small-note{margin-top:10px}.batch-info{padding:9px 11px;border-radius:8px;background:#f8f9fb}.batch-meta{max-width:920px;margin:12px 0}.batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 12px;border:1px solid #e7ebef;border-radius:9px;background:#f8f9fb;color:#687384;font-size:.65rem}.check-all{display:inline-flex;align-items:center;gap:7px;color:#3d4b5e;font-weight:750}.check-all input,.batch-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.batch-table{min-width:930px}.batch-table td{padding:8px}.batch-table tr.selected-row{background:#f2faf4}.batch-table .table-input{width:100%;min-width:120px;min-height:34px;padding:7px 8px;border:1px solid #d9dfe7;border-radius:7px;font-size:.68rem}.batch-table td:nth-child(2){min-width:160px}.pagination{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.pagination a{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px;border:1px solid #dce1e7;border-radius:7px;background:#fff;color:#475367;font-size:.66rem;text-decoration:none}.pagination a.current,.pagination a:hover{border-color:var(--navy);background:var(--navy);color:#fff}.danger-panel{border-color:#edcdd1}.danger-panel h2{color:#9d2934}.setup-panel{display:flex;align-items:flex-start;gap:13px;border-color:#e8d7a7;background:#fffdf6}.setup-mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#f6eac4;color:#72571c;font-weight:900}.setup-panel p{margin:5px 0 0;color:#656d79;font-size:.72rem}.setup-panel code{padding:2px 4px;border-radius:4px;background:#f0eee8;color:#5d4b22;font-size:.68rem}.gold-pill{background:var(--gold-soft);color:#806624}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(14,23,36,.58)}.modal-backdrop[hidden]{display:none}.confirm-card{width:min(100%,480px);padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.2)}.confirm-card h2{margin:0;color:var(--navy);font-size:1.05rem}.confirm-card p{margin:6px 0 15px;color:var(--muted);font-size:.73rem}.login-page{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(circle at 15% 10%,rgba(199,166,80,.2),transparent 30%),linear-gradient(145deg,#101726,#1d2c42 55%,#101726)}.login-card{width:min(100%,420px);padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 70px rgba(0,0,0,.3)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:23px}.login-brand img{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;object-fit:cover}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:var(--navy);font-size:.82rem}.login-brand small{margin-top:3px;color:#89723c;font-size:.59rem;letter-spacing:.11em;text-transform:uppercase}.login-card h1{margin:0;color:var(--navy);font-size:1.4rem}.login-card .login-sub{margin:5px 0 18px;color:var(--muted);font-size:.74rem}.login-card .field{margin-bottom:12px}.login-card .field input{min-height:44px}.login-card .btn{width:100%;min-height:43px;margin-top:7px}.login-foot{margin:17px 0 0;text-align:center;color:#7d8490;font-size:.68rem}.login-foot a{color:#745c20;text-decoration:none}.login-foot a:hover{text-decoration:underline}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:14px 16px;border:1px solid #e7dfcb;border-radius:12px;background:linear-gradient(110deg,#fffdf6,#fff)}.dashboard-welcome strong{color:var(--navy);font-size:.86rem}.dashboard-welcome p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.dashboard-welcome .welcome-mark{color:#987b2b;font-size:1.3rem}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);text-decoration:none;transition:border-color .15s,transform .15s}.quick-link:hover{transform:translateY(-1px);border-color:#d3bd7e}.quick-link strong,.quick-link small{display:block}.quick-link strong{font-size:.72rem}.quick-link small{margin-top:3px;color:var(--muted);font-size:.61rem}.quick-link .arrow{color:#a18436;font-weight:800}.level-chip{display:inline-flex;padding:3px 7px;border-radius:7px;background:#eef3f8;color:#4e637a;font-size:.58rem;font-weight:800}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-grid .panel{margin:0}.report-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.download-link{color:#735d24;font-size:.65rem;font-weight:750;text-decoration:none}.download-link:hover{text-decoration:underline}.notice.warning{border-color:#eadbb3;background:#fff9e9;color:#725c25}.small-caption{margin:8px 0 0;color:#8b929c;font-size:.62rem}
@media(max-width:1050px){.app-layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.main{padding-left:21px;padding-right:21px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{min-height:62px;padding:8px 12px}.brand img{width:34px;height:34px}.brand strong{font-size:.8rem}.brand small{font-size:.54rem}.top-actions{gap:10px}.signed-in{display:none}.text-link{font-size:.64rem}.logout-link{font-size:.66rem}.app-layout{display:block;min-height:calc(100vh - 62px)}.sidebar{position:sticky;top:62px;z-index:15;width:100%;height:auto;padding:6px 8px;background:#202d43;border-bottom:1px solid rgba(255,255,255,.1)}.side-label,.sidebar-note{display:none}.sidebar nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.nav-link{flex:none;min-height:37px;gap:6px;padding:6px 9px;font-size:.64rem}.nav-icon{width:20px;height:20px;font-size:.72rem}.main{padding:20px 12px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:1.5rem}.role-badge{font-size:.58rem}.panel{padding:14px;border-radius:12px}.stat-grid{gap:8px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:12px}.stat-card>strong{font-size:1.13rem}.report-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.data-table{min-width:640px}.page-footer{font-size:.59rem}}
@media(max-width:520px){.top-actions{gap:8px}.text-link{display:none}.main{padding:16px 9px}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.35rem}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-card{padding:10px}.stat-label{font-size:.6rem}.stat-card>strong{font-size:1rem}.stat-foot{font-size:.57rem}.form-grid{grid-template-columns:1fr}.field.span-two{grid-column:auto}.panel-head{display:block}.panel-head .btn{margin-top:10px}.role-badge{padding:5px 7px}.page-footer{flex-direction:column;gap:5px}.login-card{padding:22px}.filter-form .field{min-width:calc(50% - 7px)}.filter-form .btn{flex:1}.readonly-row{display:grid;grid-template-columns:1fr}.batch-toolbar{align-items:flex-start;flex-direction:column}.quick-links{grid-template-columns:1fr}.dashboard-welcome{align-items:flex-start}.report-grid{display:block}.report-grid .panel{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Stock-specific register and booking components */
.warning-pill{background:#fff0dd;color:#8a501a}.void-row{background:#fff8f7!important}.void-row td{color:#776c6c!important}.mini-reason{width:145px;min-height:29px;padding:5px 7px;border:1px solid #e6cbd0;border-radius:7px;background:#fff;font-size:.61rem}.stat-link{color:#806624;font-size:.8rem;text-decoration:none}.stat-link:hover{text-decoration:underline}.subpanel{margin-top:16px;padding:14px;border:1px solid #e7ebef;border-radius:10px;background:#fafbfc}.subpanel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.subpanel-head h3{margin:0;color:var(--navy);font-size:.8rem}.hire-lines{display:grid;gap:9px}.hire-line{display:grid;grid-template-columns:minmax(170px,2fr) minmax(100px,.7fr) minmax(125px,.9fr) minmax(140px,1.2fr);gap:9px;padding:10px;border:1px solid #e8ebef;border-radius:9px;background:#fff}.booking-lines{margin-top:17px}.booking-lines h3{margin:0 0 8px;color:var(--navy);font-size:.81rem}.booking-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.booking-actions form{margin:0}.void-form{flex-wrap:wrap}.small-note{line-height:1.5}
@media(max-width:980px){.hire-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hire-line{grid-template-columns:1fr}.subpanel-head{align-items:flex-start;flex-direction:column}.mini-reason{width:115px}}
/* Sports facility cards and manager controls */
.facility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.facility-card{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.facility-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:var(--gold-soft);color:#8b6e2d;font-size:1.25rem}.facility-main{flex:1;min-width:0}.facility-main .eyebrow{margin:0 0 3px}.facility-main h3{margin:0;color:var(--navy);font-size:.9rem}.facility-main p{margin:3px 0 10px;color:var(--muted);font-size:.66rem}.facility-counts{display:flex;gap:14px}.facility-counts span,.facility-counts strong,.facility-counts small{display:block}.facility-counts strong{color:var(--navy);font-size:.78rem}.facility-counts small{color:#8992a0;font-size:.57rem}.facility-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.facility-manage summary{color:#806624;font-size:.64rem;font-weight:750;cursor:pointer}.facility-manage[open]{position:relative;z-index:5;padding:10px;border:1px solid #e4e8ee;border-radius:9px;background:#fff;box-shadow:var(--shadow)}.facility-manage form{display:grid;gap:8px;min-width:180px;margin:8px 0 0}.facility-manage .field label{font-size:.61rem}.facility-manage .field input,.facility-manage .field select{min-height:32px;padding:6px 8px;font-size:.68rem}.facility-toggle{display:flex!important;justify-content:flex-end;min-width:0!important;margin:8px 0 0!important}.booking-actions form{margin:0}.void-row{background:#fff8f7!important}.void-row td{color:#776c6c!important}.mini-reason{width:130px;min-height:29px;padding:5px 7px;border:1px solid #e6cbd0;border-radius:7px;background:#fff;font-size:.61rem}.report-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:1050px){.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.facility-grid{grid-template-columns:1fr}}
@media(max-width:520px){.facility-card{padding:12px}.facility-actions{align-items:flex-start}.facility-actions .btn{font-size:.58rem}.facility-manage[open]{min-width:min(240px,80vw)}.report-title{align-items:flex-start;flex-direction:column}}