@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--sb-green-950:#053f2f;--sb-green-900:#064734;--sb-green-800:#075c43;--sb-green-700:#087250;--sb-green-600:#0b815b;--sb-green-100:#dff3eb;--sb-green-50:#f2faf6;--sb-amber-600:#b77908;--sb-amber-50:#fff7e8;--sb-red-600:#b42318;--sb-red-50:#fff1f1;--sb-ink:#111827;--sb-muted:#5f6874;--sb-border:#d8dee3;--sb-panel:#fff;--sb-page:#fff;--sb-shadow:0 14px 38px #11182714;color:var(--sb-ink);background:var(--sb-page);font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--sb-page);color:var(--sb-ink);margin:0}a{color:inherit}.sb-logo{color:inherit;letter-spacing:0;align-items:center;gap:14px;font-size:24px;font-weight:800;display:flex}.sb-logo svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:54px;height:54px}.sb-logo.compact svg{width:36px;height:36px}.sb-auth-shell{background:#fff;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100vh;display:grid}.sb-auth-side{color:#fff;background:radial-gradient(circle at 72% 30%,#14815c57,#0000 34%),linear-gradient(145deg,#064734 0%,#053f2f 100%);flex-direction:column;gap:56px;min-height:100vh;padding:clamp(36px,5vw,72px);display:flex;position:relative;overflow:hidden}.sb-auth-side:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff09,#0000 32%);position:absolute;inset:0}.sb-security-points{z-index:1;gap:28px;max-width:440px;margin-top:30px;display:grid;position:relative}.sb-security-point{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:18px;display:grid}.sb-security-point>span{color:#fff;background:#0f815b7a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sb-security-point svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sb-security-point strong{margin-bottom:7px;font-size:16px;line-height:1.3;display:block}.sb-security-point p{color:#ffffffc7;margin:0;font-size:15px;line-height:1.45}.sb-court-art{opacity:.26;fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:44%;min-height:260px;position:absolute;bottom:0;left:0;right:0}.sb-auth-workspace{background:#fff;place-items:center;padding:clamp(28px,7vw,88px);display:grid}.sb-shield-check{fill:none;width:70px;height:76px;stroke:var(--sb-green-950);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.sb-otp{grid-template-columns:repeat(6,minmax(44px,70px));gap:16px;display:grid}.sb-otp input{aspect-ratio:1;text-align:center;width:100%;color:var(--sb-green-950);background:#fff;border:1px solid #c8ced4;border-radius:6px;outline:none;font-size:28px;font-weight:700}.sb-otp input:focus{border-color:var(--sb-green-950);box-shadow:0 0 0 2px #053f2f1f}.sb-field{color:#1d2630;gap:8px;font-size:13px;font-weight:700;display:grid}.sb-input,.sb-field input,.sb-field select,.sb-field textarea{border:1px solid var(--sb-border);width:100%;min-width:0;min-height:42px;color:var(--sb-ink);font:inherit;outline-color:var(--sb-green-700);background:#fff;border-radius:6px;padding:10px 12px}.sb-field textarea{resize:vertical;min-height:88px}.sb-button{min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex}.sb-button:disabled{opacity:.55;cursor:not-allowed}.sb-button-primary{color:#fff;background:linear-gradient(#09835d,#08704f);box-shadow:0 10px 22px #08704f33}.sb-button-secondary{color:var(--sb-green-800);border-color:var(--sb-green-800);background:#fff}.sb-button-ghost{color:var(--sb-green-800);background:0 0}.sb-button-danger{color:var(--sb-red-600);background:#fff;border-color:#f1bbb6}.sb-status{border:1px solid var(--sb-border);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:24px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.sb-status-success{color:var(--sb-green-800);background:#f1faf6;border-color:#a7d7c3}.sb-status-warning{color:var(--sb-amber-600);background:var(--sb-amber-50);border-color:#efcf8a}.sb-status-danger{color:var(--sb-red-600);background:var(--sb-red-50);border-color:#f1bbb6}.sb-status-neutral{color:#4b5563;background:#f8fafc}.sb-empty{border:1px dashed var(--sb-border);color:var(--sb-muted);background:#fbfcfd;border-radius:8px;padding:20px}@media (width<=900px){.sb-auth-shell{grid-template-columns:1fr}.sb-auth-side{gap:24px;min-height:auto;padding:28px}.sb-security-points,.sb-court-art{display:none}.sb-auth-workspace{padding:34px 20px}}@media (width<=620px){.sb-otp{grid-template-columns:repeat(6,minmax(34px,1fr));gap:8px}.sb-otp input,.sb-logo{font-size:21px}.sb-logo svg{width:44px;height:44px}}:root{color:#17211c;font-synthesis:none;background:#f2f1eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,strong{letter-spacing:0}h2{margin-top:0}.centered{min-height:100vh;color:var(--sb-muted);place-items:center;display:grid}.muted{color:var(--sb-muted)}.overline{color:var(--sb-green-800);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.portal-auth-card,.portal-mfa-card{gap:20px;width:min(100%,540px);display:grid}.portal-mfa-card{width:min(100%,610px)}.portal-auth-card h1,.portal-mfa-card h1{color:var(--sb-green-950);margin:0 0 8px;font-size:clamp(34px,4vw,48px);line-height:1.04}.portal-auth-card p,.portal-mfa-card p{color:var(--sb-muted);margin:0;line-height:1.6}.portal-mfa-card .sb-shield-check,.portal-back-button{justify-self:start}.portal-security-warning,.portal-need-help,.permission-note,.empty-state,.success-message{border-radius:8px;align-items:center;gap:10px;padding:14px 16px;line-height:1.45;display:flex}.portal-security-warning,.permission-note,.empty-state{color:var(--sb-amber-600);background:var(--sb-amber-50);border:1px solid #edd49d}.portal-need-help,.success-message{color:var(--sb-green-800);background:var(--sb-green-50);border:1px solid #b4dccb}.form-error,.error-panel{color:var(--sb-red-600);background:var(--sb-red-50);border:1px solid #f1bbb6;border-radius:8px;margin:0;padding:12px 14px}.password-field{display:block;position:relative}.password-field input{padding-right:74px}.password-toggle{min-height:30px;color:var(--sb-green-800);background:0 0;border:0;border-radius:6px;padding:0 10px;font-weight:800;position:absolute;top:6px;right:6px}.password-requirements{color:var(--sb-muted);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.password-requirements .valid{color:var(--sb-green-800)}.otp-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.invitation-summary{background:var(--sb-green-50);border:1px solid #c9e2d7;border-radius:8px;gap:5px;padding:16px;display:grid}.invitation-summary span,.invitation-summary small{color:var(--sb-muted)}.qr-setup{border:1px solid var(--sb-border);background:var(--sb-green-50);border-radius:8px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid}.qr-setup svg{background:#fff;border-radius:8px}.manual-secret{border:1px solid var(--sb-border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,auto) auto;align-items:center;gap:12px;padding:16px;display:grid}.manual-secret p{margin-top:4px}.manual-secret code{overflow-wrap:anywhere;border:1px solid var(--sb-border);min-width:0;color:var(--sb-green-950);background:var(--sb-green-50);border-radius:6px;padding:10px 12px;font-weight:800}.manual-secret button{border:1px solid var(--sb-green-800);min-height:40px;color:var(--sb-green-800);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.app-shell{background:#fff;grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(180deg, var(--sb-green-950), #043426);flex-direction:column;gap:28px;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.sidebar nav{gap:6px;display:grid}.sidebar nav a,.sidebar-tools button{color:#ffffffe0;border-radius:6px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:linear-gradient(#0b8d64,#087856)}.sidebar-tools{border-top:1px solid #ffffff2e;gap:4px;margin-top:auto;padding-top:18px;display:grid}.sidebar-tools button{cursor:pointer;background:0 0;border:0}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.portal-topbar{border-bottom:1px solid var(--sb-border);justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:14px 34px;display:flex}.portal-topbar label{color:var(--sb-muted);gap:6px;font-size:12px;display:grid}.portal-topbar label>span{border:1px solid var(--sb-border);min-height:42px;color:var(--sb-ink);background:#fff;border-radius:6px;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:9px;padding:0 12px;display:grid}.portal-topbar select{font:inherit;appearance:none;background:0 0;border:0;outline:none}.portal-user{align-items:center;gap:12px;display:flex}.portal-user>div{color:#fff;background:var(--sb-green-950);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.portal-user span{gap:2px;display:grid}.portal-user small{color:var(--sb-muted)}.portal-user button{color:var(--sb-muted);background:0 0;border:0}.workspace-inner{min-width:0;padding:28px 34px 42px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.page-header h1{margin:0 0 12px;font-size:clamp(32px,4vw,44px);line-height:1.05}.page-header p{max-width:760px;color:var(--sb-muted);margin:0;line-height:1.55}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-grid article,.panel,.approval-banner{border:1px solid var(--sb-border);background:#fff;border-radius:8px;box-shadow:0 1px #11182705}.metric-grid article{gap:8px;padding:18px;display:grid}.metric-grid span,.metric-grid small,.data-list p,.booking-table p{color:var(--sb-muted)}.metric-grid strong{font-size:30px}.panel{margin-top:18px;padding:24px}.panel-heading,.toolbar,.approval-banner{justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar input{border:1px solid var(--sb-border);border-radius:6px;flex:1;min-height:42px;padding:0 12px}.toolbar button,.secondary{border:1px solid var(--sb-green-800);min-height:42px;color:var(--sb-green-800);background:#fff;border-radius:6px;padding:0 14px;font-weight:800}.approval-banner{margin-bottom:18px;padding:22px 24px}.approval-banner h2{margin:4px 0 0}.approval-banner p{max-width:640px;color:var(--sb-muted)}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid{align-content:start;gap:15px;display:grid}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid h2,.compact-grid .form-error,.compact-grid button,.compact-grid .data-list{grid-column:1/-1}label{gap:7px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--sb-border);outline-color:var(--sb-green-700);min-width:0;font:inherit;background:#fff;border-radius:6px;padding:10px 12px}button{background:var(--sb-green-800);color:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}.file-input{background:var(--sb-green-50);border:1px dashed #9eb7aa;border-radius:8px;padding:18px}.data-list,.booking-table{display:grid}.data-list article,.booking-table article{border-top:1px solid var(--sb-border);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.status{color:var(--sb-green-800);text-transform:uppercase;font-size:11px;font-weight:900}.booking-table article>div:first-child{flex:1}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.row-actions button{color:var(--sb-green-800);background:#fff;border:1px solid #cbd9d1;padding:7px 9px;font-size:11px}.danger{color:var(--sb-red-600)!important;border-color:#e7bbb6!important}fieldset{border:1px solid var(--sb-border);border-radius:8px;padding:14px}.permission-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px;display:grid}.permission-grid label{align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.court-block-grid{gap:10px;display:grid}.court-block-row{border-top:1px solid var(--sb-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.court-block-row p{color:var(--sb-muted);margin:4px 0 0}.court-block-actions{align-items:center;gap:8px;display:flex}.court-block-actions button.unblock{color:var(--sb-red-600);background:#fff;border-color:#e7bbb6}.court-block-actions button.block{color:#fff;background:var(--sb-green-800)}.quick-booking-panel{gap:18px;display:grid}.quick-booking-controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.timeline-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.timeline-strip button{border:1px solid var(--sb-border);min-width:72px;color:var(--sb-green-800);background:#fff;flex:none}.timeline-strip button.active{color:#fff;border-color:var(--sb-green-800);background:var(--sb-green-800)}.available-courts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.available-courts-grid button{border:1px solid var(--sb-border);min-height:82px;color:var(--sb-ink);text-align:left;background:#fff;gap:5px;display:grid}.available-courts-grid button.selected{color:#fff;border-color:var(--sb-green-800);background:var(--sb-green-800)}.available-courts-grid span{color:inherit;opacity:.78;font-size:13px}.advanced-booking-fields{border:1px solid var(--sb-border);border-radius:8px;padding:14px}.advanced-booking-fields summary{cursor:pointer;color:var(--sb-green-800);font-weight:900}.advanced-booking-fields[open] summary{margin-bottom:14px}.quick-booking-submit{z-index:3;border:1px solid var(--sb-border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 22px #0f172a0f}.quick-booking-submit div{gap:4px;display:grid}.quick-booking-submit span{color:var(--sb-muted)}.quick-booking-submit button{min-height:46px;padding-inline:18px}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{display:flex;overflow-x:auto}.sidebar-tools{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.compact-grid,.quick-booking-controls{grid-template-columns:1fr}}@media (width<=720px){.portal-topbar,.page-header,.approval-banner{display:grid}.portal-topbar{padding:16px}.workspace-inner{padding:24px 16px}.metric-grid{grid-template-columns:1fr}.data-list article,.booking-table article,.court-block-row{flex-wrap:wrap;grid-template-columns:1fr;align-items:flex-start}.row-actions,.court-block-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.quick-booking-submit{align-items:stretch;display:grid}.manual-secret,.qr-setup,.otp-inline,.permission-grid{grid-template-columns:1fr}}