.vd-root{height:100dvh;overflow:hidden}.vd-root,.vd-side{display:flex;background:var(--cal-bg-muted)}.vd-side{width:240px;flex-shrink:0;flex-direction:column;border-right:1px solid var(--cal-border-subtle)}.vd-side-org{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--cal-border-subtle)}.vd-side-org-tile{width:28px;height:28px;border-radius:7px;background:var(--cal-brand);color:var(--cal-brand-text);font-family:var(--font-cal);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vd-side-org-name{font-size:13px;font-weight:600;color:var(--cal-text-emphasis);line-height:1.2}.vd-side-org-sub{font-size:11px;color:var(--cal-text-subtle)}.vd-side-search{display:flex;align-items:center;gap:8px;height:32px;border-radius:8px;background:var(--cal-bg-subtle);border:none;padding:0 10px;margin:12px 10px 4px;font-size:12px;font-family:var(--font-sans);cursor:pointer;text-align:left}.vd-kbd,.vd-side-search{color:var(--cal-text-subtle)}.vd-kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:2px 5px;border-radius:4px;background:var(--cal-bg);border:1px solid var(--cal-border-subtle)}.vd-side-nav{display:flex;flex-direction:column;gap:1px;padding:8px 10px;flex:1;overflow-y:auto}.vd-side-foot{display:flex;align-items:center;gap:9px;padding:12px;border-top:1px solid var(--cal-border-subtle)}.vd-side-foot-name{font-size:12px;font-weight:600;color:var(--cal-text-emphasis);line-height:1.2}.vd-side-foot-role{font-size:10px;color:var(--cal-text-subtle)}.vd-side-foot-out{margin-left:auto;border:none;background:transparent;color:var(--cal-text-subtle);cursor:pointer;display:inline-flex;padding:4px}.vd-main{flex:1;min-width:0;display:flex;flex-direction:column}.vd-top{height:52px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 24px;background:var(--cal-bg);border-bottom:1px solid var(--cal-border-subtle)}.vd-top-title{font-family:var(--font-cal);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--cal-text-emphasis)}.vd-top-sub{font-size:12px;color:var(--cal-text-subtle)}.vd-iconbtn{width:32px;height:32px;border-radius:8px;background:var(--cal-bg);border:1px solid var(--cal-border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--cal-text);cursor:pointer;flex-shrink:0}.vd-iconbtn:hover{background:var(--cal-bg-muted)}.vd-pulse:before{animation:vd-pulse 1.6s ease-in-out infinite}@keyframes vd-pulse{0%,to{opacity:1}50%{opacity:.35}}.vd-body{flex:1;overflow-y:auto;padding:20px 24px}.vd-spacer{flex:1}.vd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.vd-kpi{padding:18px;min-width:0}.vd-kpi-head{display:flex;align-items:center;gap:8px}.vd-kpi-label{font-size:12px;font-weight:500;color:var(--cal-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-kpi-delta{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;white-space:nowrap}.vd-kpi-delta.up{color:var(--cal-text-semantic-success)}.vd-kpi-delta.down{color:var(--cal-text-semantic-error)}.vd-kpi-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:10px}.vd-kpi-value{font-family:var(--font-cal);font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--cal-text-emphasis)}.vd-kpi-sub{font-size:11px;color:var(--cal-text-subtle);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.vd-stepper{background:var(--cal-bg);border:1px solid var(--cal-border-subtle);border-radius:8px;padding:2px}.vd-step-btn,.vd-stepper{display:inline-flex;align-items:center}.vd-step-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;justify-content:center;color:var(--cal-text);cursor:pointer}.vd-step-btn:hover{background:var(--cal-bg-muted)}.vd-step-date{height:28px;padding:0 12px;border:none;background:transparent;font-weight:600;color:var(--cal-text-emphasis)}.vd-btn32,.vd-step-date{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:13px;white-space:nowrap}.vd-btn32{height:32px;padding:0 10px;border-radius:8px;background:var(--cal-bg);border:1px solid var(--cal-border-subtle);font-weight:500;color:var(--cal-text);cursor:pointer}.vd-btn32:hover{box-shadow:var(--shadow-outline-gray-rested)}.vd-new{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:8px;border:none;background:var(--cal-brand);color:var(--cal-brand-text);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-button-solid-brand-default);white-space:nowrap}.vd-new:active{transform:translateY(.5px)}.vd-legend{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px;color:var(--cal-text);flex-wrap:wrap}.vd-legend-item{display:inline-flex;align-items:center;gap:6px}.vd-legend-swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--cal-border-subtle);display:inline-block;flex-shrink:0}.vd-sw-available{background:var(--cal-bg)}.vd-sw-booked{background:var(--cal-bg-semantic-success-subtle);border-color:var(--bw-cell-border-booked)}.vd-sw-held{background:var(--cal-bg-semantic-attention-subtle);border-color:var(--bw-cell-border-held)}.vd-sw-pupils{background:var(--cal-bg-semantic-info-subtle);border-color:var(--bw-cell-border-pupils)}.vd-sw-blocked{background:repeating-linear-gradient(-45deg,var(--cal-bg-subtle) 0 3px,var(--cal-bg-muted) 3px 6px)}.vd-gridcard{position:relative}.vd-gridscroll{overflow:hidden;border-radius:calc(var(--radius-lg) - 1px)}.vd-grid{display:grid;position:relative}.vd-court-head{z-index:4;gap:6px;padding:10px 14px;border-right:1px solid var(--cal-border-subtle);text-transform:uppercase;letter-spacing:.06em}.vd-court-head,.vd-time-head{position:sticky;top:0;display:flex;align-items:center;background:var(--cal-bg-muted);border-bottom:1px solid var(--cal-border-subtle);font-size:11px;font-weight:600;color:var(--cal-text-subtle)}.vd-time-head{z-index:2;gap:5px;padding:10px 0 8px 8px;border-left:1px dashed var(--cal-border-subtle);white-space:nowrap;overflow:hidden}.vd-time-head.first{border-left:none}.vd-time-head.now{color:var(--cal-text-emphasis)}.vd-time-dot{width:4px;height:4px;border-radius:50%;background:var(--cal-bg-viz-3);flex-shrink:0}.vd-courtcell{padding:10px 14px;background:var(--cal-bg);border-right:1px solid var(--cal-border-subtle);border-bottom:1px solid var(--cal-border-subtle)}.vd-court-name{font-size:13px;font-weight:600;color:var(--cal-text-emphasis)}.vd-court-surface{font-size:11px;color:var(--cal-text-subtle);margin-top:2px}.vd-slotarea{grid-column:2/-1;display:grid;gap:4px;padding:6px;min-height:64px;background:var(--cal-bg);border-bottom:1px solid var(--cal-border-subtle)}.vd-courtcell.last,.vd-slotarea.last{border-bottom:none}.vd-cell{min-height:40px;min-width:0}.vd-nowline{top:36px;bottom:0;width:1px;pointer-events:none;z-index:1}.vd-nowline,.vd-nowline-dot{position:absolute;background:var(--cal-bg-viz-3)}.vd-nowline-dot{top:-4px;left:-4px;width:9px;height:9px;border-radius:50%}.vd-nowline-label{position:absolute;top:-5px;left:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cal-bg-viz-3);background:var(--cal-bg);padding:1px 4px;border-radius:3px;white-space:nowrap}.vd-enter{animation:vd-enter .2s cubic-bezier(.16,1,.3,1)}@keyframes vd-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.vd-shake{animation:vd-shake .24s ease-in-out}@keyframes vd-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.vd-resize{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:ew-resize}.vd-ghost{opacity:.85;box-shadow:var(--shadow-dropdown);z-index:2}.vd-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:var(--cal-text-subtle);border-bottom:1px solid var(--cal-border-subtle)}.vd-banner.error{background:var(--cal-bg-semantic-error-subtle);color:var(--cal-text-semantic-error)}.vd-pop{position:absolute;z-index:25;width:280px;background:var(--cal-bg);border:1px solid var(--cal-border-subtle);border-radius:12px;box-shadow:var(--shadow-dropdown);padding:14px;animation:vd-pop .18s cubic-bezier(.16,1,.3,1)}@keyframes vd-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vd-pop-tail{position:absolute;top:-8px;width:14px;height:14px;transform:rotate(45deg);background:var(--cal-bg);border-top:1px solid var(--cal-border-subtle);border-left:1px solid var(--cal-border-subtle)}.vd-pop-tail.below{top:auto;bottom:-8px;border-top:none;border-left:none;border-bottom:1px solid var(--cal-border-subtle);border-right:1px solid var(--cal-border-subtle)}.vd-pop-head{display:flex;align-items:center}.vd-pop-x{margin-left:auto;border:none;background:transparent;color:var(--cal-text-subtle);cursor:pointer;padding:2px;display:inline-flex}.vd-pop-name{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--cal-text-emphasis);margin-top:8px}.vd-pop-sub{font-size:12px;color:var(--cal-text-subtle);margin-top:1px}.vd-pop-panel{margin-top:10px;padding:8px 10px;background:var(--cal-bg-muted);border:1px solid var(--cal-border-subtle);border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:4px}.vd-pop-panel-row{display:flex;justify-content:space-between;gap:8px;color:var(--cal-text-subtle)}.vd-pop-panel-row.em{color:var(--cal-text-emphasis);font-weight:500}.vd-scrub-label{font-size:11px;font-weight:500;color:var(--cal-text-subtle);margin:12px 0 6px}.vd-scrub{display:flex;align-items:center;gap:8px}.vd-scrub-btn{width:26px;height:26px;border-radius:6px;background:var(--cal-bg-muted);border:1px solid var(--cal-border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--cal-text);cursor:pointer;flex-shrink:0}.vd-scrub-track{position:relative;flex:1;height:4px;border-radius:var(--radius-full);background:var(--cal-bg-subtle);cursor:pointer}.vd-scrub-track:focus-visible{outline:2px solid var(--cal-brand);outline-offset:4px}.vd-scrub-fill{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-full);background:var(--cal-brand)}.vd-scrub-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--cal-bg);border:2px solid var(--cal-brand);transform:translate(-50%,-50%);cursor:grab}.vd-scrub-val{width:50px;flex-shrink:0;text-align:right;font-size:12px;font-weight:600;color:var(--cal-text-emphasis)}.vd-pop-div{height:1px;background:var(--cal-border-subtle);margin:12px 0}.vd-pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vd-pop-action{height:30px;border-radius:7px;background:var(--cal-bg);border:1px solid var(--cal-border-subtle);font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--cal-text);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}.vd-pop-action:hover{background:var(--cal-bg-muted)}.vd-pop-action.danger{color:var(--cal-text-semantic-error)}.vd-pop-action.active{outline:2px solid var(--cal-brand);outline-offset:1px}.vd-pop-hint{margin-top:8px;text-align:center}.vd-field,.vd-pop-hint{font-size:11px;color:var(--cal-text-subtle)}.vd-field{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-weight:500}.vd-input{height:32px;border-radius:8px;border:1px solid var(--cal-border-subtle);background:var(--cal-bg);padding:0 10px;font-size:13px;color:var(--cal-text-emphasis);font-family:var(--font-sans);width:100%}.vd-input:focus{outline:2px solid var(--cal-brand);outline-offset:1px}.vd-pop-primary{margin-top:12px;width:100%;height:34px;border:none;border-radius:8px;background:var(--cal-brand);color:var(--cal-brand-text);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-button-solid-brand-default)}.vd-pop-primary:active{transform:translateY(.5px)}.vd-confirm-row{display:flex;gap:6px;margin-top:8px}.vd-confirm-row .vd-pop-action{flex:1}.vd-coming{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 24px;text-align:center;color:var(--cal-text-subtle);font-size:13px}.vd-coming-title{font-family:var(--font-cal);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--cal-text-emphasis)}.vd-toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.vd-toast{background:var(--cal-bg-inverted);color:var(--cal-text-inverted);font-size:13px;font-weight:500;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-dropdown);max-width:min(90vw,420px);animation:vd-pop .18s cubic-bezier(.16,1,.3,1)}.vd-cmdk-overlay{position:fixed;inset:0;background:hsla(210,30%,4%,.4);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.vd-cmdk{width:560px;max-width:92vw;background:var(--cal-bg);border:1px solid var(--cal-border-subtle);border-radius:12px;box-shadow:var(--shadow-dropdown);overflow:hidden;animation:vd-pop .18s cubic-bezier(.16,1,.3,1)}.vd-cmdk [cmdk-input],.vd-cmdk-datein{width:100%;height:44px;padding:0 16px;border:none;border-bottom:1px solid var(--cal-border-subtle);font-size:14px;font-family:var(--font-sans);background:transparent;color:var(--cal-text-emphasis);outline:none}.vd-cmdk [cmdk-list]{max-height:320px;overflow-y:auto;padding:6px}.vd-cmdk [cmdk-group-heading]{padding:8px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cal-text-subtle)}.vd-cmdk [cmdk-item]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--cal-text);cursor:pointer}.vd-cmdk [cmdk-item][data-selected=true]{background:var(--cal-bg-subtle);color:var(--cal-text-emphasis)}.vd-cmdk [cmdk-empty]{display:block;padding:16px;font-size:13px;color:var(--cal-text-subtle);text-align:center}.vd-cmdk-meta{margin-left:auto;font-size:11px;white-space:nowrap}.vd-cmdk-hint,.vd-cmdk-meta{color:var(--cal-text-subtle)}.vd-cmdk-hint{padding:10px 16px;font-size:12px}.vd-accordion{display:none}.vd-acc-court{border-bottom:1px solid var(--cal-border-subtle)}.vd-acc-court:last-child{border-bottom:none}.vd-acc-court summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;list-style:none}.vd-acc-court summary::-webkit-details-marker{display:none}.vd-acc-rows{display:flex;flex-direction:column;gap:6px;padding:0 10px 12px}.vd-acc-row{flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;width:100%}.vd-acc-empty{font-size:12px;color:var(--cal-text-subtle);padding:2px 4px}@media (max-width:1279.98px){.vd-side{width:56px}.vd-xr{display:none}.vd-side-org{justify-content:center;padding:12px 0}.vd-side-org[aria-expanded]{pointer-events:none}.vd-side-search{justify-content:center;margin:12px 8px 4px;padding:0}.vd-side-nav{padding:8px 6px}.vd-side-nav .bw-nav{justify-content:center;padding:8px 0}.vd-side-foot{justify-content:center;padding:12px 0}}@media (max-width:1023.98px){.vd-kpis{grid-template-columns:1fr 1fr}.vd-gridscroll{overflow-x:auto}.vd-grid{min-width:940px}.vd-court-head,.vd-courtcell{position:sticky;left:0}.vd-courtcell{z-index:3}}@media (max-width:767.98px){.vd-gridscroll{display:none}.vd-accordion{display:block}.vd-body{padding:16px}}