@charset "UTF-8";.brand-logo{--brand-logo-accent-color: var(--brand-logo-accent, #c4f54b);--brand-logo-foreground-color: var(--brand-logo-foreground, currentColor);--brand-logo-icon-color: var(--brand-logo-icon, var(--brand-logo-accent-color));--brand-logo-height: 2rem;--brand-logo-optical-y: .05em;display:inline-flex;align-items:center;color:var(--brand-logo-foreground-color);line-height:1}.brand-logo--logoWithIcon{--brand-logo-height: clamp(2rem, 5.8vw, 2.45rem);--brand-logo-optical-y: .08em}.brand-logo--logoWithIconVertical{--brand-logo-height: clamp(4rem, 14vw, 6.5rem);--brand-logo-optical-y: 0}.brand-logo--icon{--brand-logo-height: 6rem;--brand-logo-optical-y: 0}.brand-logo--wordmark .cls-1{fill:var(--brand-logo-accent-color)}.brand-logo--wordmark .cls-2,.brand-logo--logoWithIcon .cls-1,.brand-logo--logoWithIconVertical .cls-1{fill:var(--brand-logo-foreground-color)}.brand-logo--logoWithIcon .cls-2,.brand-logo--logoWithIconVertical .cls-2{fill:var(--brand-logo-accent-color)}.brand-logo--icon .cls-1{fill:var(--brand-logo-icon-color)}.brand-logo svg{display:block;width:auto;height:var(--brand-logo-height);overflow:visible;transform:translateY(var(--brand-logo-optical-y))}.brand-presence__logo{display:inline-flex;align-items:center;border-radius:var(--radius-md)}.brand-presence__tagline{color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.brand-presence__link{display:inline-flex;align-items:center;gap:.4rem;border:0;padding:0;background:transparent;color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:1.2;cursor:pointer;transition:color var(--dur-ui) var(--ease-standard)}.brand-presence__link svg{flex-shrink:0}.brand-presence__link:hover{color:var(--domain-accent)}.brand-presence__social{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;color:var(--text-secondary);line-height:0;cursor:pointer;transition:color var(--dur-ui) var(--ease-standard)}.brand-presence__social:hover{color:var(--domain-accent)}[data-theme=light] .brand-presence .brand-presence__logo{--brand-logo-icon: var(--brand-green)}[data-theme=dark] .brand-presence .brand-presence__logo{--brand-logo-icon: var(--brand-lime)}.brand-presence--drawer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--surface-stroke)}.brand-presence__drawer-brand{display:grid;gap:var(--space-1);min-width:0}.brand-presence--drawer .brand-logo--icon{--brand-logo-height: 4.5rem}.brand-presence--drawer .brand-presence__social svg{width:2.25rem;height:2.25rem}.brand-presence--footer{display:none}@media (min-width: 61.3125rem){.brand-presence--footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6) var(--space-5);width:100%;padding-top:var(--space-5);border-top:1px solid var(--surface-stroke)}}.brand-presence__intro{display:grid;gap:var(--space-1);align-content:start;flex:1 1 20rem;max-width:32rem}.brand-presence__group{display:grid;gap:var(--space-2);align-content:start;flex:0 1 auto;min-width:8rem}.brand-presence__group-title{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.ui-button{--button-loading-opacity: .86;--button-loading-surface: transparent;--button-loading-border: transparent;--button-loading-text: currentColor;--button-loading-shadow: none;position:relative;overflow:hidden;isolation:isolate;border:1px solid transparent;border-radius:var(--radius-pill);min-height:2.75rem;padding:.65rem 1rem;font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .12s ease;transition:background-color var(--dur-ui) var(--ease-standard),border-color var(--dur-ui) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ui-button:hover{background-color:var(--state-hover)}.ui-button:active{background-color:var(--state-active);transform:scale(.985)}.ui-button:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.ui-button__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 8%,color-mix(in oklab,var(--loading-wave-accent),transparent 72%) 28%,color-mix(in oklab,var(--loading-wave-accent-strong),white 12%) 45%,color-mix(in oklab,var(--loading-wave-accent),transparent 58%) 58%,color-mix(in oklab,currentColor,transparent 78%) 70%,transparent 88%),var(--skeleton-gradient);background-size:260% 100%,220% 100%;background-position:115% 0,100% 0;will-change:background-position,opacity}.ui-button__content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:0}.ui-button__label{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ui-button__icon>svg,.ui-button__icon .ui-button__loader{display:block}.ui-button__loader{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.ui-button__loader>svg{display:block;filter:drop-shadow(0 0 .35rem color-mix(in oklab,currentColor,transparent 82%));animation:ui-button-loader-rotate .95s linear infinite}.ui-button--preserve-width{min-inline-size:max-content}.ui-button--loading{cursor:wait}.ui-button--loading .ui-button__loading-overlay{opacity:var(--button-loading-opacity);animation:ui-button-loading-sheen 1.35s ease-in-out infinite}.ui-button:disabled{cursor:not-allowed;background:var(--control-disabled-surface);color:var(--text-disabled);border-color:var(--control-disabled-border);transform:none;box-shadow:none}.ui-button:hover:not(:disabled){filter:none}.ui-button--loading:disabled{cursor:wait;background:var(--button-loading-surface);color:var(--button-loading-text);border-color:var(--button-loading-border);box-shadow:var(--button-loading-shadow)}.ui-button--primary{--button-loading-opacity: .92;--button-loading-surface: var(--brand-500);--button-loading-text: var(--text-on-accent);--button-loading-shadow: var(--shadow-z1);background:var(--brand-500);color:var(--text-on-accent);box-shadow:var(--shadow-z1)}.ui-button--primary:hover:not(:disabled){background:var(--brand-400)}.ui-button--secondary{--button-loading-opacity: .74;--button-loading-surface: var(--button-secondary-bg);--button-loading-border: var(--button-secondary-border);--button-loading-text: var(--button-secondary-text);background:var(--button-secondary-bg);border-color:var(--button-secondary-border);color:var(--button-secondary-text)}.ui-button--secondary:hover:not(:disabled){background:var(--button-secondary-bg-hover);border-color:var(--button-secondary-border)}.ui-button--ghost{--button-loading-opacity: .66;--button-loading-surface: var(--state-hover);--button-loading-text: var(--text-primary);background:transparent;border-color:transparent;color:var(--text-secondary)}.ui-button--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--state-hover)}.ui-button--danger{--button-loading-opacity: .9;--button-loading-surface: var(--error);--button-loading-text: var(--text-on-accent);background:var(--error);color:var(--text-on-accent)}.ui-button--danger:hover:not(:disabled){background:var(--danger-hover)}.ui-button--tonal{--button-loading-opacity: .72;--button-loading-surface: var(--state-selected-surface);--button-loading-border: var(--state-selected-border);--button-loading-text: var(--domain-accent);background:var(--state-selected-surface);border:none;color:var(--domain-accent)}.ui-button--tonal:hover:not(:disabled){background:var(--state-active);border-color:var(--control-border-hover)}.ui-button--sm{min-height:2.5rem;padding:.5rem .85rem;font-size:var(--fs-body-sm)}.ui-button--lg{min-height:3rem;padding:.8rem 1.25rem;font-size:var(--fs-body)}.ui-button--block{width:100%}@media (prefers-reduced-motion: reduce){.ui-button--loading .ui-button__loading-overlay{animation:none;background-position:50% 0,50% 0}.ui-button__loader>svg{animation:none}}@keyframes ui-button-loading-sheen{0%{background-position:115% 0,100% 0}to{background-position:-115% 0,-100% 0}}@keyframes ui-button-loader-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--bg-overlay);display:grid;place-items:center;padding:var(--space-4);overflow-y:auto}.modal{width:min(100%,40rem);max-height:calc(100dvh - var(--space-4) * 2);background:var(--modal-surface-bg);border:1px solid var(--surface-stroke);border-radius:var(--radius-2xl);box-shadow:var(--shadow-z3);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;animation:modal-in var(--dur-layout) var(--ease-standard)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.modal__header h3{margin:0;color:var(--text-primary)}.modal__body{min-height:0;overflow-y:auto;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--text-disabled),transparent 45%) transparent}.modal__body::-webkit-scrollbar{width:1px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--text-disabled),transparent 45%);border-radius:var(--radius-pill)}.modal__body::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--text-secondary),transparent 35%)}.modal__footer{margin-top:auto}.modal .inline-row>.ui-button,.modal .inline-row>.nav-link{width:100%;flex:1 1 0}.modal__close{width:2.75rem;height:2.75rem;border:1px solid var(--surface-stroke);border-radius:var(--radius-lg);background:var(--control-surface-muted);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--dur-ui) var(--ease-standard),background var(--dur-ui) var(--ease-standard),border-color var(--dur-ui) var(--ease-standard)}.modal__close:hover{color:var(--text-primary);background:var(--control-surface-hover);border-color:var(--control-border-hover)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-backdrop{place-items:center;padding:var(--space-3)}.modal{width:100%;max-height:calc(100dvh - var(--space-3) * 2);padding:var(--space-4)}}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.drawer-layer.is-open{pointer-events:auto}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);opacity:0;transition:opacity var(--dur-layout) var(--ease-standard)}.drawer-layer.is-open .drawer-backdrop{opacity:1}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(100vw,22rem);padding:var(--space-4);background:var(--drawer-surface-bg);border-left:1px solid var(--surface-stroke);box-shadow:var(--shadow-z3);opacity:0;transform:translate(16px);transition:transform var(--dur-layout) var(--ease-standard),opacity var(--dur-layout) var(--ease-standard);display:flex;flex-direction:column}.drawer-layer.is-open .drawer{opacity:1;transform:translate(0)}.drawer .stack{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 auto;min-height:0;overflow-y:auto}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--surface-stroke)}.drawer__close{border:1px solid var(--surface-stroke);background:var(--control-surface-muted);color:var(--text-secondary);border-radius:var(--radius-lg);width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;transition:color var(--dur-ui) var(--ease-standard),background var(--dur-ui) var(--ease-standard)}.drawer__close:hover{color:var(--text-primary);background:var(--control-surface-hover)}.ui-card{--card-bg: var(--surface-card);--card-hover-bg: color-mix(in oklab, var(--surface-card), var(--domain-accent) 7%);border-radius:var(--radius-xl);border:1px solid var(--surface-stroke);padding:var(--space-4);box-shadow:var(--shadow-z1);background:var(--card-bg);transition:background-color var(--transition-card-hover),border-color var(--transition-card),box-shadow var(--transition-card),transform var(--transition-card-hover)}.ui-card--interactive{position:relative;isolation:isolate}.ui-card--interactive:before{content:"";position:absolute;inset-block:-1.65rem;inset-inline:0;z-index:-1;border-radius:calc(var(--radius-xl) + 1.25rem);pointer-events:none;opacity:0;background:var(--card-hover-backlight);box-shadow:0 0 1.65rem .45rem color-mix(in oklab,var(--domain-accent),transparent 84%);filter:blur(18px);transform:scale(.94);transition:opacity var(--transition-card-hover),transform var(--transition-card-hover)}.ui-card--interactive:not(:where(.court-catalog-card--disabled,.management-shortcut-card--disabled)):hover,.ui-card--interactive:not(:where(.court-catalog-card--disabled,.management-shortcut-card--disabled)):focus-within{background-color:var(--card-hover-bg);box-shadow:var(--card-hover-glow-shadow);transform:translateY(-7px)}.ui-card--interactive:not(:where(.court-catalog-card--disabled,.management-shortcut-card--disabled)):hover:before,.ui-card--interactive:not(:where(.court-catalog-card--disabled,.management-shortcut-card--disabled)):focus-within:before{opacity:1;transform:scale(1)}.ui-card header{display:grid;gap:var(--space-1);margin-bottom:var(--space-2)}.ui-card__body{min-width:0}.ui-card--catalog{--card-bg: var(--control-surface);--card-hover-bg: color-mix(in oklab, var(--control-surface), var(--domain-accent) 9%)}.ui-card--management{--card-bg: var(--control-surface-muted);--card-hover-bg: color-mix(in oklab, var(--control-surface-muted), var(--domain-accent) 8%)}.ui-card--management .ui-button{border-color:var(--surface-stroke-strong)}.ui-card--glass{--card-bg: var(--surface-glass);--card-hover-bg: var(--surface-glass-hover);background:var(--card-bg);box-shadow:var(--shadow-z1)}@supports (backdrop-filter: blur(2px)){.ui-card--glass{-webkit-backdrop-filter:blur(var(--blur-z2));backdrop-filter:blur(var(--blur-z2))}}.ui-card--glass{box-shadow:var(--shadow-z2)}.ui-card__title{margin:0;font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-semibold);color:var(--text-primary)}.ui-card__subtitle{margin:0;color:var(--text-secondary);line-height:var(--lh-body-sm);max-width:58rem}[data-theme=dark] .ui-card{--card-bg: var(--shell-topbar-bg);--card-hover-bg: color-mix(in oklab, var(--shell-topbar-bg), var(--domain-accent) 14%)}@supports (backdrop-filter: blur(2px)){[data-theme=dark] .ui-card{-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter)}}.skeleton{border-radius:var(--radius-md);background:var(--skeleton-gradient);background-size:220% 100%;animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton--title{border-radius:var(--radius-sm)}.skeleton--media,.skeleton--card{border-radius:var(--radius-lg)}.skeleton--chip{border-radius:var(--radius-pill)}.skeleton--button{border-radius:var(--radius-md)}.skeleton--radius-sm{border-radius:var(--radius-sm)}.skeleton--radius-lg{border-radius:var(--radius-lg)}.skeleton--radius-pill{border-radius:var(--radius-pill)}.skeleton--line{display:block;height:auto;padding-block:.06rem;border-radius:var(--radius-sm);transform:scaleY(.62);transform-origin:center}.skeleton--line:before{content:" "}.skeleton--value{display:inline-block;vertical-align:middle;height:1.05em;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-skeleton-shell{display:grid;gap:var(--space-4)}.loading-skeleton-card{overflow:hidden;width:100%;min-width:0;justify-self:stretch}.loading-skeleton-card--catalog,.loading-skeleton-card--booking{padding:var(--space-3)}.loading-skeleton-card .stack{gap:var(--space-3)}.loading-skeleton-card .ui-card__body,.loading-skeleton-card__catalog,.loading-skeleton-card__court{display:grid;gap:var(--space-3)}.loading-skeleton-card__catalog-content,.loading-skeleton-card__court-content{display:grid;align-content:start;gap:var(--space-3);min-width:0}.loading-skeleton-card__media,.loading-skeleton-card__section-media,.loading-skeleton-card__booking-media,.loading-skeleton-card__hero-media{width:100%}.loading-skeleton-card__catalog{min-height:100%}.loading-skeleton-card__facts{display:grid;gap:var(--space-2)}.loading-skeleton-card__badges,.loading-skeleton-card__toolbar-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.loading-skeleton-card__booking,.loading-skeleton-card__hero,.loading-skeleton-card__management-context,.loading-skeleton-card__toolbar-header{display:grid;gap:var(--space-4)}.loading-skeleton-card__toolbar-controls{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.loading-skeleton-card--toolbar{width:100%;min-width:0}.loading-skeleton-card--booking-request{position:relative}.loading-skeleton-card__booking-status{position:absolute;top:0;right:0}.loading-skeleton-card__booking-header,.loading-skeleton-card__booking-content,.loading-skeleton-card__booking-details,.loading-skeleton-card__recurrence-content,.loading-skeleton-card__editor-field,.loading-skeleton-card__agenda-header,.loading-skeleton-card__agenda-footer,.loading-skeleton-card__shortcut-title,.loading-skeleton-card__slot-selector{display:grid;gap:var(--space-2)}.loading-skeleton-card__booking-content{align-content:start}.loading-skeleton-card__booking-details,.loading-skeleton-card__booking-actions{margin-top:var(--space-1)}.loading-skeleton-card__recurrence-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.loading-skeleton-card__shortcut-title{grid-template-columns:auto minmax(0,1fr);align-items:center}.loading-skeleton-card__management-context-copy{display:grid;align-content:start;gap:var(--space-3);min-width:0}.loading-skeleton-card__management-context-media{width:100%}.loading-skeleton-card__editor-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}.loading-skeleton-card--check-item{padding:var(--space-3)}.loading-skeleton-card__check-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start}.loading-skeleton-card__operating-layout,.loading-skeleton-card__operating-breaks,.loading-skeleton-card__slot-grid{display:grid;gap:var(--space-3)}.loading-skeleton-card__operating-sidebar,.loading-skeleton-card__operating-day,.loading-skeleton-card__operating-panel,.loading-skeleton-card__operating-break{display:grid;gap:var(--space-2)}.loading-skeleton-card__operating-day{padding:var(--space-3);border:1px solid var(--surface-stroke);border-radius:var(--radius-lg)}.loading-skeleton-card__operating-day-top,.loading-skeleton-card__operating-panel-header,.loading-skeleton-card__operating-break,.loading-skeleton-card__agenda-header,.loading-skeleton-card__agenda-footer,.loading-skeleton-card__operating-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.loading-skeleton-card__operating-panel{padding:var(--space-3);border:1px solid var(--surface-stroke);border-radius:var(--radius-xl)}.loading-skeleton-card__operating-footer{margin-top:var(--space-4)}.loading-skeleton-card__slot-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}@media (min-width: 761px){.loading-skeleton-card__booking{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);align-items:start}.loading-skeleton-card__hero{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start}.loading-skeleton-card__management-context{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start}.loading-skeleton-card__court{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);align-items:start}.loading-skeleton-card__toolbar-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.loading-skeleton-card__editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loading-skeleton-card__operating-layout{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr);align-items:start}}.animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-toast) + 10);display:grid;place-items:center;background:var(--animation-overlay-bg);overflow:hidden;pointer-events:auto;animation:animation-overlay-fade-out 1.2s cubic-bezier(.4,0,.2,1) 1.8s forwards}.animation-overlay--light{--animation-overlay-bg: #f1f3f2;--animation-overlay-brand-color: var(--brand-green-deep);--animation-overlay-brand-opacity: .045}.animation-overlay--dark{--animation-overlay-bg: #0f1815;--animation-overlay-brand-color: var(--brand-green);--animation-overlay-brand-opacity: .035}.animation-overlay__brand-bg{--brand-logo-accent: var(--animation-overlay-brand-color);--brand-logo-foreground: var(--animation-overlay-brand-color);--brand-logo-icon: var(--animation-overlay-brand-color);--brand-logo-optical-y: 0;position:absolute;inset:50% auto auto 50%;height:80%;max-width:100%;opacity:var(--animation-overlay-brand-opacity);pointer-events:none;transform:translate(-50%,-50%)}.animation-overlay__brand-bg svg{width:auto;max-width:90vw;height:100%;transform:none}.animation-overlay__media{position:relative;z-index:1;display:block;width:clamp(11rem,70vw,40rem);height:auto;-webkit-user-select:none;user-select:none}@keyframes animation-overlay-fade-out{to{opacity:0;visibility:hidden}}.toast-stack{position:fixed;right:var(--space-4);top:calc(var(--space-4) + 4.75rem);z-index:var(--z-toast);display:grid;gap:var(--space-2)}.toast{--toast-bg: var(--toast-surface-bg);--toast-border: var(--surface-stroke);--toast-text: var(--text-primary);min-width:min(22rem,100vw - var(--space-4) * 2);max-width:24rem;border-radius:var(--radius-lg);border:1px solid var(--toast-border);background:var(--toast-bg);color:var(--toast-text);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-z2);opacity:1;transform:translateY(0) scale(1);animation:toast-enter var(--dur-ui) var(--ease-standard);transition:opacity var(--dur-ui) var(--ease-standard),transform var(--dur-ui) var(--ease-standard)}.toast--error{--toast-bg: var(--status-error-solid-bg);--toast-border: var(--status-error-solid-border);--toast-text: var(--status-error-solid-text)}.toast--success{--toast-bg: var(--status-success-solid-bg);--toast-border: var(--status-success-solid-border);--toast-text: var(--status-success-solid-text)}.toast--warning{--toast-bg: var(--status-warning-solid-bg);--toast-border: var(--status-warning-solid-border);--toast-text: var(--status-warning-solid-text)}.toast--info{--toast-bg: var(--status-info-solid-bg);--toast-border: var(--status-info-solid-border);--toast-text: var(--status-info-solid-text)}.toast--leaving{opacity:0;transform:translateY(-8px) scale(.98)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.toast-stack{left:var(--space-3);right:var(--space-3);top:calc(var(--space-3) + 4.5rem)}.toast{min-width:100%;max-width:none}}:root,[data-theme=light]{--brand-lime: #c4f54b;--brand-green: #2b9a70;--brand-green-deep: #163c30;--brand-ink: #0a1914;--brand-white: #ffffff;--bg-base: #f7f4ee;--bg-elev-1: #f7f4ee;--bg-elev-2: #f7f4ee;--bg-overlay: rgba(30, 39, 35, .42);--surface-glass: rgba(255, 255, 255, .82);--surface-glass-hover: rgba(255, 255, 255, .9);--surface-card: #ffffff;--surface-card-hover: #f8fdf9;--surface-panel: #f8f7f3;--surface-stroke: rgba(132, 118, 96, .22);--surface-stroke-strong: rgba(132, 118, 96, .36);--shell-topbar-bg: color-mix(in oklab, var(--surface-card), transparent 15%);--shell-topbar-shadow: 0 10px 24px rgba(58, 50, 37, .08);--shell-bottom-nav-bg: color-mix(in oklab, var(--surface-card), transparent 4%);--shell-nav-border: var(--surface-stroke);--shell-nav-link-text: var(--text-secondary);--shell-nav-link-hover-text: var(--text-primary);--shell-nav-link-hover-bg: var(--state-hover);--shell-nav-link-hover-border: var(--shell-nav-border);--shell-nav-link-active-text: var(--domain-accent);--shell-nav-link-active-bg: var(--state-selected-surface);--shell-nav-link-active-border: var(--state-selected-border);--shell-nav-link-active-solid-text: var(--brand-white);--shell-nav-link-active-solid-bg: var(--brand-green);--shell-nav-link-active-solid-border: var(--brand-green-deep);--shell-profile-hover-text: var(--brand-white);--shell-profile-hover-bg: var(--brand-green);--shell-profile-hover-border: var(--brand-green);--drawer-surface-bg: #f7f4ee;--modal-surface-bg: #f7f4ee;--select-menu-surface-bg: #f7f4ee;--toast-surface-bg: #ffffff;--text-primary: #1e2723;--text-secondary: #55635b;--text-tertiary: #728078;--text-disabled: #9aa59e;--text-on-accent: var(--brand-white);--field-info-bg: #edf3ef;--field-info-text: #355047;--field-info-border: #d4e2da;--field-info-icon: #267a58;--brand-500: var(--brand-green-deep);--brand-400: var(--brand-green);--brand-300: var(--brand-lime);--brand-logo-accent: var(--brand-green-deep);--brand-logo-foreground: var(--brand-green);--brand-logo-icon: var(--brand-green-deep);--button-secondary-bg: #ddf0dc;--button-secondary-bg-hover: #d7ead0;--button-secondary-text: #25532f;--button-secondary-border: transparent;--success: #237a4f;--warning: #a86d1d;--error: #b44c4c;--info: #2f6f9f;--danger-hover: #9d3f3f;--state-hover: rgba(31, 122, 88, .08);--state-active: rgba(31, 122, 88, .14);--state-focus: rgba(31, 122, 88, .32);--state-disabled: rgba(148, 157, 151, .26);--state-selected-surface: rgba(31, 122, 88, .12);--state-selected-border: rgba(31, 122, 88, .42);--hightlight: rgb(150 219 116 / 34%);--hightlight-hover: rgba(150, 219, 116, .25);--control-surface: rgba(255, 255, 255, .78);--control-surface-hover: #fffdf9;--control-surface-muted: rgba(248, 247, 243, .78);--control-surface-muted-hover: rgba(243, 247, 242, .9);--input-control-surface: #f1efe9;--input-control-surface-hover: #e8f0e7;--input-control-shadow: 0 1px 0 rgba(58, 50, 37, .06);--control-border: rgba(132, 118, 96, .24);--control-border-hover: rgba(31, 122, 88, .38);--control-disabled-surface: rgba(148, 157, 151, .14);--control-disabled-border: rgba(148, 157, 151, .24);--card-hover-glow-shadow: var(--shadow-z2);--card-hover-backlight: radial-gradient( ellipse at center, color-mix(in oklab, var(--domain-accent), transparent 72%) 0%, color-mix(in oklab, var(--domain-accent), transparent 86%) 42%, transparent 74% );--card-photo-viva-filter: saturate(1.06) contrast(1.02) brightness(1.03);--media-empty-bg: linear-gradient(140deg, rgba(212, 212, 212, .2), rgba(241, 236, 227, .92));--media-empty-badge-bg: rgba(255, 253, 249, .54);--skeleton-gradient: linear-gradient( 90deg, rgba(132, 118, 96, .1), rgba(31, 122, 88, .17), rgba(132, 118, 96, .1) );--loading-wave-accent: rgba(78, 110, 255, .32);--loading-wave-accent-strong: rgba(126, 98, 255, .48);--status-success-text: #075b3a;--status-success-bg: rgba(35, 122, 79, .13);--status-success-border: rgba(35, 122, 79, .28);--status-success-solid-text: #ffffff;--status-success-solid-bg: #237a4f;--status-success-solid-border: #237a4f;--status-warning-text: #7a4a0b;--status-warning-bg: rgba(168, 109, 29, .14);--status-warning-border: rgba(168, 109, 29, .3);--status-warning-solid-text: #ffffff;--status-warning-solid-bg: #dda630;--status-warning-solid-border: #dda630;--status-error-text: #8c2f2f;--status-error-bg: rgba(180, 76, 76, .13);--status-error-border: rgba(180, 76, 76, .28);--status-error-solid-text: #ffffff;--status-error-solid-bg: #b44c4c;--status-error-solid-border: #b44c4c;--status-info-text: #245b85;--status-info-bg: rgba(47, 111, 159, .13);--status-info-border: rgba(47, 111, 159, .28);--status-info-solid-text: #ffffff;--status-info-solid-bg: #2f6f9f;--status-info-solid-border: #2f6f9f;--gradient-bg: radial-gradient(circle at 1% 9%, rgba(255, 255, 255, .12), transparent 30%), radial-gradient(circle at 40% 10%, rgb(255, 255, 255), transparent 20%), radial-gradient(circle at 86% 5%, rgba(255, 255, 255, .18), transparent 27%), radial-gradient(circle at 70% 84%, rgba(242, 253, 242, .4), transparent 40%), linear-gradient(180deg, #f5fcf5 0%, #f5f0e7 48%, #eee7db 100%);--app-background: var(--gradient-bg)}[data-theme=dark]{--bg-base: #040807;--bg-elev-1: #0b1210;--bg-elev-2: #101816;--bg-overlay: rgba(3, 7, 6, .84);--surface-glass: var(--shell-topbar-bg);--surface-glass-hover: var(--shell-topbar-bg);--surface-card: rgba(22, 34, 30, .94);--surface-card-hover: rgba(28, 42, 37, .98);--surface-panel: rgba(18, 29, 25, .96);--surface-stroke: rgba(143, 178, 164, .05);--surface-stroke-strong: rgba(143, 178, 164, .4);--shell-topbar-bg: rgba(26, 31, 28, .76);--shell-topbar-shadow: none;--shell-bottom-nav-bg: rgba(78, 143, 130, .8);--shell-nav-border: transparent;--shell-nav-link-text: #d4e2dd;--shell-nav-link-hover-text: #f8fffb;--shell-nav-link-hover-bg: color-mix(in oklab, var(--domain-accent), transparent 86%);--shell-nav-link-hover-border: var(--shell-nav-border);--shell-nav-link-active-text: var(--domain-accent);--shell-nav-link-active-bg: color-mix(in oklab, var(--domain-accent), transparent 78%);--shell-nav-link-active-border: color-mix(in oklab, var(--domain-accent), transparent 42%);--shell-nav-link-active-solid-text: #f8fffb;--shell-nav-link-active-solid-bg: var(--brand-green-deep);--shell-nav-link-active-solid-border: var(--brand-green-deep);--shell-profile-hover-text: #f8fffb;--shell-profile-hover-bg: #1c4b3c;--shell-profile-hover-border: #1c4b3c;--drawer-surface-bg: var(--bg-elev-1);--modal-surface-bg: #0b1210;--select-menu-surface-bg: #0b1210;--toast-surface-bg: #16211d;--text-primary: #f2f7f5;--text-secondary: #b8c8c1;--text-tertiary: #8fa39b;--text-disabled: #5f7069;--text-on-accent: #f8fffb;--field-info-bg: #343c39;--field-info-text: #eef5f1;--field-info-border: #4a5a53;--field-info-icon: #8fd3b3;--brand-500: var(--brand-green-deep);--brand-400: var(--brand-green);--brand-300: var(--brand-lime);--brand-logo-accent: var(--brand-lime);--brand-logo-foreground: var(--brand-white);--brand-logo-icon: var(--brand-white);--button-secondary-bg: #2a312c;--button-secondary-bg-hover: rgb(49, 56, 50);--button-secondary-text: #cde4d2;--button-secondary-border: transparent;--success: #2ea36e;--warning: #d3a23a;--error: #cf5f5f;--info: #4a9ad6;--danger-hover: #df7474;--state-hover: rgba(83, 179, 139, .12);--state-active: rgba(83, 179, 139, .2);--state-focus: rgba(83, 179, 139, .45);--state-disabled: rgba(95, 112, 105, .32);--state-selected-surface: rgba(83, 179, 139, .16);--state-selected-border: rgba(83, 179, 139, .48);--hightlight: rgb(150 219 116 / 34%);--hightlight-hover: rgba(150, 219, 116, .25);--control-surface: rgba(24, 37, 32, .92);--control-surface-hover: rgba(30, 45, 39, .98);--control-surface-muted: rgba(19, 30, 26, .9);--control-surface-muted-hover: rgba(25, 38, 33, .96);--input-control-surface: rgba(36, 46, 42, .96);--input-control-surface-hover: rgba(29, 41, 36, .98);--input-control-shadow: none;--control-border: rgba(143, 178, 164, .26);--control-border-hover: rgba(83, 179, 139, .52);--control-disabled-surface: rgba(95, 112, 105, .18);--control-disabled-border: rgba(95, 112, 105, .28);--card-hover-glow-shadow: var(--shadow-z2);--card-hover-backlight: radial-gradient( ellipse at center, color-mix(in oklab, var(--domain-accent), transparent 64%) 0%, color-mix(in oklab, var(--domain-accent), transparent 80%) 44%, transparent 80% );--media-empty-bg: linear-gradient(140deg, rgba(19, 30, 26, .92), rgba(27, 41, 35, .96));--media-empty-badge-bg: rgba(17, 26, 23, .78);--skeleton-gradient: linear-gradient( 90deg, rgba(143, 178, 164, .1), rgba(83, 179, 139, .22), rgba(143, 178, 164, .1) );--loading-wave-accent: rgba(104, 138, 255, .38);--loading-wave-accent-strong: rgba(151, 122, 255, .56);--status-success-text: #a7f1ce;--status-success-bg: rgba(46, 163, 110, .14);--status-success-border: rgba(46, 163, 110, .38);--status-success-solid-text: #f8fffb;--status-success-solid-bg: #1f7a58;--status-success-solid-border: #1f7a58;--status-warning-text: #f2ce7a;--status-warning-bg: rgba(211, 162, 58, .15);--status-warning-border: rgba(211, 162, 58, .38);--status-warning-solid-text: #fff8eb;--status-warning-solid-bg: #b38b37;--status-warning-solid-border: #b38b37;--status-error-text: #f1aaaa;--status-error-bg: rgba(207, 95, 95, .15);--status-error-border: rgba(207, 95, 95, .38);--status-error-solid-text: #fff5f5;--status-error-solid-bg: #a94444;--status-error-solid-border: #a94444;--status-info-text: #abd8f8;--status-info-bg: rgba(74, 154, 214, .15);--status-info-border: rgba(74, 154, 214, .38);--status-info-solid-text: #f2fbff;--status-info-solid-bg: #2d6f9d;--status-info-solid-border: #2d6f9d;--gradient-bg: radial-gradient(circle at 12% 8%, rgb(0 0 0 / 20%), transparent 30%), radial-gradient(circle at 84% 4%, rgba(0, 0, 0, .918), transparent 28% 28%), radial-gradient(circle at 50% 82%, rgba(28, 57, 47, .24), transparent 42%), linear-gradient(180deg, #131917 0%, #0d1211 48%, #080b0a 100%);--app-background: var(--gradient-bg)}@media (max-width: 47.999rem){[data-theme=light]{--gradient-bg: radial-gradient(circle at 50% -4%, rgba(88, 142, 108, .12), transparent 36%), radial-gradient(circle at 88% 16%, rgba(215, 182, 126, .16), transparent 29%), radial-gradient(circle at 50% 100%, rgba(233, 227, 216, .9), transparent 44%), linear-gradient(180deg, #fcfaf5 0%, #f4eee4 52%, #ece3d6 100%);--app-background: var(--gradient-bg)}[data-theme=dark]{--gradient-bg: radial-gradient(circle at 50% -8%, rgba(74, 118, 94, .24), transparent 34%), radial-gradient(circle at 90% 18%, rgba(0, 0, 0, .418), transparent 30%), radial-gradient(circle at 50% 104%, rgba(28, 57, 47, .28), transparent 46%), linear-gradient(180deg, #131917 0%, #0c1110 50%, #070a09 100%);--app-background: var(--gradient-bg)}}:root{--font-heading: "Sora", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--fs-h1: 2rem;--lh-h1: 2.5rem;--fs-h2: 1.5rem;--lh-h2: 2rem;--fs-h3: 1.25rem;--lh-h3: 1.75rem;--fs-h4: 1.125rem;--lh-h4: 1.5rem;--fs-title: 1.125rem;--lh-title: 1.625rem;--fs-body-lg: 1rem;--lh-body-lg: 1.5rem;--fs-body: 1rem;--lh-body: 1.5rem;--fs-body-sm: .875rem;--lh-body-sm: 1.375rem;--fs-label: .875rem;--lh-label: 1.25rem;--fs-micro: .8125rem;--lh-micro: 1rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 2.5rem;--space-7: 3rem;--space-8: 4rem;--space-9: 5rem;--space-10: 6rem;--space-11: 7rem;--space-12: 8rem;--container-max: 78rem;--gutter-mobile: 1rem;--gutter-tablet: 1.5rem;--gutter-desktop: 2rem}:root{--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 1.75rem;--radius-pill: 20px}:root{--shadow-sm: 0 2px 8px rgba(58, 50, 37, .1);--shadow-z1: 0 10px 26px rgba(58, 50, 37, .08);--shadow-z2: 0 18px 40px rgba(58, 50, 37, .12);--shadow-z3: 0 28px 60px rgba(58, 50, 37, .16);--blur-z1: 4px;--blur-z2: 8px;--blur-z3: 12px;--glass-backdrop-filter: blur(var(--blur-z1)) saturate(1.08)}[data-theme=dark]{--shadow-sm: 0 2px 10px rgba(0, 0, 0, .24);--shadow-z1: 0 12px 30px rgba(0, 0, 0, .28);--shadow-z2: 0 20px 46px rgba(0, 0, 0, .36);--shadow-z3: 0 30px 70px rgba(0, 0, 0, .48);--glass-backdrop-filter: blur(var(--blur-z2)) saturate(1.22)}:root{--dur-fast: .1s;--dur-ui: .18s;--dur-card: .28s;--dur-card-hover: .76s;--dur-photo-viva: .92s;--dur-surface: .24s;--dur-layout: .32s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--transition-card: var(--dur-card) var(--ease-standard);--transition-card-hover: var(--dur-card-hover) var(--ease-standard);--transition-photo-viva: var(--dur-photo-viva) var(--ease-standard);--transition-nav-selection: color var(--dur-surface) var(--ease-standard), background-color var(--dur-surface) var(--ease-standard), border-color var(--dur-surface) var(--ease-standard), box-shadow var(--dur-surface) var(--ease-standard), transform var(--dur-surface) var(--ease-standard)}:root{--z-header: 20;--z-overlay: 50;--z-drawer: 60;--z-modal: 70;--z-toast: 80}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}[data-domain=client]{--domain-accent: #1f7a58;--domain-accent-soft: rgba(31, 122, 88, .14)}[data-theme=dark] [data-domain=client]{--domain-accent: #68c99c;--domain-accent-soft: rgba(104, 201, 156, .15)}[data-domain=establishment]{--domain-accent: #2c6b63;--domain-accent-soft: rgba(44, 107, 99, .14)}[data-theme=dark] [data-domain=establishment]{--domain-accent: #72c5b8;--domain-accent-soft: rgba(114, 197, 184, .15)}.container{width:min(100%,var(--container-max));margin:0 auto;padding-inline:var(--gutter-mobile)}@media (min-width: 48rem){.container{padding-inline:var(--gutter-tablet)}}@media (min-width: 75rem){.container{padding-inline:var(--gutter-desktop)}}.stack{display:grid;gap:var(--space-2)}.cards-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;width:100%;min-width:0}@media (min-width: 48rem){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 75rem){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards-grid--booking-listing{grid-template-columns:1fr}@media (min-width: 48rem){.cards-grid--booking-listing{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 75rem){.cards-grid--booking-listing{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards-grid--single{grid-template-columns:1fr!important}.cards-grid>*,.courts-grid>*{width:100%;min-width:0;justify-self:stretch}.cards-grid>*:not(.loading-skeleton-card),.courts-grid>*:not(.loading-skeleton-card){animation:card-fade-up var(--dur-layout) var(--ease-standard) backwards}.cards-grid>*:not(.loading-skeleton-card):nth-child(2),.courts-grid>*:not(.loading-skeleton-card):nth-child(2){animation-delay:30ms}.cards-grid>*:not(.loading-skeleton-card):nth-child(3),.courts-grid>*:not(.loading-skeleton-card):nth-child(3){animation-delay:60ms}.cards-grid>*:not(.loading-skeleton-card):nth-child(4),.courts-grid>*:not(.loading-skeleton-card):nth-child(4){animation-delay:90ms}@keyframes card-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.responsive-4{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 48rem){.responsive-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 75rem){.responsive-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-shell{--shell-safe-area-top: env(safe-area-inset-top, 0px);--shell-safe-area-bottom: env(safe-area-inset-bottom, 0px);--shell-topbar-height: calc(5rem + var(--shell-safe-area-top));min-height:100vh;background:var(--app-background)}.app-main{padding-block:var(--space-5);padding-bottom:calc(5.25rem + var(--space-5) + var(--shell-safe-area-bottom));display:flex;justify-content:center}@media (min-width: 61.3125rem){.app-main{padding-block:var(--space-6);padding-bottom:var(--space-6)}}.app-shell--mobile-menu-open .app-main{padding-bottom:calc(5.25rem + var(--space-6) + var(--shell-safe-area-bottom))}.client-topbar{position:sticky;top:0;z-index:var(--z-header);background:var(--shell-topbar-bg);border-bottom:0;box-shadow:var(--shell-topbar-shadow)}@supports (backdrop-filter: blur(2px)){.client-topbar{-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter)}}.client-topbar .container{min-height:5rem;padding-top:var(--shell-safe-area-top);display:flex;align-items:center;gap:var(--space-3)}.guest-commercial-banner{position:sticky;top:var(--shell-topbar-height);z-index:calc(var(--z-header) - 1);display:block;color:var(--text-on-accent);box-shadow:var(--shadow-z1);transition:filter ease-in-out .4s}.guest-commercial-banner:hover{filter:brightness(.9)}[data-theme=light] .guest-commercial-banner{background:var(--brand-400)}[data-theme=dark] .guest-commercial-banner{background:linear-gradient(90deg,var(--brand-500),var(--brand-400))}.guest-commercial-banner__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2);padding-top:.2rem;padding-bottom:.2rem}.guest-commercial-banner__main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:inherit}.guest-commercial-banner__copy{display:grid;gap:.15rem;min-width:0}.guest-commercial-banner__copy span,.guest-commercial-banner__action{color:inherit}.guest-commercial-banner__copy span{font-size:var(--fs-body-sm);line-height:1.35}.guest-commercial-banner__action{flex-shrink:0;font-size:var(--fs-body-md);font-weight:var(--fw-semibold)}.guest-commercial-banner__close{flex-shrink:0;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur-ui) var(--ease-standard),opacity var(--dur-ui) var(--ease-standard)}.guest-commercial-banner__close:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.guest-commercial-banner__close:hover{background:color-mix(in oklab,var(--text-on-accent),transparent 86%)}@media (max-width: 640px){.guest-commercial-banner__content{align-items:flex-start}.guest-commercial-banner__main{width:100%;align-items:flex-start;flex-direction:column;gap:.3rem;padding:10px}}.app-connectivity-banner{background:color-mix(in oklab,var(--warning),white 72%);border-bottom:1px solid color-mix(in oklab,var(--warning),black 18%);color:var(--text-primary)}.app-connectivity-banner__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2)}.app-connectivity-banner__copy{display:grid;gap:.2rem}.app-connectivity-banner__copy strong,.app-connectivity-banner__copy span{color:inherit}.app-connectivity-banner__copy strong{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.app-connectivity-banner__copy span{font-size:var(--fs-micro);line-height:var(--lh-body-sm)}@media (max-width: 640px){.app-connectivity-banner__content{align-items:flex-start;flex-direction:column}}.brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:2.75rem;font-family:var(--font-heading);font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-semibold);color:var(--text-primary)}.brand .brand-logo svg{height:var(--brand-logo-height)}.top-nav{display:none;gap:var(--space-2);flex-wrap:wrap;align-items:center}@media (min-width: 61.3125rem){.top-nav{display:flex}}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;min-width:0}.topbar-utility{display:flex;align-items:center;gap:var(--space-2)}.topbar-mobile-menu{border:1px solid var(--shell-nav-border);background:var(--surface-panel);color:var(--shell-nav-link-text);border-radius:var(--radius-lg);min-width:2.75rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-z1);transition:var(--transition-nav-selection)}@media (min-width: 61.3125rem){.topbar-mobile-menu{display:none}}.topbar-mobile-menu:hover{color:var(--shell-nav-link-hover-text);background:var(--shell-nav-link-hover-bg);border-color:var(--shell-nav-border)}.topbar-mobile-menu.active{color:var(--shell-nav-link-active-text);background:var(--shell-nav-link-active-bg);border-color:var(--shell-nav-link-active-border)}.topbar-profile{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 61.3125rem){.topbar-profile{display:flex}}.profile-pill{min-height:2.75rem;border:1px solid var(--shell-nav-border);border-radius:var(--radius-pill);padding:.5rem .85rem;display:inline-flex;align-items:center;gap:.45rem;background:var(--surface-panel);color:var(--shell-nav-link-text);font-size:var(--fs-body-sm);transition:var(--transition-nav-selection)}.profile-pill:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.profile-pill:hover{color:var(--shell-profile-hover-text);background:var(--shell-profile-hover-bg);border-color:var(--shell-profile-hover-border)}.profile-pill.active{color:var(--shell-nav-link-active-solid-text);background:var(--shell-nav-link-active-solid-bg);border-color:var(--shell-nav-link-active-solid-border)}.theme-toggle{min-width:0;width:2.5rem;padding-inline:0}.theme-toggle .ui-button__content{white-space:nowrap;gap:0}.theme-toggle .ui-button__content>span:empty{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);padding:var(--space-2) var(--space-3) calc(var(--shell-safe-area-bottom) + var(--space-2));background:var(--shell-topbar-bg);border-top:1px solid var(--shell-nav-border);box-shadow:var(--shadow-z2)}@supports (backdrop-filter: blur(2px)){.bottom-nav{-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter)}}@media (min-width: 61.3125rem){.bottom-nav{display:none}}.client-topbar .nav-link,.bottom-nav .nav-link{color:var(--shell-nav-link-text)}.client-topbar .nav-link:hover,.bottom-nav .nav-link:hover{color:var(--shell-nav-link-hover-text);background:var(--shell-nav-link-hover-bg);border-color:var(--shell-nav-link-hover-border)}.client-topbar .nav-link.active,.client-topbar .nav-link.active:hover,.bottom-nav .nav-link.active,.bottom-nav .nav-link.active:hover,.drawer .nav-link.active,.drawer .nav-link.active:hover{color:var(--shell-nav-link-active-solid-text);background:var(--shell-nav-link-active-solid-bg);border-color:var(--shell-nav-link-active-solid-border)}.bottom-nav-items{display:grid;grid-template-columns:repeat(var(--bottom-nav-columns, 4),minmax(0,1fr));gap:var(--space-1);width:min(100%,32rem);margin:0 auto}.nav-link--icon-only{min-height:4rem;padding:.5rem .35rem;flex-direction:column;gap:.35rem;border-radius:var(--radius-lg)}.bottom-nav__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.bottom-nav__label{max-width:100%;font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-medium);text-align:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drawer-theme-toggle{width:100%;justify-content:flex-start}.form-control-surface{border:0;background-color:var(--input-control-surface);color:var(--text-primary);box-shadow:var(--input-control-shadow);transition:background-color var(--dur-ui) var(--ease-standard),box-shadow var(--dur-ui) var(--ease-standard),color var(--dur-ui) var(--ease-standard),transform var(--dur-ui) var(--ease-standard)}.form-control-surface:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.form-control-surface:hover:not(:disabled):not(.is-disabled):not(.is-skeleton):not(.is-selected):not(.is-checked):not(.is-on):not(.form-control-surface--static){background-color:var(--input-control-surface-hover)}.form-control-surface:disabled,.form-control-surface.is-disabled{color:var(--text-disabled);background-color:var(--control-disabled-surface);box-shadow:none;cursor:not-allowed}.nav-link{min-height:2.75rem;border-radius:var(--radius-pill);border:none;background:transparent;padding:.65rem 1rem;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:var(--fs-body-sm);font-weight:var(--fw-medium);line-height:1.1;transition:var(--transition-nav-selection)}.nav-link:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.nav-link svg{flex-shrink:0}.nav-link:hover{color:var(--text-primary);background:var(--state-hover);border-color:var(--surface-stroke)}.nav-link.active{color:var(--domain-accent);background:var(--state-selected-surface);border-color:var(--state-selected-border)}.nav-link.active:hover{color:var(--domain-accent);background:var(--state-active);border-color:var(--control-border-hover)}.sidebar-nav{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.page-calendar-view{display:grid;gap:var(--space-5)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--app-background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,html *{-webkit-tap-highlight-color:transparent}:where(a[href],button,[role=button],summary,[tabindex]:not([tabindex="-1"]):not(input):not(textarea):not(select):not([contenteditable=true]):not([contenteditable=""])):focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:var(--fw-semibold)}h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}p{margin:0;color:var(--text-secondary);line-height:var(--lh-body)}main{min-width:0}.form-stack{display:grid;gap:var(--space-3)}.inline-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-4)}.space-between{justify-content:space-between}.helper-text{color:var(--text-tertiary);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin-top:var(--space-2)}.no-margin{margin:0}.error-text{color:var(--error);font-weight:var(--fw-medium)}.success-text{color:var(--success);font-weight:var(--fw-medium)}.confirm-dialog{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.confirm-dialog svg{color:var(--warning);flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.interactive-name{color:inherit;cursor:pointer;transition:color var(--dur-ui) var(--ease-standard)}.interactive-name:hover{color:var(--domain-accent)}@keyframes reveal-in{0%{opacity:0}to{opacity:1}}.reveal-in{animation:reveal-in .52s var(--ease-standard) both;will-change:opacity}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
