:root{--color-primary-50:240, 253, 250;--color-primary-100:204, 251, 241;--color-primary-200:153, 246, 228;--color-primary-300:94, 234, 212;--color-primary-400:45, 212, 191;--color-primary-500:20, 184, 166;--color-primary-600:13, 148, 136;--color-primary-700:15, 118, 110;--color-primary-800:17, 94,89;--color-primary-900:19, 78,74;--color-gray-50:249, 250, 251;--color-gray-100:243, 244, 246;--color-gray-200:229, 231, 235;--color-gray-300:209, 213, 219;--color-gray-400:156, 163, 175;--color-gray-500:107, 114, 128;--color-gray-600:75, 85, 99;--color-gray-700:55, 65, 81;--color-gray-800:31, 41, 55;--color-gray-900:17, 24, 39;--color-success-500:22, 163, 74;--color-success-100:220, 252, 231;--color-danger-500:220, 38, 38;--color-danger-100:254, 226, 226;--color-warning-500:234, 179, 8;--color-warning-100:254, 249, 195;--color-info-500:59, 130, 246;--color-info-100:219, 234, 254;--color-white:255, 255, 255;--color-black:0, 0, 0;--color-text-primary:rgb(var(--color-gray-900));--color-text-secondary:rgb(var(--color-gray-500));--color-text-muted:rgb(var(--color-gray-400));--color-text-inverse:rgb(var(--color-white));--color-text-link:rgb(var(--color-primary-600));--color-text-danger:rgb(var(--color-danger-500));--color-text-success:rgb(var(--color-success-500));--color-text-warning:rgb(var(--color-warning-500));--color-bg-page:rgb(var(--color-gray-50));--color-bg-surface:rgb(var(--color-white));--color-bg-raised:rgb(var(--color-white));--color-bg-overlay:rgba(17, 24, 39, 0.6);--color-bg-muted:rgb(var(--color-gray-100));--color-bg-subtle:rgb(var(--color-gray-50));--color-bg-inverse:rgb(var(--color-gray-900));--color-brand:rgb(var(--color-primary-600));--color-brand-hover:rgb(var(--color-primary-700));--color-brand-subtle:rgb(var(--color-primary-50));--color-brand-muted:rgb(var(--color-primary-100));--color-success:rgb(var(--color-success-500));--color-success-bg:rgb(var(--color-success-100));--color-danger:rgb(var(--color-danger-500));--color-danger-bg:rgb(var(--color-danger-100));--color-warning:rgb(var(--color-warning-500));--color-warning-bg:rgb(var(--color-warning-100));--color-info:rgb(var(--color-info-500));--color-info-bg:rgb(var(--color-info-100));--color-focus-ring:rgb(var(--color-primary-600));--space-0:0rem;--space-px:0.0625rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-base:var(--font-md);--font-heading:var(--font-lg);--font-code:var(--font-sm);--font-family-base:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-heading:'Inter', 'Helvetica Neue', Arial, sans-serif;--font-family-mono:'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-base:var(--line-height-normal);--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--radius-none:0px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.10), 0 4px 8px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 40px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.06);--shadow-surface:var(--shadow-sm);--shadow-raised:var(--shadow-md);--shadow-floating:var(--shadow-lg);--shadow-overlay:var(--shadow-xl);--shadow-interactive:0 4px 14px rgba(13, 148, 136, 0.30);--shadow-danger:0 4px 14px rgba(220, 38, 38, 0.25);--shadow-focus:0 0 0 3px rgba(13, 148, 136, 0.20);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--z-max:9999;--break-sm:640px;--break-md:768px;--break-lg:1024px;--break-xl:1280px;--break-2xl:1536px;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-default:ease;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-normal:all var(--duration-normal) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-out);--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-color-subtle:rgb(var(--color-gray-100));--border-color-default:rgb(var(--color-gray-200));--border-color-strong:rgb(var(--color-gray-300));--border-color-input:rgb(var(--color-gray-300));--border-color-input-focus:rgb(var(--color-primary-500));--border-color-card:rgb(var(--color-gray-200));--border-color-divider:rgb(var(--color-gray-100));--border-color-danger:rgb(var(--color-danger-500));--border-color-success:rgb(var(--color-success-500));--opacity-disabled:0.50;--opacity-muted:0.60;--opacity-subtle:0.75;--width-content-xs:480px;--width-content-sm:640px;--width-content-md:768px;--width-content-lg:1024px;--width-content-xl:1200px;--width-content-2xl:1440px;--grid-item-min-sm:180px;--grid-item-min:280px;--grid-item-min-lg:360px;--color-danger-hover:rgb(185 28 28);--color-success-hover:rgb(21 128 61);--color-info-hover:rgb(37 99 235);--focus-ring-width:2px;--focus-ring-offset:3px;--focus-ring-color:var(--color-focus-ring);--btn-spinner-size-xs:0.75rem;--btn-spinner-size-sm:0.875rem;--btn-spinner-size:1rem;--btn-spinner-size-lg:1.125rem;--btn-spinner-size-xl:1.25rem;--btn-letter-spacing-xs:var(--letter-spacing-wider);--btn-letter-spacing-sm:var(--letter-spacing-wide);--btn-letter-spacing:var(--letter-spacing-wide);--btn-letter-spacing-lg:var(--letter-spacing-wide);--btn-letter-spacing-xl:var(--letter-spacing-normal);}[data-theme="dark"]{--color-text-primary:rgb(var(--color-gray-50));--color-text-secondary:rgb(var(--color-gray-400));--color-text-muted:rgb(var(--color-gray-500));--color-text-inverse:rgb(var(--color-gray-900));--color-text-link:rgb(var(--color-primary-400));--color-bg-page:rgb(var(--color-gray-900));--color-bg-surface:rgb(var(--color-gray-800));--color-bg-raised:rgb(var(--color-gray-700));--color-bg-muted:rgb(var(--color-gray-800));--color-bg-subtle:rgb(var(--color-gray-800));--color-bg-inverse:rgb(var(--color-gray-50));--border-color-subtle:rgb(var(--color-gray-700));--border-color-default:rgb(var(--color-gray-600));--border-color-strong:rgb(var(--color-gray-500));--border-color-input:rgb(var(--color-gray-600));--border-color-card:rgb(var(--color-gray-700));--border-color-divider:rgb(var(--color-gray-700));--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.16);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.20), 0 1px 2px rgba(0, 0, 0, 0.16);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.28), 0 2px 4px rgba(0, 0, 0, 0.20);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.36), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-xl:0 20px 40px rgba(0, 0, 0, 0.48), 0 8px 16px rgba(0, 0, 0, 0.32);--shadow-surface:0 1px 3px rgba(0, 0, 0, 0.20), 0 1px 2px rgba(0, 0, 0, 0.16);--shadow-raised:0 4px 12px rgba(0, 0, 0, 0.28), 0 2px 4px rgba(0, 0, 0, 0.20);--shadow-floating:0 10px 25px rgba(0, 0, 0, 0.36), 0 4px 8px rgba(0, 0, 0, 0.24);--shadow-overlay:0 20px 40px rgba(0, 0, 0, 0.48), 0 8px 16px rgba(0, 0, 0, 0.32);--shadow-interactive:0 4px 14px rgba(20, 184, 166, 0.20);--shadow-danger:0 4px 14px rgba(220, 38, 38, 0.20);--shadow-focus:0 0 0 3px rgba(20, 184, 166, 0.30);--color-brand:rgb(var(--color-primary-400));--color-brand-hover:rgb(var(--color-primary-300));--color-brand-subtle:rgb(var(--color-primary-900));--color-brand-muted:rgb(var(--color-primary-800));--color-success-bg:rgba(22, 163, 74, 0.15);--color-danger-bg:rgba(220, 38, 38, 0.15);--color-warning-bg:rgba(234, 179, 8, 0.15);--color-info-bg:rgba(59, 130, 246, 0.15);--color-text-danger:rgb(var(--color-danger-500));--color-text-success:rgb(var(--color-success-500));--color-text-warning:rgb(var(--color-warning-500));--color-focus-ring:rgb(var(--color-primary-400));--border-color-input-focus:rgb(var(--color-primary-400));--color-bg-overlay:rgba(0, 0, 0, 0.75);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}ul[role='list'],ol[role='list']{list-style:none;}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:100%;hanging-punctuation:first last;}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}body{font-family:var(--font-family-base);font-size:var(--font-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-page);}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);overflow-wrap:break-word;}h1{font-size:var(--font-5xl);}h2{font-size:var(--font-4xl);}h3{font-size:var(--font-3xl);}h4{font-size:var(--font-2xl);}h5{font-size:var(--font-xl);}h6{font-size:var(--font-lg);}p{font-size:var(--font-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);overflow-wrap:break-word;}small{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);}strong,b{font-weight:var(--font-weight-semibold);}em,i{font-style:italic;}sub,sup{font-size:var(--font-xs);line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}hr{border:none;border-top:var(--border-width-thin) solid var(--border-color-divider);margin-top:var(--space-6);margin-bottom:var(--space-6);}blockquote{border-left:var(--border-width-thick) solid var(--border-color-default);padding-left:var(--space-4);margin-left:0;margin-right:0;color:var(--color-text-secondary);font-style:italic;}code,kbd,samp,pre{font-family:var(--font-family-mono);font-size:var(--font-code);}code{background-color:var(--color-bg-muted);color:var(--color-text-primary);padding:0.125em var(--space-1);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color-subtle);}kbd{background-color:var(--color-bg-muted);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--border-color-strong);border-radius:var(--radius-sm);padding:0.1em var(--space-2);font-size:var(--font-xs);box-shadow:var(--shadow-xs);}pre{background-color:var(--color-bg-inverse);color:var(--color-text-inverse);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;line-height:var(--line-height-relaxed);}pre code{background:none;border:none;padding:0;font-size:inherit;color:inherit;border-radius:0;}a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:var(--transition-fast);}a:hover{color:var(--color-brand-hover);text-decoration-thickness:2px;}a:visited{color:var(--color-text-link);}a:where([class]){text-decoration:none;}ul,ol{padding-left:var(--space-6);}ul{list-style-type:disc;}ol{list-style-type:decimal;}li{line-height:var(--line-height-relaxed);color:var(--color-text-primary);}li + li{margin-top:var(--space-1);}dt{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}dd{margin-left:var(--space-4);color:var(--color-text-secondary);}img,picture,video,canvas,svg{display:block;max-width:100%;}img,video{height:auto;}svg{overflow:hidden;}input,button,textarea,select,optgroup{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}button{background:none;border:none;cursor:pointer;padding:0;}textarea{resize:vertical;}input[type='search']::-webkit-search-decoration{-webkit-appearance:none;}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;}input[type='number']{-moz-appearance:textfield;}fieldset{border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-md);padding:var(--space-4);}legend{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:0 var(--space-2);}table{border-collapse:collapse;border-spacing:0;width:100%;font-size:var(--font-sm);}th{font-weight:var(--font-weight-semibold);text-align:left;color:var(--color-text-secondary);}th,td{padding:var(--space-3) var(--space-4);vertical-align:middle;border-bottom:var(--border-width-thin) solid var(--border-color-divider);}:focus-visible{outline:var(--border-width-medium) solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm);}:focus:not(:focus-visible){outline:none;}::selection{background-color:var(--color-brand-muted);color:var(--color-text-primary);}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-max);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);text-decoration:none;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--duration-normal) var(--ease-out);}.skip-link:focus{transform:translateY(0);}button,[role='button'],input[type='checkbox'],input[type='radio'],label{min-height:44px;min-width:44px;}input[type='checkbox'],input[type='radio']{min-height:unset;min-width:unset;}[disabled],[aria-disabled='true']{cursor:not-allowed;opacity:var(--opacity-disabled);}button:not([disabled]),[role='button']:not([aria-disabled='true']),label,select,summary{cursor:pointer;}*{scrollbar-width:thin;scrollbar-color:rgb(var(--color-gray-300)) transparent;}*::-webkit-scrollbar{width:6px;height:6px;}*::-webkit-scrollbar-track{background:transparent;}*::-webkit-scrollbar-thumb{background-color:rgb(var(--color-gray-300));border-radius:var(--radius-full);}*::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-gray-400));}.container{width:100%;max-width:var(--width-content-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);}.container--xs{max-width:var(--width-content-xs);}.container--sm{max-width:var(--width-content-sm);}.container--md{max-width:var(--width-content-md);}.container--lg{max-width:var(--width-content-lg);}.container--xl{max-width:var(--width-content-xl);}.container--2xl{max-width:var(--width-content-2xl);}.container--full{max-width:100%;}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6);}}@media (min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8);}}@media (min-width:1440px){.container{padding-left:var(--space-10);padding-right:var(--space-10);}}.section{width:100%;padding-top:var(--space-12);padding-bottom:var(--space-12);}.section--sm{padding-top:var(--space-8);padding-bottom:var(--space-8);}.section--lg{padding-top:var(--space-20);padding-bottom:var(--space-20);}.section--flush{padding-top:0;padding-bottom:0;}.section--bg-page{background-color:var(--color-bg-page);}.section--bg-surface{background-color:var(--color-bg-surface);}.section--bg-muted{background-color:var(--color-bg-muted);}.section--bg-subtle{background-color:var(--color-bg-subtle);}.section--bg-inverse{background-color:var(--color-bg-inverse);}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);}.row--gap-sm{margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);}.row--gap-lg{margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);}.row--no-wrap{flex-wrap:nowrap;}.row--align-center{align-items:center;}.row--align-start{align-items:flex-start;}.row--align-end{align-items:flex-end;}.row--align-stretch{align-items:stretch;}.row--justify-center{justify-content:center;}.row--justify-end{justify-content:flex-end;}.row--justify-between{justify-content:space-between;}.row--justify-around{justify-content:space-around;}.column{flex:1 1 0%;padding-left:var(--space-4);padding-right:var(--space-4);min-width:0;}.row--gap-sm > .column{padding-left:var(--space-2);padding-right:var(--space-2);}.row--gap-lg > .column{padding-left:var(--space-6);padding-right:var(--space-6);}.col-1{flex:0 0 8.333%;max-width:8.333%;}.col-2{flex:0 0 16.666%;max-width:16.666%;}.col-3{flex:0 0 25%;max-width:25%;}.col-4{flex:0 0 33.333%;max-width:33.333%;}.col-5{flex:0 0 41.666%;max-width:41.666%;}.col-6{flex:0 0 50%;max-width:50%;}.col-7{flex:0 0 58.333%;max-width:58.333%;}.col-8{flex:0 0 66.666%;max-width:66.666%;}.col-9{flex:0 0 75%;max-width:75%;}.col-10{flex:0 0 83.333%;max-width:83.333%;}.col-11{flex:0 0 91.666%;max-width:91.666%;}.col-12{flex:0 0 100%;max-width:100%;}.col-auto{flex:0 0 auto;max-width:none;width:auto;}.stack{display:flex;flex-direction:column;gap:var(--space-4);}.stack--gap-1{gap:var(--space-1);}.stack--gap-2{gap:var(--space-2);}.stack--gap-3{gap:var(--space-3);}.stack--gap-4{gap:var(--space-4);}.stack--gap-6{gap:var(--space-6);}.stack--gap-8{gap:var(--space-8);}.stack--gap-12{gap:var(--space-12);}.stack--gap-16{gap:var(--space-16);}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;}.cluster--gap-1{gap:var(--space-1);}.cluster--gap-2{gap:var(--space-2);}.cluster--gap-4{gap:var(--space-4);}.cluster--gap-6{gap:var(--space-6);}.cluster--align-start{align-items:flex-start;}.cluster--align-end{align-items:flex-end;}.cluster--align-stretch{align-items:stretch;}.cluster--justify-end{justify-content:flex-end;}.cluster--justify-between{justify-content:space-between;}.cluster--justify-center{justify-content:center;}.cluster--no-wrap{flex-wrap:nowrap;}.grid{display:grid;gap:var(--space-6);}.grid--cols-1{grid-template-columns:repeat(1, 1fr);}.grid--cols-2{grid-template-columns:repeat(2, 1fr);}.grid--cols-3{grid-template-columns:repeat(3, 1fr);}.grid--cols-4{grid-template-columns:repeat(4, 1fr);}.grid--cols-6{grid-template-columns:repeat(6, 1fr);}.grid--gap-2{gap:var(--space-2);}.grid--gap-4{gap:var(--space-4);}.grid--gap-6{gap:var(--space-6);}.grid--gap-8{gap:var(--space-8);}.grid--gap-12{gap:var(--space-12);}.grid--align-start{align-items:start;}.grid--align-center{align-items:center;}.grid--align-end{align-items:end;}.grid--align-stretch{align-items:stretch;}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-item-min), 100%), 1fr));gap:var(--space-6);}.auto-grid--sm{--grid-item-min:var(--grid-item-min-sm);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-item-min), 100%), 1fr));}.auto-grid--md{--grid-item-min:var(--grid-item-min);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-item-min), 100%), 1fr));}.auto-grid--lg{--grid-item-min:var(--grid-item-min-lg);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-item-min), 100%), 1fr));}.auto-grid--gap-2{gap:var(--space-2);}.auto-grid--gap-4{gap:var(--space-4);}.auto-grid--gap-8{gap:var(--space-8);}.sidebar-layout{display:flex;flex-direction:column;gap:var(--space-6);}.sidebar-layout__aside{width:100%;flex-shrink:0;}.sidebar-layout__main{flex:1 1 0%;min-width:0;}@media (min-width:768px){.sidebar-layout{flex-direction:row;align-items:flex-start;}.sidebar-layout__aside{width:260px;}}@media (min-width:1024px){.sidebar-layout__aside{width:280px;}}.sidebar-layout--reverse{flex-direction:column;}@media (min-width:768px){.sidebar-layout--reverse{flex-direction:row-reverse;}}.sidebar-layout--narrow .sidebar-layout__aside{width:200px;}.sidebar-layout--wide .sidebar-layout__aside{width:320px;}.dashboard-layout{display:flex;min-height:100vh;overflow:hidden;}.dashboard-layout__nav{flex-shrink:0;width:280px;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform var(--duration-slow) var(--ease-in-out),visibility var(--duration-slow) var(--ease-in-out);}.dashboard-layout__nav--open{transform:translateX(0);visibility:visible;}.dashboard-layout__body{flex:1 1 0%;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;}.dashboard-layout__header{flex-shrink:0;position:sticky;top:0;z-index:var(--z-sticky);width:100%;}.dashboard-layout__content{flex:1 1 0%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-4);}@media (min-width:1024px){.dashboard-layout__nav{position:relative;width:260px;top:auto;left:auto;bottom:auto;z-index:var(--z-base);transform:none;visibility:visible;transition:none;}.dashboard-layout__content{padding:var(--space-8) var(--space-8);}}@media (min-width:1280px){.dashboard-layout__nav{width:280px;}}@media (min-width:640px){.col-sm-1{flex:0 0 8.333%;max-width:8.333%;}.col-sm-2{flex:0 0 16.666%;max-width:16.666%;}.col-sm-3{flex:0 0 25%;max-width:25%;}.col-sm-4{flex:0 0 33.333%;max-width:33.333%;}.col-sm-5{flex:0 0 41.666%;max-width:41.666%;}.col-sm-6{flex:0 0 50%;max-width:50%;}.col-sm-7{flex:0 0 58.333%;max-width:58.333%;}.col-sm-8{flex:0 0 66.666%;max-width:66.666%;}.col-sm-9{flex:0 0 75%;max-width:75%;}.col-sm-10{flex:0 0 83.333%;max-width:83.333%;}.col-sm-11{flex:0 0 91.666%;max-width:91.666%;}.col-sm-12{flex:0 0 100%;max-width:100%;}.col-sm-auto{flex:0 0 auto;max-width:none;width:auto;}.grid--sm-cols-1{grid-template-columns:repeat(1, 1fr);}.grid--sm-cols-2{grid-template-columns:repeat(2, 1fr);}.grid--sm-cols-3{grid-template-columns:repeat(3, 1fr);}}@media (min-width:768px){.col-md-1{flex:0 0 8.333%;max-width:8.333%;}.col-md-2{flex:0 0 16.666%;max-width:16.666%;}.col-md-3{flex:0 0 25%;max-width:25%;}.col-md-4{flex:0 0 33.333%;max-width:33.333%;}.col-md-5{flex:0 0 41.666%;max-width:41.666%;}.col-md-6{flex:0 0 50%;max-width:50%;}.col-md-7{flex:0 0 58.333%;max-width:58.333%;}.col-md-8{flex:0 0 66.666%;max-width:66.666%;}.col-md-9{flex:0 0 75%;max-width:75%;}.col-md-10{flex:0 0 83.333%;max-width:83.333%;}.col-md-11{flex:0 0 91.666%;max-width:91.666%;}.col-md-12{flex:0 0 100%;max-width:100%;}.col-md-auto{flex:0 0 auto;max-width:none;width:auto;}.grid--md-cols-1{grid-template-columns:repeat(1, 1fr);}.grid--md-cols-2{grid-template-columns:repeat(2, 1fr);}.grid--md-cols-3{grid-template-columns:repeat(3, 1fr);}.grid--md-cols-4{grid-template-columns:repeat(4, 1fr);}.grid--md-cols-5{grid-template-columns:repeat(5, 1fr);}}@media (min-width:1024px){.col-lg-1{flex:0 0 8.333%;max-width:8.333%;}.col-lg-2{flex:0 0 16.666%;max-width:16.666%;}.col-lg-3{flex:0 0 25%;max-width:25%;}.col-lg-4{flex:0 0 33.333%;max-width:33.333%;}.col-lg-5{flex:0 0 41.666%;max-width:41.666%;}.col-lg-6{flex:0 0 50%;max-width:50%;}.col-lg-7{flex:0 0 58.333%;max-width:58.333%;}.col-lg-8{flex:0 0 66.666%;max-width:66.666%;}.col-lg-9{flex:0 0 75%;max-width:75%;}.col-lg-10{flex:0 0 83.333%;max-width:83.333%;}.col-lg-11{flex:0 0 91.666%;max-width:91.666%;}.col-lg-12{flex:0 0 100%;max-width:100%;}.col-lg-auto{flex:0 0 auto;max-width:none;width:auto;}.grid--lg-cols-1{grid-template-columns:repeat(1, 1fr);}.grid--lg-cols-2{grid-template-columns:repeat(2, 1fr);}.grid--lg-cols-3{grid-template-columns:repeat(3, 1fr);}.grid--lg-cols-4{grid-template-columns:repeat(4, 1fr);}.grid--lg-cols-5{grid-template-columns:repeat(5, 1fr);}.grid--lg-cols-6{grid-template-columns:repeat(6, 1fr);}}@media (min-width:1280px){.col-xl-1{flex:0 0 8.333%;max-width:8.333%;}.col-xl-2{flex:0 0 16.666%;max-width:16.666%;}.col-xl-3{flex:0 0 25%;max-width:25%;}.col-xl-4{flex:0 0 33.333%;max-width:33.333%;}.col-xl-5{flex:0 0 41.666%;max-width:41.666%;}.col-xl-6{flex:0 0 50%;max-width:50%;}.col-xl-7{flex:0 0 58.333%;max-width:58.333%;}.col-xl-8{flex:0 0 66.666%;max-width:66.666%;}.col-xl-9{flex:0 0 75%;max-width:75%;}.col-xl-10{flex:0 0 83.333%;max-width:83.333%;}.col-xl-11{flex:0 0 91.666%;max-width:91.666%;}.col-xl-12{flex:0 0 100%;max-width:100%;}.col-xl-auto{flex:0 0 auto;max-width:none;width:auto;}.grid--xl-cols-2{grid-template-columns:repeat(2, 1fr);}.grid--xl-cols-3{grid-template-columns:repeat(3, 1fr);}.grid--xl-cols-4{grid-template-columns:repeat(4, 1fr);}.grid--xl-cols-5{grid-template-columns:repeat(5, 1fr);}.grid--xl-cols-6{grid-template-columns:repeat(6, 1fr);}}.u-block{display:block !important;}.u-inline{display:inline !important;}.u-inline-block{display:inline-block !important;}.u-flex{display:flex !important;}.u-inline-flex{display:inline-flex !important;}.u-grid{display:grid !important;}.u-hidden{display:none !important;}@media (max-width:639px){.u-hidden-xs{display:none !important;}}@media (max-width:767px){.u-hidden-sm{display:none !important;}}@media (max-width:1023px){.u-hidden-md{display:none !important;}}@media (max-width:1279px){.u-hidden-lg{display:none !important;}}@media (min-width:640px){.u-show-sm{display:block !important;}}@media (min-width:768px){.u-show-md{display:block !important;}}@media (min-width:1024px){.u-show-lg{display:block !important;}}@media (min-width:1280px){.u-show-xl{display:block !important;}}@media print{.u-print-hidden{display:none !important;}.u-print-only{display:block !important;}}.u-print-only{display:none !important;}.u-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-width:0 !important;}.u-visually-shown{position:static !important;width:auto !important;height:auto !important;padding:revert !important;margin:revert !important;overflow:visible !important;clip:auto !important;white-space:normal !important;}.u-invisible{visibility:hidden !important;}.u-visible{visibility:visible !important;}.u-overflow-hidden{overflow:hidden !important;}.u-overflow-auto{overflow:auto !important;}.u-overflow-scroll{overflow:scroll !important;}.u-overflow-visible{overflow:visible !important;}.u-scroll-x{overflow-x:auto !important;}.u-scroll-y{overflow-y:auto !important;}.u-no-scroll{overflow:hidden !important;}.u-overscroll-contain{overscroll-behavior:contain !important;}.u-text-left{text-align:left !important;}.u-text-center{text-align:center !important;}.u-text-right{text-align:right !important;}.u-text-justify{text-align:justify !important;}@media (min-width:768px){.u-md-text-left{text-align:left !important;}.u-md-text-center{text-align:center !important;}.u-md-text-right{text-align:right !important;}}@media (min-width:1024px){.u-lg-text-left{text-align:left !important;}.u-lg-text-center{text-align:center !important;}.u-lg-text-right{text-align:right !important;}}@media (min-width:1280px){.u-xl-text-left{text-align:left !important;}.u-xl-text-center{text-align:center !important;}.u-xl-text-right{text-align:right !important;}}.u-uppercase{text-transform:uppercase !important;}.u-lowercase{text-transform:lowercase !important;}.u-capitalize{text-transform:capitalize !important;}.u-normal-case{text-transform:none !important;}.u-underline{text-decoration:underline !important;}.u-no-underline{text-decoration:none !important;}.u-line-through{text-decoration:line-through !important;}.u-italic{font-style:italic !important;}.u-not-italic{font-style:normal !important;}.u-no-wrap{white-space:nowrap !important;}.u-break-word{overflow-wrap:break-word !important;word-break:break-word !important;}.u-break-all{word-break:break-all !important;}.u-weight-regular{font-weight:var(--font-weight-regular) !important;}.u-weight-medium{font-weight:var(--font-weight-medium) !important;}.u-weight-semibold{font-weight:var(--font-weight-semibold) !important;}.u-weight-bold{font-weight:var(--font-weight-bold) !important;}.u-text-xs{font-size:var(--font-xs) !important;}.u-text-sm{font-size:var(--font-sm) !important;}.u-text-md{font-size:var(--font-md) !important;}.u-text-lg{font-size:var(--font-lg) !important;}.u-text-xl{font-size:var(--font-xl) !important;}.u-text-2xl{font-size:var(--font-2xl) !important;}.u-text-3xl{font-size:var(--font-3xl) !important;}.u-color-primary{color:var(--color-text-primary) !important;}.u-color-secondary{color:var(--color-text-secondary) !important;}.u-color-muted{color:var(--color-text-muted) !important;}.u-color-inverse{color:var(--color-text-inverse) !important;}.u-color-link{color:var(--color-text-link) !important;}.u-color-success{color:var(--color-text-success) !important;}.u-color-danger{color:var(--color-text-danger) !important;}.u-color-warning{color:var(--color-text-warning) !important;}.u-cursor-pointer{cursor:pointer !important;}.u-cursor-default{cursor:default !important;}.u-cursor-not-allowed{cursor:not-allowed !important;}.u-cursor-grab{cursor:grab !important;}.u-cursor-grabbing{cursor:grabbing !important;}.u-cursor-text{cursor:text !important;}.u-cursor-wait{cursor:wait !important;}.u-pointer-none{pointer-events:none !important;}.u-pointer-auto{pointer-events:auto !important;}.u-select-none{user-select:none !important;-webkit-user-select:none !important;}.u-select-all{user-select:all !important;-webkit-user-select:all !important;}.u-select-auto{user-select:auto !important;-webkit-user-select:auto !important;}.u-rounded-none{border-radius:var(--radius-none) !important;}.u-rounded-sm{border-radius:var(--radius-sm) !important;}.u-rounded-md{border-radius:var(--radius-md) !important;}.u-rounded-lg{border-radius:var(--radius-lg) !important;}.u-rounded-xl{border-radius:var(--radius-xl) !important;}.u-rounded-full{border-radius:var(--radius-full) !important;}.u-full-width{width:100% !important;}.u-full-height{height:100% !important;}.u-full-screen{min-height:100vh !important;}.u-auto-width{width:auto !important;}.u-auto-height{height:auto !important;}.u-max-full{max-width:100% !important;}.u-square-4{width:var(--space-4) !important;height:var(--space-4) !important;flex-shrink:0;}.u-square-6{width:var(--space-6) !important;height:var(--space-6) !important;flex-shrink:0;}.u-square-8{width:var(--space-8) !important;height:var(--space-8) !important;flex-shrink:0;}.u-square-10{width:var(--space-10) !important;height:var(--space-10) !important;flex-shrink:0;}.u-square-12{width:var(--space-12) !important;height:var(--space-12) !important;flex-shrink:0;}.u-square-16{width:var(--space-16) !important;height:var(--space-16) !important;flex-shrink:0;}.u-square-20{width:var(--space-20) !important;height:var(--space-20) !important;flex-shrink:0;}.u-relative{position:relative !important;}.u-absolute{position:absolute !important;}.u-fixed{position:fixed !important;}.u-sticky{position:sticky !important;top:0;}.u-static{position:static !important;}.u-center-absolute{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;}.u-center-flex{display:flex !important;align-items:center !important;justify-content:center !important;}.u-fill{position:absolute !important;inset:0 !important;}.u-z-below{z-index:var(--z-below) !important;}.u-z-base{z-index:var(--z-base) !important;}.u-z-raised{z-index:var(--z-raised) !important;}.u-z-dropdown{z-index:var(--z-dropdown) !important;}.u-z-sticky{z-index:var(--z-sticky) !important;}.u-z-overlay{z-index:var(--z-overlay) !important;}.u-z-modal{z-index:var(--z-modal) !important;}.u-z-toast{z-index:var(--z-toast) !important;}.u-z-tooltip{z-index:var(--z-tooltip) !important;}.u-opacity-0{opacity:0 !important;}.u-opacity-disabled{opacity:var(--opacity-disabled) !important;}.u-opacity-muted{opacity:var(--opacity-muted) !important;}.u-opacity-subtle{opacity:var(--opacity-subtle) !important;}.u-opacity-full{opacity:1 !important;}.u-transition-none{transition:none !important;}.u-transition-fast{transition:var(--transition-fast) !important;}.u-transition-normal{transition:var(--transition-normal) !important;}.u-transition-slow{transition:var(--transition-slow) !important;}.u-transition-colors{transition:color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out) !important;}.u-transition-opacity{transition:opacity var(--duration-normal) var(--ease-out) !important;}.u-transition-transform{transition:transform var(--duration-normal) var(--ease-out) !important;}.u-transition-shadow{transition:box-shadow var(--duration-normal) var(--ease-out) !important;}.u-transition-width{transition:width var(--duration-normal) var(--ease-out) !important;}.u-transition-height{transition:height var(--duration-normal) var(--ease-out) !important;}.u-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.u-line-clamp{display:-webkit-box !important;-webkit-line-clamp:var(--line-clamp, 2) !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-1{--line-clamp:1;display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-2{--line-clamp:2;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-3{--line-clamp:3;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-4{--line-clamp:4;display:-webkit-box !important;-webkit-line-clamp:4 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-5{--line-clamp:5;display:-webkit-box !important;-webkit-line-clamp:5 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.u-line-clamp-6{--line-clamp:6;display:-webkit-box !important;-webkit-line-clamp:6 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}:root{--nav-width:260px;--nav-width-lg:280px;--nav-width-collapsed:64px;--nav-bg:var(--color-bg-surface);--nav-border:var(--border-color-default);--nav-item-height:var(--space-10);--nav-item-radius:var(--radius-md);--nav-item-padding-x:var(--space-3);--nav-item-gap:var(--space-3);--nav-icon-size:var(--space-5);--nav-item-color:var(--color-text-secondary);--nav-item-bg-hover:var(--color-bg-muted);--nav-item-color-hover:var(--color-text-primary);--nav-item-bg-active:var(--color-brand-subtle);--nav-item-color-active:var(--color-brand);--nav-item-accent:var(--color-brand);--nav-sub-indent:calc(var(--nav-icon-size) + var(--nav-item-gap) + var(--nav-item-padding-x));--nav-sub-item-height:var(--space-9);--nav-section-color:var(--color-text-muted);--nav-brand-height:var(--space-16);--topbar-height:var(--space-16);--topbar-bg:var(--color-bg-surface);--topbar-border:var(--border-color-default);--topbar-search-width:280px;--topbar-search-width-focused:400px;--mobile-nav-height:var(--space-16);--mobile-nav-bg:var(--color-bg-surface);--mobile-nav-border:var(--border-color-default);--page-header-padding:var(--space-6) 0 var(--space-5);}.nav{display:flex;flex-direction:column;height:100%;width:var(--nav-width);background-color:var(--nav-bg);border-right:var(--border-width-thin) solid var(--nav-border);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:width var(--duration-slow) var(--ease-in-out);}.nav--collapsed{width:var(--nav-width-collapsed);}.nav__brand{display:flex;align-items:center;gap:var(--space-3);height:var(--nav-brand-height);padding:0 var(--nav-item-padding-x);border-bottom:var(--border-width-thin) solid var(--nav-border);flex-shrink:0;text-decoration:none;color:var(--color-text-primary);overflow:hidden;transition:gap var(--duration-slow) var(--ease-in-out);}.nav__brand:hover{color:var(--color-text-primary);}.nav__brand:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.nav__brand-logo{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background-color:var(--color-brand);color:var(--color-text-inverse);flex-shrink:0;font-size:var(--font-lg);font-weight:var(--font-weight-bold);line-height:1;}.nav__brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);}.nav__brand-text{display:flex;flex-direction:column;gap:0;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-out),width var(--duration-slow) var(--ease-in-out);}.nav__brand-name{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);}.nav__brand-tagline{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;line-height:var(--line-height-tight);}.nav--collapsed .nav__brand-text{opacity:0;width:0;pointer-events:none;}.nav--collapsed .nav__brand{justify-content:center;padding:0;gap:0;}.nav__body{flex:1;display:flex;flex-direction:column;padding:var(--space-3) var(--space-2);gap:var(--space-1);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;}.nav__section{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);}.nav__section:first-child{margin-top:0;}.nav__section-label{display:block;height:var(--space-6);padding:0 var(--nav-item-padding-x);font-size:calc(var(--font-xs) * 0.9);font-weight:var(--font-weight-semibold);color:var(--nav-section-color);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);white-space:nowrap;overflow:hidden;line-height:var(--space-6);transition:opacity var(--duration-normal) var(--ease-out);}.nav--collapsed .nav__section-label{opacity:0;pointer-events:none;height:var(--space-3);}.nav__item{display:flex;align-items:center;gap:var(--nav-item-gap);height:var(--nav-item-height);padding:0 var(--nav-item-padding-x);border-radius:var(--nav-item-radius);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--nav-item-color);text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;background:none;border:none;width:100%;text-align:left;position:relative;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none;}.nav__item:hover:not(.is-active){background-color:var(--nav-item-bg-hover);color:var(--nav-item-color-hover);}.nav__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.nav__item.is-active{background-color:var(--nav-item-bg-active);color:var(--nav-item-color-active);font-weight:var(--font-weight-semibold);}.nav__item.is-active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--border-width-thick);height:var(--space-5);background-color:var(--nav-item-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;}.nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--nav-icon-size);height:var(--nav-icon-size);color:inherit;transition:color var(--duration-fast) var(--ease-out);}.nav__icon svg{width:100%;height:100%;}.nav__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--duration-normal) var(--ease-out),width var(--duration-slow) var(--ease-in-out);}.nav--collapsed .nav__label{opacity:0;width:0;pointer-events:none;}.nav--collapsed .nav__item{justify-content:center;padding:0;gap:0;}.nav--collapsed .nav__item.is-active::before{left:0;top:auto;bottom:0;transform:none;width:calc(100% - var(--space-2));height:var(--border-width-thick);margin:0 var(--space-1);border-radius:var(--radius-full) var(--radius-full) 0 0;}.nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-bold);line-height:1;background-color:var(--color-brand);color:var(--color-text-inverse);flex-shrink:0;font-variant-numeric:tabular-nums;transition:opacity var(--duration-normal) var(--ease-out);}.nav--collapsed .nav__badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:var(--space-3);height:var(--space-3);padding:0;font-size:0;border-radius:var(--radius-full);}.nav__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);}.nav__chevron svg{width:100%;height:100%;}.nav__item.is-open .nav__chevron{transform:rotate(180deg);}.nav--collapsed .nav__chevron{opacity:0;width:0;pointer-events:none;}.nav__sub{display:flex;flex-direction:column;gap:var(--space-px);padding-left:var(--nav-sub-indent);overflow:hidden;max-height:0;opacity:0;transition:max-height var(--duration-slow) var(--ease-out),opacityvar(--duration-normal) var(--ease-out);}.nav__item.is-open + .nav__sub,.nav__sub.is-open{max-height:400px;opacity:1;}.nav__sub-item{display:flex;align-items:center;gap:var(--space-2);height:var(--nav-sub-item-height);padding:0 var(--space-3);border-radius:var(--nav-item-radius);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--nav-item-color);text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.nav__sub-item:hover{background-color:var(--nav-item-bg-hover);color:var(--nav-item-color-hover);}.nav__sub-item.is-active{color:var(--nav-item-color-active);font-weight:var(--font-weight-medium);}.nav__sub-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.nav--collapsed .nav__sub{max-height:0 !important;opacity:0;}.nav__divider{height:var(--border-width-thin);background-color:var(--nav-border);margin:var(--space-2) var(--space-2);border:none;}.nav__footer{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-top:var(--border-width-thin) solid var(--nav-border);flex-shrink:0;}.nav__user{display:flex;align-items:center;gap:var(--space-3);height:var(--nav-item-height);padding:0 var(--nav-item-padding-x);border-radius:var(--nav-item-radius);cursor:pointer;text-decoration:none;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-out);}.nav__user:hover{background-color:var(--nav-item-bg-hover);}.nav__user:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.nav__user-avatar{position:relative;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background-color:var(--color-brand-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);}.nav__user-avatar img{width:100%;height:100%;object-fit:cover;}.nav__user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-out),width var(--duration-slow) var(--ease-in-out);}.nav__user-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);}.nav__user-role{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);}.nav--collapsed .nav__user-info{opacity:0;width:0;pointer-events:none;}.nav--collapsed .nav__user{justify-content:center;padding:0;gap:0;}.nav__collapse-btn{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color-default);background-color:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;position:absolute;top:var(--nav-brand-height);right:calc(var(--space-3) * -1);transform:translateY(50%);z-index:var(--z-raised);transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out),transformvar(--duration-slow) var(--ease-in-out);box-shadow:var(--shadow-sm);}.nav__collapse-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.nav__collapse-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.nav__collapse-btn svg{width:var(--space-4);height:var(--space-4);transition:transform var(--duration-slow) var(--ease-in-out);}.nav--collapsed .nav__collapse-btn svg{transform:rotate(180deg);}@media (max-width:1023px){.nav__collapse-btn{display:none;}}.topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-5);background-color:var(--topbar-bg);border-bottom:var(--border-width-thin) solid var(--topbar-border);position:sticky;top:0;z-index:var(--z-sticky);}.topbar__left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;min-width:0;}.topbar__center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;}.topbar__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;}.topbar__menu-btn{display:none;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.topbar__menu-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.topbar__menu-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.topbar__menu-btn svg{width:var(--space-5);height:var(--space-5);}@media (max-width:1023px){.topbar__menu-btn{display:inline-flex;}}.topbar__search{position:relative;width:var(--topbar-search-width);transition:width var(--duration-normal) var(--ease-out);}.topbar__search:focus-within{width:var(--topbar-search-width-focused);}.topbar__search-input{display:block;width:100%;height:var(--space-9);padding:0 var(--space-10) 0 var(--space-9);font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--color-text-primary);background-color:var(--color-bg-muted);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-full);outline:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.topbar__search-input::placeholder{color:var(--color-text-muted);}.topbar__search-input:focus{background-color:var(--color-bg-surface);border-color:var(--border-color-input-focus);box-shadow:var(--shadow-focus);}.topbar__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:var(--space-4);height:var(--space-4);color:var(--color-text-muted);pointer-events:none;}.topbar__search-kbd{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-family:var(--font-family-mono);font-size:calc(var(--font-xs) * 0.85);color:var(--color-text-muted);background-color:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);padding:0 var(--space-1);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);}.topbar__search:focus-within .topbar__search-kbd{opacity:0;}@media (max-width:767px){.topbar__center{display:none;}}.topbar__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.topbar__icon-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.topbar__icon-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.topbar__icon-btn svg{width:var(--space-5);height:var(--space-5);}.topbar__icon-btn .topbar__notification-dot{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-danger);border:var(--border-width-medium) solid var(--topbar-bg);}.topbar__avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-brand-muted);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);cursor:pointer;flex-shrink:0;border:var(--border-width-medium) solid transparent;transition:border-color var(--duration-fast) var(--ease-out);}.topbar__avatar:hover{border-color:var(--color-brand-muted);}.topbar__avatar:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.topbar__avatar img{width:100%;height:100%;object-fit:cover;}.topbar__divider{width:var(--border-width-thin);height:var(--space-6);background-color:var(--border-color-default);flex-shrink:0;margin:0 var(--space-1);}.breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;min-width:0;}.breadcrumb__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:nowrap;overflow:hidden;}.breadcrumb__item{display:flex;align-items:center;gap:0;flex-shrink:1;min-width:0;}.breadcrumb__item:not(:first-child):not(:last-child){max-width:120px;}.breadcrumb__link{display:block;padding:var(--space-1) var(--space-1);font-size:var(--font-sm);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);}.breadcrumb__link:hover{color:var(--color-text-primary);}.breadcrumb__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.breadcrumb__item:last-child .breadcrumb__link{color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:default;pointer-events:none;}.breadcrumb__sep{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);font-size:var(--font-xs);}.breadcrumb__sep svg{width:var(--space-3);height:var(--space-3);}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--page-header-padding);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);margin-bottom:var(--space-6);flex-wrap:wrap;}.page-header__meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.page-header__eyebrow{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:var(--line-height-tight);}.page-header__title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0;}.page-header__sub{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0;max-width:60ch;}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;padding-top:var(--space-1);}.page-header--with-tabs{flex-direction:column;border-bottom:none;padding-bottom:0;margin-bottom:0;}.page-header--with-tabs .page-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);width:100%;flex-wrap:wrap;padding-bottom:var(--space-4);}.page-header__tabs{width:100%;}.page-header--compact{padding:var(--space-4) 0 var(--space-3);margin-bottom:var(--space-4);}.page-header--compact .page-header__title{font-size:var(--font-xl);}@media (max-width:639px){.page-header{flex-direction:column;}.page-header__title{font-size:var(--font-2xl);}.page-header__actions{width:100%;padding-top:0;}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:var(--mobile-nav-height);background-color:var(--mobile-nav-bg);border-top:var(--border-width-thin) solid var(--mobile-nav-border);padding-bottom:env(safe-area-inset-bottom);}@media (max-width:1023px){.mobile-nav{display:flex;}}.mobile-nav__list{display:flex;align-items:stretch;width:100%;list-style:none;margin:0;padding:0;}.mobile-nav__item{flex:1;display:flex;}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex:1;padding:var(--space-2) 0;font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);position:relative;cursor:pointer;}.mobile-nav__link:hover{color:var(--color-text-secondary);}.mobile-nav__link.is-active{color:var(--color-brand);}.mobile-nav__link:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--border-width-medium) var(--focus-ring-color);}.mobile-nav__icon{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);position:relative;}.mobile-nav__icon svg{width:var(--space-6);height:var(--space-6);transition:transform var(--duration-fast) var(--ease-spring);}@media (prefers-reduced-motion:no-preference){.mobile-nav__link.is-active .mobile-nav__icon svg{animation:mobile-nav-bounce var(--duration-normal) var(--ease-spring) forwards;}@keyframes mobile-nav-bounce{from{transform:scale(1);}50%{transform:scale(1.15);}to{transform:scale(1);}}}.mobile-nav__link.is-active::before{content:'';position:absolute;top:var(--space-1);left:50%;transform:translateX(-50%);width:var(--space-5);height:var(--border-width-thick);background-color:var(--color-brand);border-radius:0 0 var(--radius-full) var(--radius-full);}.mobile-nav__label{line-height:var(--line-height-tight);font-size:calc(var(--font-xs) * 0.9);}.mobile-nav__badge{position:absolute;top:0;right:0;min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-px);border-radius:var(--radius-full);background-color:var(--color-danger);color:var(--color-text-inverse);font-size:calc(var(--font-xs) * 0.75);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;border:var(--border-width-medium) solid var(--mobile-nav-bg);font-variant-numeric:tabular-nums;}@media (max-width:1023px){.dashboard-layout__content{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-4));}}.nav-overlay{display:none;position:fixed;inset:0;z-index:calc(var(--z-sticky) - 1);background-color:var(--color-bg-overlay);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);}@media (max-width:1023px){.nav-overlay{display:block;}}.nav-overlay.is-visible{opacity:1;pointer-events:auto;}.nav--collapsed .nav__item{position:relative;}.nav--collapsed .nav__item::after{content:attr(data-tooltip);position:absolute;left:calc(100% + var(--space-3));top:50%;transform:translateY(-50%);background-color:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:var(--z-tooltip);}.nav--collapsed .nav__item:hover::after,.nav--collapsed .nav__item:focus-visible::after{opacity:1;}:dir(rtl) .nav,[dir='rtl'] .nav{border-right:none;border-left:var(--border-width-thin) solid var(--nav-border);}:dir(rtl) .nav__item.is-active::before,[dir='rtl'] .nav__item.is-active::before{left:auto;right:0;border-radius:var(--radius-full) 0 0 var(--radius-full);}:dir(rtl) .nav__collapse-btn,[dir='rtl'] .nav__collapse-btn{right:auto;left:calc(var(--space-3) * -1);}:dir(rtl) .nav--collapsed .nav__item::after,[dir='rtl'] .nav--collapsed .nav__item::after{left:auto;right:calc(100% + var(--space-3));}:dir(rtl) .breadcrumb__sep svg,[dir='rtl'] .breadcrumb__sep svg{transform:scaleX(-1);}:dir(rtl) .topbar__search-icon,[dir='rtl'] .topbar__search-icon{left:auto;right:var(--space-3);}:dir(rtl) .topbar__search-kbd,[dir='rtl'] .topbar__search-kbd{right:auto;left:var(--space-3);}:dir(rtl) .topbar__search-input,[dir='rtl'] .topbar__search-input{padding:0 var(--space-9) 0 var(--space-10);}:dir(rtl) .topbar__icon-btn .topbar__notification-dot,[dir='rtl'] .topbar__icon-btn .topbar__notification-dot{right:auto;left:var(--space-2);}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);z-index:calc(var(--z-modal) + 1);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease-out);}.skip-link:focus{transform:none;}.app-shell{display:grid;grid-template-areas:"topnavtopnav""sidebar main""sidebar footer";grid-template-columns:256px 1fr;grid-template-rows:64px 1fr auto;height:100vh;overflow:hidden;background-color:var(--color-bg-page);}.app-shell[data-sidebar-open="false"]{grid-template-columns:72px 1fr;}.top-nav{grid-area:topnav;position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-5);background-color:var(--color-bg-surface);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);}.top-nav__start,.top-nav__end{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;}.top-nav__center{flex:1;display:flex;justify-content:center;}.top-nav__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;}.top-nav__logo-full{display:none;align-items:center;gap:var(--space-3);color:var(--color-text-primary);}.top-nav__logo-full img{height:32px;}.top-nav__logo-text{font-size:var(--font-lg);font-weight:var(--font-weight-bold);white-space:nowrap;}.top-nav__logo-icon{display:flex;}.top-nav__logo-icon img{height:32px;width:32px;object-fit:contain;}.top-nav__logo-fallback-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--font-lg);font-weight:var(--font-weight-bold);line-height:1;}@media (min-width:768px){.top-nav__logo-full{display:flex;}.top-nav__logo-icon{display:none;}}.top-nav__search-btn{display:flex;align-items:center;gap:var(--space-2);height:var(--space-9);padding:0 var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color-default);background-color:var(--color-bg-subtle);color:var(--color-text-muted);font-size:var(--font-sm);cursor:pointer;width:min(480px, 100%);transition:border-color var(--duration-fast) var(--ease-out);}.top-nav__search-btn:hover{border-color:var(--color-brand-muted);}.top-nav__search-placeholder{flex:1;text-align:left;}.top-nav__kbd{font-size:var(--font-xs);font-family:var(--font-family-mono);padding:1px 5px;border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-muted);}.top-nav__icon-btn,.top-nav__avatar-btn,.top-nav__menu-btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);border-radius:var(--radius-md);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.top-nav__icon-btn .badge--dot{position:absolute;top:var(--space-2);right:var(--space-2);transform:translate(40%, -40%);pointer-events:none;}.top-nav__icon-btn:hover,.top-nav__avatar-btn:hover,.top-nav__menu-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.top-nav__icon-btn:focus-visible,.top-nav__avatar-btn:focus-visible,.top-nav__menu-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.top-nav__avatar-btn{padding:0;}.top-nav__menu-btn{display:none;}.app-sidebar{grid-area:sidebar;display:flex;flex-direction:column;background-color:var(--color-bg-surface);border-right:var(--border-width-thin) solid var(--border-color-subtle);transition:width var(--duration-normal) var(--ease-spring);overflow:hidden;overflow-y:visible;}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;}.sidebar-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);}.sidebar-nav__section-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);padding:var(--space-5) var(--space-4) var(--space-2);}.sidebar-nav__list > li:first-child .sidebar-nav__section-label,.sidebar-nav__list > .sidebar-nav__section-label:first-child{padding-top:var(--space-2);}.sidebar-nav__link{position:relative;display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);width:100%;border:none;background:none;cursor:pointer;text-align:left;overflow:hidden;}.sidebar-nav__link::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 var(--radius-full) var(--radius-full) 0;background-color:var(--color-brand);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.sidebar-nav__link:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.sidebar-nav__link:hover .sidebar-nav__icon{color:var(--color-brand);}.sidebar-nav__link[aria-current="page"],.sidebar-nav__link.is-active{background-color:var(--color-brand-subtle);color:var(--color-brand);font-weight:var(--font-weight-semibold);}.sidebar-nav__link[aria-current="page"]:hover,.sidebar-nav__link.is-active:hover{background-color:var(--color-brand-muted);}.sidebar-nav__link[aria-current="page"]::before,.sidebar-nav__link.is-active::before{opacity:1;}.sidebar-nav__link[aria-current="page"] .sidebar-nav__icon,.sidebar-nav__link.is-active.sidebar-nav__icon{color:var(--color-brand);}.sidebar-nav__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.sidebar-nav__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);}.sidebar-nav__icon svg{width:18px;height:18px;}.sidebar-nav__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}.sidebar-nav__divider{height:var(--border-width-thin);background-color:var(--border-color-subtle);margin:var(--space-3) var(--space-4);}.sidebar-nav__chevron{margin-left:auto;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-out),colorvar(--duration-fast)var(--ease-out);}.sidebar-nav__link--expandable[aria-expanded="true"] .sidebar-nav__chevron{transform:rotate(90deg);color:var(--color-brand);}.sidebar-nav__sub{list-style:none;padding:var(--space-1) 0 var(--space-2) calc(var(--space-4) + var(--space-5) + var(--space-3));margin:0;display:flex;flex-direction:column;gap:2px;}.sidebar-nav__sub-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text-muted);text-decoration:none;transition:colorvar(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.sidebar-nav__sub-link:hover{color:var(--color-text-primary);background:var(--color-bg-muted);}.sidebar-nav__sub-link[aria-current="page"]{color:var(--color-brand);font-weight:var(--font-weight-medium);}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-top:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0;background-color:var(--color-bg-subtle);}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);border:none;background:none;color:var(--color-text-muted);cursor:pointer;transition:colorvar(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transformvar(--duration-normal) var(--ease-spring);}.sidebar-collapse-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.sidebar-collapse-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.app-shell[data-sidebar-open="false"] .sidebar-nav__label,.app-shell[data-sidebar-open="false"] .sidebar-nav__chevron,.app-shell[data-sidebar-open="false"] .sidebar-nav__section-label,.app-shell[data-sidebar-open="false"] .sidebar-footer .avatar-labeled,.app-shell[data-sidebar-open="false"] .sidebar-nav__sub{display:none;}.app-shell[data-sidebar-open="false"] .sidebar-nav__link{justify-content:center;padding:0;width:44px;height:44px;margin:0 auto;}.app-shell[data-sidebar-open="false"] .sidebar-nav__link::before{left:0;top:25%;bottom:25%;}.app-shell[data-sidebar-open="false"] .sidebar-footer{justify-content:center;padding:var(--space-3);}.app-shell[data-sidebar-open="false"] .sidebar-collapse-btn{transform:rotate(180deg);}.app-shell[data-sidebar-open="false"] .sidebar-nav__item{position:relative;}.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]::after{content:attr(data-label);position:absolute;left:calc(100% + var(--space-3));top:50%;transform:translateY(-50%) scale(0.95);background-color:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);}.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]:hover::after,.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]:focus-within::after{opacity:1;transform:translateY(-50%) scale(1);}.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]::before{content:'';position:absolute;left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%) scaleX(0.9);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--color-bg-inverse);opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);}.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]:hover::before,.app-shell[data-sidebar-open="false"] .sidebar-nav__item[data-label]:focus-within::before{opacity:1;transform:translateY(-50%) scaleX(1);}.app-shell[data-sidebar-open="false"] .sidebar-nav__item:not([data-label])::after,.app-shell[data-sidebar-open="false"] .sidebar-nav__item:not([data-label])::before{display:none;}.app-shell[data-sidebar-open="false"] .app-sidebar{overflow:visible;z-index:var(--z-raised);}.app-shell[data-sidebar-open="false"] .sidebar-nav{overflow-x:visible;overflow-y:auto;}.app-main{grid-area:main;min-width:0;overflow:auto;overscroll-behavior:contain;}.page-content{padding:var(--space-6) var(--space-8);max-width:1280px;margin:0 auto;}.app-footer{grid-area:footer;background-color:var(--color-bg-surface);border-top:var(--border-width-thin) solid var(--border-color-subtle);}.mobile-bottom-nav{display:none;}@media (max-width:1023px){.app-shell,.app-shell[data-sidebar-open="true"],.app-shell[data-sidebar-open="false"]{grid-template-areas:"topnav""main";grid-template-columns:1fr;grid-template-rows:64px 1fr;height:100vh;overflow:hidden;}.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:var(--z-overlay);transform:translateX(-100%);transition:transform var(--duration-normal) var(--ease-spring),box-shadowvar(--duration-normal) var(--ease-spring);width:256px !important;overflow:hidden;}.app-shell[data-sidebar-open="true"] .app-sidebar{transform:translateX(0);box-shadow:var(--shadow-overlay);}.app-sidebar .sidebar-nav__item::after,.app-sidebar .sidebar-nav__item::before{display:none !important;}.app-shell[data-sidebar-open="true"]::before{content:'';position:fixed;inset:0;background:rgb(0 0 0 / 0.4);z-index:calc(var(--z-overlay) - 1);-webkit-tap-highlight-color:transparent;}.app-main{padding-bottom:64px;overflow-y:auto;}.app-footer{display:none;}.top-nav{justify-content:space-between;}.top-nav__menu-btn{display:flex;}.top-nav__center{display:none;}.sidebar-footer{border:none;padding:0;height:0;overflow:hidden;}.sidebar-collapse-btn{display:none;}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--color-bg-surface);border-top:var(--border-width-thin) solid var(--border-color-subtle);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-decoration:none;color:var(--color-text-muted);font-size:calc(var(--font-xs) * 0.85);transition:color var(--duration-fast) var(--ease-out);}.mobile-bottom-nav__item[aria-current="page"]{color:var(--color-brand);}.mobile-bottom-nav__icon{width:var(--space-6);height:var(--space-6);}.page-content{padding:var(--space-4);}}@media (max-width:480px){.page-content{padding:var(--space-3);}}:root{--btn-radius:var(--radius-md);--btn-radius-rounded:var(--radius-full);--btn-font-size:var(--font-sm);--btn-font-weight:var(--font-weight-semibold);--btn-letter-spacing:var(--letter-spacing-normal);--btn-shadow-hover:var(--shadow-interactive);--btn-shadow-danger:var(--shadow-danger);--btn-disabled-opacity:var(--opacity-disabled);--btn-loading-spinner-size:var(--space-4);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--btn-letter-spacing);text-decoration:none;white-space:nowrap;border-radius:var(--radius-md);border:var(--border-width-medium) solid transparent;cursor:pointer;user-select:none;-webkit-user-select:none;vertical-align:middle;transition:background-color var(--duration-normal) var(--ease-out),colorvar(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacityvar(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;min-height:44px;}.btn:active:not(:disabled):not([disabled]):not([aria-disabled='true']){transform:translateY(1px);}.btn:visited{color:inherit;}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--shadow-focus);}.btn.is-loading:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--shadow-focus);}.btn:disabled,.btn[disabled],.btn[aria-disabled='true'],.btn.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none;}.btn--primary{background-color:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand);box-shadow:var(--shadow-xs);}.btn--primary:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse);box-shadow:var(--shadow-interactive);}.btn--primary:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);box-shadow:var(--shadow-xs);}.btn--secondary{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--border-color-default);box-shadow:var(--shadow-xs);}.btn--secondary:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-muted);border-color:var(--border-color-strong);color:var(--color-text-primary);box-shadow:var(--shadow-sm);}.btn--secondary:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-muted);border-color:var(--border-color-strong);box-shadow:none;}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent;}.btn--ghost:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-muted);border-color:transparent;color:var(--color-text-primary);}.btn--ghost:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-subtle);}.btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger);box-shadow:var(--shadow-xs);}.btn--danger:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);color:var(--color-text-inverse);box-shadow:var(--shadow-danger);}.btn--danger:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-danger-hover);box-shadow:var(--shadow-xs);}.btn--danger-outline{background-color:transparent;color:var(--color-danger);border-color:var(--color-danger);}.btn--danger-outline:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-danger-bg);box-shadow:var(--shadow-danger);}.btn--danger-outline:focus-visible{outline-color:var(--color-danger);box-shadow:var(--shadow-danger);}.btn--success{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success);box-shadow:var(--shadow-xs);}.btn--success:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-success-hover);border-color:var(--color-success-hover);color:var(--color-text-inverse);box-shadow:0 4px 14px rgba(22, 163, 74, 0.28);}.btn--success:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-success-hover);box-shadow:var(--shadow-xs);}.btn--neutral{background-color:var(--color-bg-muted);color:var(--color-text-primary);border-color:var(--border-color-subtle);}.btn--neutral:hover:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-raised);border-color:var(--border-color-default);color:var(--color-text-primary);box-shadow:var(--shadow-sm);}.btn--neutral:active:not(:disabled):not([disabled]):not([aria-disabled='true']){background-color:var(--color-bg-muted);box-shadow:none;}.btn--xs{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);letter-spacing:var(--btn-letter-spacing-xs);min-height:28px;gap:var(--space-1);border-radius:var(--radius-sm);--btn-spinner-size:var(--btn-spinner-size-xs);}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-xs);letter-spacing:var(--btn-letter-spacing-sm);min-height:36px;gap:var(--space-1);--btn-spinner-size:var(--btn-spinner-size-sm);}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-md);letter-spacing:var(--btn-letter-spacing-lg);min-height:52px;gap:var(--space-3);border-radius:var(--radius-md);--btn-spinner-size:var(--btn-spinner-size-lg);}.btn--xl{padding:var(--space-5) var(--space-10);font-size:var(--font-lg);letter-spacing:var(--btn-letter-spacing-xl);min-height:60px;gap:var(--space-3);border-radius:var(--radius-lg);--btn-spinner-size:var(--btn-spinner-size-xl);}.btn--full{width:100%;justify-content:center;}.btn--icon{padding:var(--space-3);aspect-ratio:1 / 1;flex-shrink:0;}.btn--icon.btn--xs{padding:var(--space-1);min-height:28px;width:28px;}.btn--icon.btn--sm{padding:var(--space-2);min-height:36px;width:36px;}.btn--icon{min-height:44px;width:44px;}.btn--icon.btn--lg{padding:var(--space-4);min-height:52px;width:52px;}.btn--icon.btn--xl{padding:var(--space-5);min-height:60px;width:60px;}.btn--circle{border-radius:var(--radius-full);aspect-ratio:1 / 1;flex-shrink:0;}.btn--icon.btn--rounded{border-radius:var(--radius-full);}.btn--rounded{border-radius:var(--radius-full);}.btn.is-loading{cursor:wait;pointer-events:none;position:relative;color:transparent !important;}.btn.is-loading::after{content:'';position:absolute;inset:0;margin:auto;width:var(--btn-spinner-size, var(--btn-spinner-size));height:var(--btn-spinner-size, var(--btn-spinner-size));border-radius:var(--radius-full);border:2px solid currentColor;border-top-color:transparent;color:inherit;animation:btn-spin var(--duration-slower) linear infinite;}.btn--primary.is-loading::after{color:var(--color-text-inverse);}.btn--secondary.is-loading::after{color:var(--color-text-primary);}.btn--ghost.is-loading::after{color:var(--color-text-primary);}.btn--danger.is-loading::after{color:var(--color-text-inverse);}.btn--success.is-loading::after{color:var(--color-text-inverse);}.btn--neutral.is-loading::after{color:var(--color-text-primary);}@keyframes btn-spin{to{transform:rotate(360deg);}}@media (prefers-reduced-motion:reduce){.btn.is-loading::after{animation:btn-pulse var(--duration-slow) var(--ease-in-out) infinite alternate;border:none;background-color:currentColor;border-radius:var(--radius-full);}@keyframes btn-pulse{from{opacity:0.4;}to{opacity:1;}}}.btn-group{display:inline-flex;align-items:stretch;}.btn-group .btn{border-radius:0;margin-left:calc(var(--border-width-medium) * -1);}:dir(rtl) .btn-group .btn,[dir='rtl'] .btn-group .btn{margin-left:0;margin-right:calc(var(--border-width-medium) * -1);}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0;}:dir(rtl) .btn-group .btn:first-child,[dir='rtl'] .btn-group .btn:first-child{border-radius:0 var(--radius-md) var(--radius-md) 0;margin-left:calc(var(--border-width-medium) * -1);margin-right:0;}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;}:dir(rtl) .btn-group .btn:last-child,[dir='rtl'] .btn-group .btn:last-child{border-radius:var(--radius-md) 0 0 var(--radius-md);}.btn-group .btn:only-child{border-radius:var(--radius-md);margin-left:0;}:dir(rtl) .btn-group .btn:only-child,[dir='rtl'] .btn-group .btn:only-child{margin-right:0;}.btn-group .btn:hover,.btn-group .btn:focus-visible{position:relative;z-index:var(--z-raised);}.btn-group--full{display:flex;width:100%;}.btn-group--full .btn{flex:1;justify-content:center;}:root{--input-height-sm:2.25rem;--input-height:2.75rem;--input-height-lg:3.25rem;--input-padding-x-sm:var(--space-3);--input-padding-x:var(--space-4);--input-padding-x-lg:var(--space-5);--input-font-size-sm:var(--font-xs);--input-font-size:var(--font-sm);--input-font-size-lg:var(--font-md);--input-bg:var(--color-bg-surface);--input-color:var(--color-text-primary);--input-border-color:var(--border-color-input);--input-placeholder:var(--color-text-muted);--input-border-focus:var(--border-color-input-focus);--input-shadow-focus:var(--shadow-focus);--input-border-error:var(--border-color-danger);--input-shadow-error:0 0 0 3px rgba(220, 38, 38, 0.16);--input-color-error:var(--color-text-danger);--input-border-success:var(--border-color-success);--input-shadow-success:0 0 0 3px rgba(22, 163, 74, 0.16);--input-color-success:var(--color-text-success);--input-border-warning:var(--color-warning);--input-shadow-warning:0 0 0 3px rgba(234, 179, 8, 0.16);--input-bg-disabled:var(--color-bg-muted);--input-color-disabled:var(--color-text-muted);--input-bg-readonly:var(--color-bg-subtle);--input-bg-filled:var(--color-bg-muted);--input-bg-filled-focus:var(--color-bg-surface);--input-addon-bg:var(--color-bg-muted);--input-addon-color:var(--color-text-secondary);}.input-group{display:flex;flex-direction:column;gap:var(--space-1);width:100%;}.input-group__label{display:block;font-size:var(--input-font-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal);cursor:default;}.input-group__label .required-mark{color:var(--color-text-danger);margin-left:var(--space-px);font-size:var(--font-sm);line-height:1;vertical-align:top;}.input-group__label .optional-mark{color:var(--color-text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-regular);margin-left:var(--space-2);}.input-group__field{position:relative;display:flex;align-items:stretch;width:100%;border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);}.input-group__field:focus-within{z-index:var(--z-raised);}.input{display:block;width:100%;min-width:0;height:var(--input-height);padding:0 var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--input-font-size);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--input-color);background-color:var(--input-bg);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--radius-md);outline:none;box-shadow:var(--shadow-xs);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);}@media (max-width:767px){.input{font-size:var(--font-md);}}.input::placeholder{color:var(--input-placeholder);opacity:1;}.input:hover:not(:disabled):not([readonly]){border-color:var(--border-color-strong);}.input:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);}.input:disabled,.is-disabled .input{background-color:var(--input-bg-disabled);color:var(--input-color-disabled);border-color:var(--border-color-subtle);cursor:not-allowed;opacity:var(--opacity-disabled);box-shadow:none;}.input:disabled::placeholder,.is-disabled .input::placeholder{color:var(--input-color-disabled);}.input[readonly]{background-color:var(--input-bg-readonly);color:var(--color-text-secondary);cursor:default;box-shadow:none;}.input[readonly]:hover{border-color:var(--input-border-color);}.input--filled{background-color:var(--input-bg-filled);border-color:transparent;box-shadow:none;}.input--filled:hover:not(:disabled):not([readonly]){background-color:var(--color-bg-raised);border-color:var(--border-color-subtle);}.input--filled:focus{background-color:var(--input-bg-filled-focus);border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);}.input--flush{background-color:transparent;border:none;border-bottom:var(--border-width-thin) solid var(--input-border-color);border-radius:0;box-shadow:none;padding-left:0;padding-right:0;}.input--flush:hover:not(:disabled):not([readonly]){border-bottom-color:var(--border-color-strong);}.input--flush:focus{border-bottom-color:var(--input-border-focus);box-shadow:0 1px 0 0 var(--input-border-focus);}.input-group__prefix,.input-group__suffix{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--input-addon-color);pointer-events:none;padding:0 var(--space-3);}.input-group__prefix--addon,.input-group__suffix--addon{background-color:var(--input-addon-bg);border:var(--border-width-thin) solid var(--input-border-color);pointer-events:none;white-space:nowrap;font-size:var(--input-font-size);color:var(--input-addon-color);}.input-group__prefix--addon{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);padding:0 var(--space-4);}.input-group__suffix--addon{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:0 var(--space-4);}.input-group__field:has(.input-group__prefix--addon) .input{border-top-left-radius:0;border-bottom-left-radius:0;}.input-group__field:has(.input-group__suffix--addon) .input{border-top-right-radius:0;border-bottom-right-radius:0;}.input-group__prefix--icon,.input-group__suffix--icon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--input-addon-color);display:flex;align-items:center;justify-content:center;width:var(--space-10);}.input-group__prefix--icon{left:0;}.input-group__suffix--icon{right:0;}.input-group__field:has(.input-group__prefix--icon) .input{padding-left:var(--space-10);}.input-group__field:has(.input-group__suffix--icon) .input{padding-right:var(--space-10);}.input-group__suffix--action{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--input-addon-color);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);min-height:32px;min-width:32px;}.input-group__suffix--action:hover{color:var(--color-text-primary);}.input-group__suffix--action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.input-group__field:has(.input-group__suffix--action) .input{padding-right:var(--space-10);}.input-group__hint{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.input-group__error{font-size:var(--font-xs);color:var(--input-color-error);line-height:var(--line-height-normal);display:none;}.input-group__success-msg{font-size:var(--font-xs);color:var(--input-color-success);line-height:var(--line-height-normal);display:none;}.input-group__warning-msg{font-size:var(--font-xs);color:var(--color-text-warning);line-height:var(--line-height-normal);display:none;}.input-group.has-error .input{border-color:var(--input-border-error);box-shadow:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:var(--space-5);}.input-group.has-error .select{padding-right:var(--space-12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-8) center;background-size:var(--space-4);}.input-group.has-error .input:focus{border-color:var(--input-border-error);box-shadow:var(--input-shadow-error);}.input-group.has-error .input:hover:not(:disabled){border-color:var(--input-border-error);}.input-group.has-error .input-group__label{color:var(--input-color-error);}.input-group.has-error .input-group__hint{display:none;}.input-group.has-error .input-group__error{display:flex;}.input-group.has-error .input-group__prefix--icon,.input-group.has-error .input-group__suffix--icon{color:var(--input-color-error);}.input-group.has-success .input{border-color:var(--input-border-success);box-shadow:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:var(--space-5);}.input-group.has-success .select{padding-right:var(--space-12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-8) center;background-size:var(--space-4);border-color:var(--border-color-success);}.input-group.has-success .input:focus{border-color:var(--input-border-success);box-shadow:var(--input-shadow-success);}.input-group.has-success .input-group__hint{display:none;}.input-group.has-success .input-group__success-msg{display:block;}.input-group.has-success .input-group__prefix--icon,.input-group.has-success .input-group__suffix--icon{color:var(--input-color-success);}.input-group.has-warning .input{border-color:var(--input-border-warning);box-shadow:none;}.input-group.has-warning .input:focus{border-color:var(--input-border-warning);box-shadow:var(--input-shadow-warning);}.input-group.has-warning .input-group__hint{display:none;}.input-group.has-warning .input-group__warning-msg{display:block;}.input-group--sm .input-group__label{font-size:var(--input-font-size-sm);}.input-group--sm .input{height:var(--input-height-sm);padding:0 var(--input-padding-x-sm);font-size:var(--input-font-size-sm);border-radius:var(--radius-sm);}.input-group--sm .input-group__field{border-radius:var(--radius-sm);}.input-group--sm .input-group__prefix--addon,.input-group--sm .input-group__suffix--addon{font-size:var(--input-font-size-sm);padding:0 var(--space-3);}.input-group--sm .input-group__hint,.input-group--sm .input-group__error,.input-group--sm .input-group__success-msg,.input-group--sm .input-group__warning-msg{font-size:calc(var(--font-xs) * 0.9);}.input-group--lg .input-group__label{font-size:var(--input-font-size-lg);}.input-group--lg .input{height:var(--input-height-lg);padding:0 var(--input-padding-x-lg);font-size:var(--input-font-size-lg);border-radius:var(--radius-lg);}.input-group--lg .input-group__field{border-radius:var(--radius-lg);}.input-group--lg .input-group__prefix--addon,.input-group--lg .input-group__suffix--addon{font-size:var(--input-font-size-lg);padding:0 var(--space-6);}.input-group--lg .input-group__hint,.input-group--lg .input-group__error,.input-group--lg .input-group__success-msg,.input-group--lg .input-group__warning-msg{font-size:var(--font-sm);}.input-group__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);}.input-group__counter{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;}.input-group__counter.is-near-limit{color:var(--color-text-warning);}.input-group__counter.is-at-limit{color:var(--color-text-danger);font-weight:var(--font-weight-medium);}.input-group--inline{flex-direction:row;align-items:center;gap:var(--space-3);}.input-group--inline .input-group__label{white-space:nowrap;flex-shrink:0;}.input-group--inline .input-group__field{flex:1;}.input-row{display:grid;grid-template-columns:1fr;gap:var(--space-4);}@media (min-width:640px){.input-row{grid-template-columns:repeat(2, 1fr);}}@media (min-width:640px){.input-row--3{grid-template-columns:repeat(3, 1fr);}}:dir(rtl) .input-group__prefix--addon,[dir='rtl'] .input-group__prefix--addon{border-right:var(--border-width-thin) solid var(--input-border-color);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;}:dir(rtl) .input-group__suffix--addon,[dir='rtl'] .input-group__suffix--addon{border-left:var(--border-width-thin) solid var(--input-border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);}:dir(rtl) .input-group__prefix--icon,[dir='rtl'] .input-group__prefix--icon{left:auto;right:0;}:dir(rtl) .input-group__suffix--icon,[dir='rtl'] .input-group__suffix--icon{right:auto;left:0;}:dir(rtl) .input-group__suffix--action,[dir='rtl'] .input-group__suffix--action{right:auto;left:var(--space-2);}:dir(rtl) .input-group__field:has(.input-group__prefix--icon) .input,[dir='rtl'] .input-group__field:has(.input-group__prefix--icon) .input{padding-left:var(--input-padding-x);padding-right:var(--space-10);}:dir(rtl) .input-group__field:has(.input-group__suffix--icon) .input,[dir='rtl'] .input-group__field:has(.input-group__suffix--icon) .input{padding-right:var(--input-padding-x);padding-left:var(--space-10);}:root{--select-chevron-size:1.25rem;--select-chevron-color:var(--color-text-muted);--select-chevron-right:var(--space-4);--select-padding-right:var(--space-10);--select-padding-right-sm:var(--space-8);--select-padding-right-lg:var(--space-12);--select-multiple-min-height:9rem;--select-option-padding:var(--space-2) var(--space-3);}.select{display:block;width:100%;height:var(--input-height);padding:0 var(--select-padding-right) 0 var(--input-padding-x);font-family:var(--font-family-base);font-size:var(--input-font-size);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--input-color);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--input-bg);border:var(--border-width-thin) solid var(--input-border-color);border-radius:var(--radius-md);outline:none;box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);}@media (max-width:767px){.select{font-size:var(--font-md);}}.select:hover:not(:disabled){border-color:var(--border-color-strong);}.select:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);}.select:disabled,.is-disabled .select{background-color:var(--input-bg-disabled);color:var(--input-color-disabled);border-color:var(--border-color-subtle);cursor:not-allowed;opacity:var(--opacity-disabled);box-shadow:none;}.select option[value=''][disabled]{color:var(--input-placeholder);}.select option{font-family:var(--font-family-base);font-size:var(--input-font-size);color:var(--input-color);background-color:var(--input-bg);padding:var(--select-option-padding);}.select optgroup{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-style:normal;}.select__chevron{position:absolute;top:50%;right:var(--select-chevron-right);transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;width:var(--select-chevron-size);height:var(--select-chevron-size);color:var(--select-chevron-color);transition:color var(--duration-fast) var(--ease-out);display:block;width:0.5rem;height:0.5rem;border-right:var(--border-width-medium) solid currentColor;border-bottom:var(--border-width-medium) solid currentColor;transform:translateY(-65%) rotate(45deg);}.input-group__field:focus-within .select__chevron{color:var(--input-border-focus);}.input-group.has-error .select__chevron{color:var(--input-color-error);}.input-group.has-success .select__chevron{color:var(--input-color-success);}.input-group.has-warning .select__chevron{color:var(--color-text-warning);}.is-disabled .select__chevron,.select:disabled ~ .select__chevron{color:var(--input-color-disabled);opacity:var(--opacity-disabled);}.select--filled{background-color:var(--input-bg-filled);border-color:transparent;box-shadow:none;}.select--filled:hover:not(:disabled){background-color:var(--color-bg-raised);border-color:var(--border-color-subtle);}.select--filled:focus{background-color:var(--input-bg-filled-focus);border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus);}.select--flush{background-color:transparent;border:none;border-bottom:var(--border-width-thin) solid var(--input-border-color);border-radius:0;box-shadow:none;padding-left:0;}.select--flush:hover:not(:disabled){border-bottom-color:var(--border-color-strong);}.select--flush:focus{border-bottom-color:var(--input-border-focus);box-shadow:0 1px 0 0 var(--input-border-focus);}.input-group__field:has(.select--flush) .select__chevron{right:0;}.select--multiple{height:auto;min-height:var(--select-multiple-min-height);padding:var(--space-2);border-radius:var(--radius-md);cursor:default;padding-right:var(--space-2);}.select--multiple option{padding:var(--select-option-padding);border-radius:var(--radius-sm);cursor:pointer;}.select--multiple option:checked{background-color:var(--color-brand-muted);color:var(--color-text-primary);}.input-group__field:has(.select--multiple) .select__chevron{display:none;}.input-group.has-error .select{border-color:var(--input-border-error);box-shadow:none;}.input-group.has-error .select:focus{border-color:var(--input-border-error);box-shadow:var(--input-shadow-error);}.input-group.has-error .select:hover:not(:disabled){border-color:var(--input-border-error);}.input-group.has-success .select{border-color:var(--input-border-success);box-shadow:none;}.input-group.has-success .select:focus{border-color:var(--input-border-success);box-shadow:var(--input-shadow-success);}.input-group.has-warning .select{border-color:var(--input-border-warning);box-shadow:none;}.input-group.has-warning .select:focus{border-color:var(--input-border-warning);box-shadow:var(--input-shadow-warning);}.input-group--sm .select{height:var(--input-height-sm);padding-left:var(--input-padding-x-sm);padding-right:var(--select-padding-right-sm);font-size:var(--input-font-size-sm);border-radius:var(--radius-sm);}.input-group--sm .select__chevron{right:var(--space-3);}.input-group--lg .select{height:var(--input-height-lg);padding-left:var(--input-padding-x-lg);padding-right:var(--select-padding-right-lg);font-size:var(--input-font-size-lg);border-radius:var(--radius-lg);}.input-group--lg .select__chevron{right:var(--space-5);width:0.625rem;height:0.625rem;}.input-group--sm .select--multiple{padding:var(--space-1);padding-right:var(--space-1);font-size:var(--input-font-size-sm);}.input-group--lg .select--multiple{padding:var(--space-3);padding-right:var(--space-3);font-size:var(--input-font-size-lg);}:dir(rtl) .select,[dir='rtl'] .select{padding-left:var(--select-padding-right);padding-right:var(--input-padding-x);}:dir(rtl) .select__chevron,[dir='rtl'] .select__chevron{right:auto;left:var(--select-chevron-right);}:dir(rtl) .input-group--sm .select,[dir='rtl'] .input-group--sm .select{padding-left:var(--select-padding-right-sm);padding-right:var(--input-padding-x-sm);}:dir(rtl) .input-group--sm .select__chevron,[dir='rtl'] .input-group--sm .select__chevron{right:auto;left:var(--space-3);}:dir(rtl) .input-group--lg .select,[dir='rtl'] .input-group--lg .select{padding-left:var(--select-padding-right-lg);padding-right:var(--input-padding-x-lg);}:dir(rtl) .input-group--lg .select__chevron,[dir='rtl'] .input-group--lg .select__chevron{right:auto;left:var(--space-5);}:dir(rtl) .input-group__field:has(.select--flush) .select__chevron,[dir='rtl'] .input-group__field:has(.select--flush) .select__chevron{right:auto;left:0;}:root{--ctrl-size:var(--space-5);--ctrl-size-sm:var(--space-4);--ctrl-size-lg:var(--space-6);--ctrl-radius:var(--radius-sm);--ctrl-border-width:var(--border-width-medium);--ctrl-bg:var(--color-bg-surface);--ctrl-border:var(--border-color-input);--ctrl-bg-hover:var(--color-bg-muted);--ctrl-checked-bg:var(--color-brand);--ctrl-checked-border:var(--color-brand);--ctrl-checked-color:var(--color-text-inverse);--ctrl-disabled-bg:var(--color-bg-muted);--ctrl-disabled-border:var(--border-color-default);--ctrl-disabled-color:var(--color-text-muted);--ctrl-error-border:var(--border-color-danger);--ctrl-error-bg:var(--color-danger-bg);--switch-track-width:var(--space-10);--switch-track-height:var(--space-6);--switch-thumb-size:var(--space-4);--switch-track-width-sm:var(--space-8);--switch-track-height-sm:var(--space-5);--switch-thumb-size-sm:var(--space-3);--switch-track-width-lg:var(--space-12);--switch-track-height-lg:var(--space-7, 1.75rem);--switch-thumb-size-lg:var(--space-5);--switch-track-bg:var(--border-color-strong);--switch-track-bg-checked:var(--color-brand);--switch-thumb-bg:var(--color-text-inverse);--switch-thumb-shadow:var(--shadow-sm);--ctrl-label-gap:var(--space-3);--ctrl-label-size:var(--font-sm);--ctrl-desc-size:var(--font-xs);--textarea-min-height:100px;--textarea-max-height:400px;--textarea-padding:var(--space-3) var(--space-4);--textarea-font-size:var(--font-sm);--textarea-radius:var(--radius-md);--textarea-border:var(--border-color-input);--textarea-bg:var(--color-bg-surface);--textarea-resize:vertical;}.checkbox input[type="checkbox"],.radioinput[type="radio"],.switch input[type="checkbox"]{position:absolute;width:var(--ctrl-size);height:var(--ctrl-size);opacity:0;margin:0;cursor:pointer;}.switch input[type="checkbox"]{width:var(--switch-track-width);height:var(--switch-track-height);}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--ctrl-label-gap);cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;}.checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ctrl-size);height:var(--ctrl-size);border-radius:var(--ctrl-radius);border:var(--ctrl-border-width) solid var(--ctrl-border);background-color:var(--ctrl-bg);margin-top:calc((var(--ctrl-label-size) * 1.5 - var(--ctrl-size)) / 2);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);pointer-events:none;}.checkbox__box::after{content:'';display:block;width:45%;height:30%;border-left:var(--border-width-medium) solid var(--ctrl-checked-color);border-bottom:var(--border-width-medium) solid var(--ctrl-checked-color);transform:rotate(-45deg) translate(10%, -10%);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.checkbox input:checked ~ .checkbox__box{background-color:var(--ctrl-checked-bg);border-color:var(--ctrl-checked-border);}.checkbox input:checked ~ .checkbox__box::after{opacity:1;}.checkbox input:indeterminate ~ .checkbox__box,.checkbox.is-indeterminate .checkbox__box{background-color:var(--ctrl-checked-bg);border-color:var(--ctrl-checked-border);}.checkbox input:indeterminate ~ .checkbox__box::after,.checkbox.is-indeterminate .checkbox__box::after{width:50%;height:0;border-left:none;border-bottom:var(--border-width-medium) solid var(--ctrl-checked-color);transform:none;opacity:1;}.checkbox:hover input:not(:disabled) ~ .checkbox__box{border-color:var(--color-brand);background-color:var(--ctrl-bg-hover);}.checkbox:hover input:checked:not(:disabled) ~ .checkbox__box,.checkbox:hover input:indeterminate:not(:disabled) ~ .checkbox__box{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);}.checkbox input:focus-visible ~ .checkbox__box{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.checkbox input:disabled ~ .checkbox__box{background-color:var(--ctrl-disabled-bg);border-color:var(--ctrl-disabled-border);cursor:not-allowed;}.checkbox input:disabled ~ .checkbox__box::after{border-color:var(--ctrl-disabled-color);}.checkbox input:disabled ~ .checkbox__label,.checkbox input:disabled ~ .checkbox__description{color:var(--color-text-muted);cursor:not-allowed;}.checkbox:has(input:disabled){cursor:not-allowed;}.checkbox.is-error .checkbox__box{border-color:var(--ctrl-error-border);background-color:var(--ctrl-error-bg);}.checkbox.is-error input:checked ~ .checkbox__box{background-color:var(--color-danger);border-color:var(--color-danger);}.checkbox__label{font-size:var(--ctrl-label-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);}.checkbox__description{display:block;font-size:var(--ctrl-desc-size);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-px);}.checkbox--sm{--ctrl-size:var(--ctrl-size-sm);}.checkbox--sm .checkbox__label{font-size:var(--font-xs);}.checkbox--lg{--ctrl-size:var(--ctrl-size-lg);}.checkbox--lg .checkbox__label{font-size:var(--font-md);}.radio{display:inline-flex;align-items:flex-start;gap:var(--ctrl-label-gap);cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;}.radio__circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ctrl-size);height:var(--ctrl-size);border-radius:var(--radius-full);border:var(--ctrl-border-width) solid var(--ctrl-border);background-color:var(--ctrl-bg);margin-top:calc((var(--ctrl-label-size) * 1.5 - var(--ctrl-size)) / 2);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);pointer-events:none;}.radio__circle::after{content:'';display:block;width:40%;height:40%;border-radius:var(--radius-full);background-color:var(--ctrl-checked-color);transform:scale(0);transition:transform var(--duration-fast) var(--ease-spring);}.radio input:checked ~ .radio__circle{background-color:var(--ctrl-checked-bg);border-color:var(--ctrl-checked-border);}.radio input:checked ~ .radio__circle::after{transform:scale(1);}.radio:hover input:not(:disabled) ~ .radio__circle{border-color:var(--color-brand);background-color:var(--ctrl-bg-hover);}.radio:hover input:checked:not(:disabled) ~ .radio__circle{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);}.radio input:focus-visible ~ .radio__circle{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.radio input:disabled ~ .radio__circle{background-color:var(--ctrl-disabled-bg);border-color:var(--ctrl-disabled-border);cursor:not-allowed;}.radio input:disabled ~ .radio__circle::after{background-color:var(--ctrl-disabled-color);}.radio input:disabled ~ .radio__label,.radio input:disabled ~ .radio__description{color:var(--color-text-muted);cursor:not-allowed;}.radio:has(input:disabled){cursor:not-allowed;}.radio.is-error .radio__circle{border-color:var(--ctrl-error-border);}.radio.is-error input:checked ~ .radio__circle{background-color:var(--color-danger);border-color:var(--color-danger);}.radio__label{font-size:var(--ctrl-label-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);}.radio__description{display:block;font-size:var(--ctrl-desc-size);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-px);}.radio--sm{--ctrl-size:var(--ctrl-size-sm);}.radio--sm .radio__label{font-size:var(--font-xs);}.radio--lg{--ctrl-size:var(--ctrl-size-lg);}.radio--lg .radio__label{font-size:var(--font-md);}.radio-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:var(--border-width-medium) solid var(--border-color-default);border-radius:var(--radius-lg);cursor:pointer;background-color:var(--color-bg-surface);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);position:relative;user-select:none;-webkit-user-select:none;}.radio-card input[type="radio"]{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0;}.radio-card:hover:not(:has(input:disabled)){border-color:var(--color-brand);background-color:var(--color-brand-subtle);}.radio-card:has(input:checked){border-color:var(--color-brand);background-color:var(--color-brand-subtle);box-shadow:var(--shadow-focus);}.radio-card:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.radio-card:has(input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed;}.radio-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.radio-card__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.radio-card__description{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);}.radio-card__price{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-brand);line-height:var(--line-height-tight);}.radio-card__check{flex-shrink:0;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--border-color-default);background-color:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);pointer-events:none;}.radio-card__check::after{content:'';display:block;width:40%;height:40%;border-radius:var(--radius-full);background-color:var(--color-text-inverse);transform:scale(0);transition:transform var(--duration-fast) var(--ease-spring);}.radio-card:has(input:checked) .radio-card__check{background-color:var(--color-brand);border-color:var(--color-brand);}.radio-card:has(input:checked) .radio-card__check::after{transform:scale(1);}.switch{display:inline-flex;align-items:flex-start;gap:var(--ctrl-label-gap);cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;}.switch__track{display:flex;align-items:center;flex-shrink:0;width:var(--switch-track-width);height:var(--switch-track-height);padding:2px;border-radius:var(--radius-full);background-color:var(--switch-track-bg);margin-top:calc((var(--ctrl-label-size) * 1.5 - var(--switch-track-height)) / 2);pointer-events:none;transition:background-color var(--duration-normal) var(--ease-out);}.switch__thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-full);background-color:var(--switch-thumb-bg);box-shadow:var(--switch-thumb-shadow);transition:transform var(--duration-normal) var(--ease-spring);flex-shrink:0;}.switch input:checked ~ .switch__track{background-color:var(--switch-track-bg-checked);}.switch input:checked ~ .switch__track .switch__thumb{transform:translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px));}.switch:hover input:not(:disabled) ~ .switch__track{background-color:var(--border-color-strong);}.switch:hover input:checked:not(:disabled) ~ .switch__track{background-color:var(--color-brand-hover);}.switch input:focus-visible ~ .switch__track{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.switch input:disabled ~ .switch__track{background-color:var(--ctrl-disabled-bg);opacity:var(--opacity-disabled);cursor:not-allowed;}.switch input:disabled ~ .switch__label,.switch input:disabled ~ .switch__description{color:var(--color-text-muted);cursor:not-allowed;}.switch:has(input:disabled){cursor:not-allowed;}.switch__label{font-size:var(--ctrl-label-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);}.switch__description{display:block;font-size:var(--ctrl-desc-size);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-px);}.switch__track-label{position:absolute;font-size:calc(var(--font-xs) * 0.8);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.switch--sm{--switch-track-width:var(--switch-track-width-sm);--switch-track-height:var(--switch-track-height-sm);--switch-thumb-size:var(--switch-thumb-size-sm);}.switch--sm input[type="checkbox"]{width:var(--switch-track-width-sm);height:var(--switch-track-height-sm);}.switch--sm .switch__label{font-size:var(--font-xs);}.switch--lg{--switch-track-width:var(--switch-track-width-lg);--switch-track-height:var(--switch-track-height-lg);--switch-thumb-size:var(--switch-thumb-size-lg);}.switch--lg input[type="checkbox"]{width:var(--switch-track-width-lg);height:var(--switch-track-height-lg);}.switch--lg .switch__label{font-size:var(--font-md);}.switch--row{flex-direction:row-reverse;justify-content:space-between;width:100%;}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--space-3);}.checkbox-group--horizontal,.radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);}.checkbox-group__legend,.radio-group__legend{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);}.checkbox-group__hint,.radio-group__hint{display:block;font-size:var(--font-xs);color:var(--color-text-muted);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-1);}.checkbox-group__error,.radio-group__error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-danger);}.checkbox-group__error::before,.radio-group__error::before{content:'';display:block;width:var(--space-4);height:var(--space-4);flex-shrink:0;background-color:var(--color-danger);border-radius:var(--radius-full);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Ccircle cx='12' cy='16' r='0.5' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Ccircle cx='12' cy='16' r='0.5' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;}.switch-group{display:flex;flex-direction:column;gap:0;border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);overflow:hidden;}.switch-group__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);background-color:var(--color-bg-surface);transition:background-color var(--duration-fast) var(--ease-out);}.switch-group__item:last-child{border-bottom:none;}.switch-group__item:hover{background-color:var(--color-bg-subtle);}.switch-group__info{flex:1;min-width:0;}.switch-group__label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);}.switch-group__description{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-px);}.textarea-group{display:flex;flex-direction:column;gap:var(--space-2);width:100%;}.textarea-group__label{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.textarea-group__label .required-mark{color:var(--color-danger);font-weight:var(--font-weight-bold);line-height:1;}.textarea-group__label .optional-mark{font-size:var(--font-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted);}.textarea-group__field{position:relative;border:var(--border-width-thin) solid var(--textarea-border);border-radius:var(--textarea-radius);background-color:var(--textarea-bg);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.textarea-group__field:focus-within{border-color:var(--border-color-input-focus);box-shadow:var(--shadow-focus);}.textarea-group.is-disabled .textarea-group__field,.textarea-group__field:has(textarea:disabled){background-color:var(--color-bg-muted);border-color:var(--border-color-default);cursor:not-allowed;}.textarea-group.is-error .textarea-group__field,.textarea-group__field:has(textarea[aria-invalid="true"]){border-color:var(--border-color-danger);}.textarea-group.is-error .textarea-group__field:focus-within,.textarea-group__field:has(textarea[aria-invalid="true"]:focus){border-color:var(--border-color-danger);box-shadow:0 0 0 3px rgb(var(--color-danger-500) / 0.15);}.textarea-group.is-success .textarea-group__field{border-color:var(--border-color-success);}.textarea{display:block;width:100%;min-height:var(--textarea-min-height);max-height:var(--textarea-max-height);padding:var(--textarea-padding);font-family:var(--font-family-base);font-size:var(--textarea-font-size);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:transparent;border:none;outline:none;resize:var(--textarea-resize);appearance:none;-webkit-appearance:none;scrollbar-width:thin;scrollbar-color:var(--border-color-default) transparent;}.textarea::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-regular);}.textarea:disabled{cursor:not-allowed;color:var(--color-text-muted);resize:none;}.textarea--mono{font-family:var(--font-family-mono);font-size:var(--font-xs);line-height:var(--line-height-relaxed);}.textarea--auto-resize{overflow:hidden;resize:none;}.textarea-group__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);}.textarea-group__hint{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.textarea-group__error{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-danger);line-height:var(--line-height-normal);}.textarea-group__count{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;transition:color var(--duration-fast) var(--ease-out);}.textarea-group__count.is-over-limit{color:var(--color-danger);font-weight:var(--font-weight-semibold);}.textarea-group--sm .textarea{min-height:64px;}.textarea-group--lg .textarea{min-height:160px;}.textarea-group--xl .textarea{min-height:240px;}.textarea-group--no-resize .textarea{resize:none;}.textarea-group--resize-both .textarea{resize:both;}@media (prefers-reduced-motion:reduce){.switch__thumb,.radio__circle::after,.radio-card__check::after{transition:none;}}@media (prefers-color-scheme:dark){:root{--switch-thumb-bg:rgb(var(--color-gray-100));--ctrl-bg:rgb(var(--color-gray-800));}}:dir(rtl) .switch input:checked ~ .switch__track .switch__thumb,[dir='rtl'] .switch input:checked ~ .switch__track .switch__thumb{transform:translateX(calc(-1 * (var(--switch-track-width) - var(--switch-thumb-size) - 4px)));}:dir(rtl) .switch--row,[dir='rtl'] .switch--row{flex-direction:row;}:dir(rtl) .textarea,[dir='rtl'] .textarea{resize:none;}:root{--tooltip-padding:var(--space-2) var(--space-3);--tooltip-padding-sm:var(--space-1) var(--space-2);--tooltip-padding-lg:var(--space-3) var(--space-4);--tooltip-radius:var(--radius-md);--tooltip-max-width:240px;--tooltip-max-width-sm:160px;--tooltip-max-width-lg:320px;--tooltip-font-size:var(--font-xs);--tooltip-font-size-sm:calc(var(--font-xs) * 0.9);--tooltip-font-size-lg:var(--font-sm);--tooltip-font-weight:var(--font-weight-medium);--tooltip-line-height:var(--line-height-snug);--tooltip-gap:var(--space-2);--tooltip-arrow-size:6px;--tooltip-bg:var(--color-bg-inverse);--tooltip-color:var(--color-text-inverse);--tooltip-border:transparent;--tooltip-shadow:var(--shadow-md);--tooltip-delay:600ms;--tooltip-duration-in:var(--duration-fast);--tooltip-duration-out:var(--duration-fast);--popover-padding:var(--space-4);--popover-radius:var(--radius-lg);--popover-max-width:320px;--popover-min-width:200px;--popover-shadow:var(--shadow-floating);--popover-border:var(--border-color-default);--popover-bg:var(--color-bg-surface);--popover-arrow-size:8px;--popover-gap:var(--space-2);--popover-header-border:var(--border-color-subtle);--popover-footer-border:var(--border-color-subtle);}.tooltip,.popover{position:absolute;z-index:var(--z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transition:opacityvar(--tooltip-duration-out) var(--ease-out),visibility var(--tooltip-duration-out) var(--ease-out),transformvar(--tooltip-duration-out) var(--ease-out);will-change:opacity, transform;}.tooltip.is-visible,.popover.is-visible{opacity:1;visibility:visible;transform:none !important;transition:opacityvar(--tooltip-duration-in) var(--ease-out),visibility var(--tooltip-duration-in) var(--ease-out),transformvar(--tooltip-duration-in) var(--ease-out);}.tooltip{max-width:var(--tooltip-max-width);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);background-color:var(--tooltip-bg);color:var(--tooltip-color);font-family:var(--font-family-base);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);box-shadow:var(--tooltip-shadow);text-align:center;word-break:break-word;width:max-content;}.tooltip--top,.tooltip--top-start,.tooltip--top-end{transform:translateY(var(--space-1));}.tooltip--bottom,.tooltip--bottom-start,.tooltip--bottom-end{transform:translateY(calc(var(--space-1) * -1));}.tooltip--left,.tooltip--left-start,.tooltip--left-end{transform:translateX(var(--space-1));}.tooltip--right,.tooltip--right-start,.tooltip--right-end{transform:translateX(calc(var(--space-1) * -1));}.tooltip::before{content:'';position:absolute;width:0;height:0;border:var(--tooltip-arrow-size) solid transparent;pointer-events:none;}.tooltip--top::before,.tooltip--top-start::before,.tooltip--top-end::before{border-top-color:var(--tooltip-bg);border-bottom:none;top:100%;left:50%;transform:translateX(-50%);}.tooltip--top-start::before{left:var(--space-4);transform:none;}.tooltip--top-end::before{left:auto;right:var(--space-4);transform:none;}.tooltip--bottom::before,.tooltip--bottom-start::before,.tooltip--bottom-end::before{border-bottom-color:var(--tooltip-bg);border-top:none;bottom:100%;left:50%;transform:translateX(-50%);}.tooltip--bottom-start::before{left:var(--space-4);transform:none;}.tooltip--bottom-end::before{left:auto;right:var(--space-4);transform:none;}.tooltip--left::before,.tooltip--left-start::before,.tooltip--left-end::before{border-left-color:var(--tooltip-bg);border-right:none;left:100%;top:50%;transform:translateY(-50%);}.tooltip--left-start::before{top:var(--space-3);transform:none;}.tooltip--left-end::before{top:auto;bottom:var(--space-3);transform:none;}.tooltip--right::before,.tooltip--right-start::before,.tooltip--right-end::before{border-right-color:var(--tooltip-bg);border-left:none;right:100%;top:50%;transform:translateY(-50%);}.tooltip--right-start::before{top:var(--space-3);transform:none;}.tooltip--right-end::before{top:auto;bottom:var(--space-3);transform:none;}.tooltip--sm{max-width:var(--tooltip-max-width-sm);padding:var(--tooltip-padding-sm);font-size:var(--tooltip-font-size-sm);border-radius:var(--radius-sm);}.tooltip--lg{max-width:var(--tooltip-max-width-lg);padding:var(--tooltip-padding-lg);font-size:var(--tooltip-font-size-lg);text-align:left;}.tooltip--light{--tooltip-bg:var(--color-bg-surface);--tooltip-color:var(--color-text-primary);--tooltip-border:var(--border-color-default);border:var(--border-width-thin) solid var(--tooltip-border);box-shadow:var(--shadow-floating);}.tooltip--brand{--tooltip-bg:var(--color-brand);--tooltip-color:var(--color-text-inverse);}.tooltip--danger{--tooltip-bg:var(--color-danger);--tooltip-color:var(--color-text-inverse);}.tooltip-wrap{position:relative;display:inline-flex;}.tooltip-wrap::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--tooltip-gap));left:50%;transform:translateX(-50%) translateY(var(--space-1));z-index:var(--z-tooltip);max-width:var(--tooltip-max-width);width:max-content;padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);background-color:var(--tooltip-bg);color:var(--tooltip-color);font-family:var(--font-family-base);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);box-shadow:var(--tooltip-shadow);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacityvar(--tooltip-duration-in) var(--ease-out),visibility var(--tooltip-duration-in) var(--ease-out),transformvar(--tooltip-duration-in) var(--ease-out);}.tooltip-wrap::after{content:'';position:absolute;bottom:calc(100% + var(--tooltip-gap) - var(--tooltip-arrow-size));left:50%;transform:translateX(-50%);z-index:var(--z-tooltip);width:0;height:0;border:var(--tooltip-arrow-size) solid transparent;border-top-color:var(--tooltip-bg);border-bottom:none;pointer-events:none;opacity:0;visibility:hidden;transition:opacityvar(--tooltip-duration-in) var(--ease-out),visibility var(--tooltip-duration-in) var(--ease-out);}.tooltip-wrap:hover::before,.tooltip-wrap:hover::after,.tooltip-wrap:focus-visible::before,.tooltip-wrap:focus-visible::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.tooltip-wrap:focus-visible::after{opacity:1;visibility:visible;}@media (hover:none){.tooltip-wrap::before,.tooltip-wrap::after{display:none;}}.popover{pointer-events:auto;background-color:var(--popover-bg);border:var(--border-width-thin) solid var(--popover-border);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);min-width:var(--popover-min-width);max-width:var(--popover-max-width);width:max-content;overflow:hidden;z-index:var(--z-dropdown);}.popover--top,.popover--top-start,.popover--top-end{transform:translateY(var(--space-2));}.popover--bottom,.popover--bottom-start,.popover--bottom-end{transform:translateY(calc(var(--space-2) * -1));}.popover--left,.popover--left-start,.popover--left-end{transform:translateX(var(--space-2));}.popover--right,.popover--right-start,.popover--right-end{transform:translateX(calc(var(--space-2) * -1));}.popover::before,.popover::after{content:'';position:absolute;width:0;height:0;border:var(--popover-arrow-size) solid transparent;pointer-events:none;}.popover--top::after,.popover--top-start::after,.popover--top-end::after{border-top-color:var(--popover-bg);border-bottom:none;top:100%;left:50%;transform:translateX(-50%);}.popover--top::before,.popover--top-start::before,.popover--top-end::before{border-top-color:var(--popover-border);border-bottom:none;top:calc(100% + 1px);left:50%;transform:translateX(-50%);}.popover--top-start::after,.popover--top-start::before{left:var(--space-5);transform:none;}.popover--top-end::after,.popover--top-end::before{left:auto;right:var(--space-5);transform:none;}.popover--bottom::after,.popover--bottom-start::after,.popover--bottom-end::after{border-bottom-color:var(--popover-bg);border-top:none;bottom:100%;left:50%;transform:translateX(-50%);}.popover--bottom::before,.popover--bottom-start::before,.popover--bottom-end::before{border-bottom-color:var(--popover-border);border-top:none;bottom:calc(100% + 1px);left:50%;transform:translateX(-50%);}.popover--bottom-start::after,.popover--bottom-start::before{left:var(--space-5);transform:none;}.popover--bottom-end::after,.popover--bottom-end::before{left:auto;right:var(--space-5);transform:none;}.popover--left::after,.popover--left-start::after,.popover--left-end::after{border-left-color:var(--popover-bg);border-right:none;left:100%;top:50%;transform:translateY(-50%);}.popover--left::before,.popover--left-start::before,.popover--left-end::before{border-left-color:var(--popover-border);border-right:none;left:calc(100% + 1px);top:50%;transform:translateY(-50%);}.popover--right::after,.popover--right-start::after,.popover--right-end::after{border-right-color:var(--popover-bg);border-left:none;right:100%;top:50%;transform:translateY(-50%);}.popover--right::before,.popover--right-start::before,.popover--right-end::before{border-right-color:var(--popover-border);border-left:none;right:calc(100% + 1px);top:50%;transform:translateY(-50%);}.popover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--popover-padding);border-bottom:var(--border-width-thin) solid var(--popover-header-border);flex-shrink:0;}.popover__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;}.popover__close{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.popover__close:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.popover__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.popover__close svg{width:var(--space-4);height:var(--space-4);}.popover__body{padding:var(--popover-padding);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);overflow-y:auto;overscroll-behavior:contain;}.popover:not(:has(.popover__header)) .popover__body{padding-top:var(--popover-padding);}.popover__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--popover-padding);border-top:var(--border-width-thin) solid var(--popover-footer-border);background-color:var(--color-bg-subtle);flex-shrink:0;}.popover--sm{--popover-max-width:240px;--popover-min-width:160px;--popover-padding:var(--space-3);}.popover--lg{--popover-max-width:420px;--popover-min-width:280px;}.popover--xl{--popover-max-width:560px;--popover-min-width:360px;}.popover--full{max-width:100vw;width:100%;}.popover--menu{--popover-padding:var(--space-1);--popover-min-width:160px;}.popover--menu .popover__body{padding:var(--space-1);}.popover--selection .popover__body{padding:0;max-height:280px;overflow-y:auto;}.popover--confirm{--popover-max-width:280px;text-align:center;}.popover--confirm .popover__body{padding:var(--space-5) var(--popover-padding) var(--space-4);}.popover--confirm .popover__footer{justify-content:center;background-color:transparent;border-top:none;padding-top:0;}@media (prefers-reduced-motion:reduce){.tooltip,.popover,.tooltip-wrap::before,.tooltip-wrap::after{transition:opacityvar(--tooltip-duration-in) var(--ease-out),visibility var(--tooltip-duration-in) var(--ease-out);transform:none !important;}.tooltip--top, .tooltip--top-start, .tooltip--top-end,.tooltip--bottom, .tooltip--bottom-start, .tooltip--bottom-end,.tooltip--left, .tooltip--left-start, .tooltip--left-end,.tooltip--right, .tooltip--right-start, .tooltip--right-end,.popover--top, .popover--top-start, .popover--top-end,.popover--bottom, .popover--bottom-start, .popover--bottom-end,.popover--left, .popover--left-start, .popover--left-end,.popover--right, .popover--right-start, .popover--right-end{transform:none;}}:dir(rtl) .tooltip--left::before,[dir='rtl'] .tooltip--left::before,:dir(rtl) .tooltip--left-start::before,[dir='rtl'] .tooltip--left-start::before,:dir(rtl) .tooltip--left-end::before,[dir='rtl'] .tooltip--left-end::before{}:dir(rtl) .tooltip--top-start::before,[dir='rtl'] .tooltip--top-start::before,:dir(rtl) .tooltip--bottom-start::before,[dir='rtl'] .tooltip--bottom-start::before{left:auto;right:var(--space-4);}:dir(rtl) .tooltip--top-end::before,[dir='rtl'] .tooltip--top-end::before,:dir(rtl) .tooltip--bottom-end::before,[dir='rtl'] .tooltip--bottom-end::before{left:var(--space-4);right:auto;}:dir(rtl) .popover__footer,[dir='rtl'] .popover__footer{justify-content:flex-start;}:dir(rtl) .popover--top-start::after,:dir(rtl) .popover--top-start::before,[dir='rtl'] .popover--top-start::after,[dir='rtl'] .popover--top-start::before{left:auto;right:var(--space-5);}:dir(rtl) .popover--top-end::after,:dir(rtl) .popover--top-end::before,[dir='rtl'] .popover--top-end::after,[dir='rtl'] .popover--top-end::before{left:var(--space-5);right:auto;}:dir(rtl) .popover--bottom-start::after,:dir(rtl) .popover--bottom-start::before,[dir='rtl'] .popover--bottom-start::after,[dir='rtl'] .popover--bottom-start::before{left:auto;right:var(--space-5);}:dir(rtl) .popover--bottom-end::after,:dir(rtl) .popover--bottom-end::before,[dir='rtl'] .popover--bottom-end::after,[dir='rtl'] .popover--bottom-end::before{left:var(--space-5);right:auto;}:root{--accordion-trigger-min-height:var(--space-12);--accordion-trigger-min-height-sm:var(--space-10);--accordion-trigger-min-height-lg:var(--space-14, 3.5rem);--accordion-trigger-px:var(--space-5);--accordion-trigger-px-sm:var(--space-4);--accordion-trigger-px-lg:var(--space-6);--accordion-trigger-gap:var(--space-3);--accordion-panel-height:0px;--accordion-body-px:var(--space-5);--accordion-body-py:var(--space-4);--accordion-body-py-sm:var(--space-3);--accordion-body-py-lg:var(--space-5);--accordion-icon-size:var(--space-5);--accordion-icon-size-sm:var(--space-4);--accordion-icon-color:var(--color-text-muted);--accordion-icon-rotation:180deg;--accordion-border-color:var(--border-color-default);--accordion-bg:transparent;--accordion-trigger-bg:transparent;--accordion-trigger-bg-hover:var(--color-bg-subtle);--accordion-trigger-bg-open:transparent;--accordion-trigger-color:var(--color-text-primary);--accordion-trigger-color-open:var(--color-brand);--accordion-divider:var(--border-color-subtle);--accordion-panel-bg:transparent;--accordion-duration:var(--duration-slow);--accordion-ease:var(--ease-out);}.accordion{display:flex;flex-direction:column;border:var(--border-width-thin) solid var(--accordion-border-color);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-surface);}.accordion__item{display:flex;flex-direction:column;border-bottom:var(--border-width-thin) solid var(--accordion-divider);}.accordion__item:last-child{border-bottom:none;}.accordion__trigger{appearance:none;-webkit-appearance:none;background:var(--accordion-trigger-bg);border:none;width:100%;text-align:left;cursor:pointer;padding:0;display:flex;align-items:center;gap:var(--accordion-trigger-gap);min-height:var(--accordion-trigger-min-height);padding:var(--space-3) var(--accordion-trigger-px);font-family:var(--font-family-base);color:var(--accordion-trigger-color);transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.accordion__trigger:hover{background-color:var(--accordion-trigger-bg-hover);}.accordion__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;border-radius:var(--radius-sm);}.accordion__trigger[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.accordion__item.is-open > .accordion__trigger{color:var(--accordion-trigger-color-open);background-color:var(--accordion-trigger-bg-open);}.accordion__icon-lead{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);color:var(--color-text-secondary);}.accordion__icon-lead svg{width:var(--space-5);height:var(--space-5);}.accordion__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.accordion__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:inherit;line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.accordion__subtitle{font-size:var(--font-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.accordion__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-bold);background-color:var(--color-bg-muted);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;line-height:1;}.accordion__item.is-open .accordion__badge{background-color:var(--color-brand-muted);color:var(--color-brand);}.accordion__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--accordion-icon-size);height:var(--accordion-icon-size);color:var(--accordion-icon-color);margin-left:auto;transition:transform var(--accordion-duration) var(--accordion-ease);pointer-events:none;}.accordion__icon svg{width:100%;height:100%;}.accordion__item.is-open > .accordion__trigger .accordion__icon{transform:rotate(var(--accordion-icon-rotation));color:var(--color-brand);}.accordion--icon-left .accordion__icon{margin-left:0;order:-1;}.accordion__panel{max-height:var(--accordion-panel-height);overflow:hidden;transition:max-height var(--accordion-duration) var(--accordion-ease);will-change:max-height;}.accordion__item.is-open > .accordion__panel{max-height:var(--accordion-panel-height);}.accordion__body{padding:var(--accordion-body-py) var(--accordion-body-px);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);}.accordion__item.is-open > .accordion__panel .accordion__body{border-top:var(--border-width-thin) solid var(--accordion-divider);}.accordion__panel-header + .accordion__body{border-top:none;}.accordion__panel-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--accordion-body-px);border-top:var(--border-width-thin) solid var(--accordion-divider);border-bottom:var(--border-width-thin) solid var(--accordion-divider);background-color:var(--color-bg-subtle);}.accordion--card{background-color:transparent;border:none;border-radius:0;gap:var(--space-3);}.accordion--card .accordion__item{background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--accordion-border-color);border-radius:var(--radius-lg);border-bottom:var(--border-width-thin) solid var(--accordion-border-color);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow var(--duration-fast) var(--ease-out);}.accordion--card .accordion__item.is-open{box-shadow:var(--shadow-md);}.accordion--ghost{border:none;background-color:transparent;border-radius:0;}.accordion--ghost .accordion__item{border-bottom:none;}.accordion--ghost .accordion__trigger:hover{background-color:var(--color-bg-muted);border-radius:var(--radius-md);}.accordion--ghost .accordion__item.is-open > .accordion__trigger{background-color:var(--color-brand-subtle);border-radius:var(--radius-md);}.accordion--ghost .accordion__item.is-open > .accordion__panel .accordion__body{border-top:none;padding-top:var(--space-2);}.accordion--filled .accordion__trigger{background-color:var(--color-bg-subtle);}.accordion--filled .accordion__trigger:hover{background-color:var(--color-bg-muted);}.accordion--filled .accordion__item.is-open > .accordion__trigger{background-color:var(--color-brand-subtle);}.accordion--flush{border:none;border-radius:0;background-color:transparent;}.accordion--flush .accordion__item{border-bottom:var(--border-width-thin) solid var(--accordion-divider);}.accordion--flush .accordion__item:last-child{border-bottom:none;}.accordion--flush .accordion__trigger{border-radius:0;}.accordion--sm .accordion__trigger{min-height:var(--accordion-trigger-min-height-sm);padding:var(--space-2) var(--accordion-trigger-px-sm);}.accordion--sm .accordion__icon{width:var(--accordion-icon-size-sm);height:var(--accordion-icon-size-sm);}.accordion--sm .accordion__title{font-size:var(--font-xs);}.accordion--sm .accordion__body{padding:var(--accordion-body-py-sm) var(--accordion-trigger-px-sm);font-size:var(--font-xs);}.accordion--lg .accordion__trigger{min-height:var(--accordion-trigger-min-height-lg);padding:var(--space-4) var(--accordion-trigger-px-lg);}.accordion--lg .accordion__title{font-size:var(--font-md);}.accordion--lg .accordion__body{padding:var(--accordion-body-py-lg) var(--accordion-trigger-px-lg);}.accordion__body .accordion{border-radius:var(--radius-md);margin-top:var(--space-3);margin-bottom:var(--space-2);}.accordion__body .accordion .accordion__trigger{padding:var(--space-2) var(--space-4);min-height:var(--accordion-trigger-min-height-sm);}.accordion__body .accordion .accordion__title{font-size:var(--font-xs);}.accordion__body .accordion .accordion__body{padding:var(--space-3) var(--space-4);font-size:var(--font-xs);}.accordion-native{display:flex;flex-direction:column;border:var(--border-width-thin) solid var(--accordion-border-color);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-surface);}.accordion-native__item{border-bottom:var(--border-width-thin) solid var(--accordion-divider);}.accordion-native__item:last-child{border-bottom:none;}.accordion-native__item > summary{list-style:none;}.accordion-native__item > summary::-webkit-details-marker{display:none;}.accordion-native__trigger{display:flex;align-items:center;gap:var(--accordion-trigger-gap);min-height:var(--accordion-trigger-min-height);padding:var(--space-3) var(--accordion-trigger-px);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--duration-fast) var(--ease-out);}.accordion-native__trigger:hover{background-color:var(--accordion-trigger-bg-hover);}.accordion-native__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.accordion-native__title{flex:1;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug);}.accordion-native__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--accordion-icon-size);height:var(--accordion-icon-size);color:var(--accordion-icon-color);transition:transform var(--accordion-duration) var(--accordion-ease);}.accordion-native__icon svg{width:100%;height:100%;}.accordion-native__item[open] .accordion-native__icon{transform:rotate(180deg);color:var(--color-brand);}.accordion-native__item[open] .accordion-native__title{color:var(--color-brand);}.accordion-native__body{padding:var(--accordion-body-py) var(--accordion-body-px);font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-top:var(--border-width-thin) solid var(--accordion-divider);}@media (prefers-reduced-motion:reduce){.accordion__panel,.accordion__icon,.accordion-native__icon{transition:none;}}:dir(rtl) .accordion__icon,[dir='rtl'] .accordion__icon{margin-left:0;margin-right:auto;}:dir(rtl) .accordion--icon-left .accordion__icon,[dir='rtl'] .accordion--icon-left .accordion__icon{order:unset;margin-right:0;margin-left:auto;}:dir(rtl) .accordion__trigger,[dir='rtl'] .accordion__trigger{text-align:right;}:dir(rtl) .accordion-native__trigger,[dir='rtl'] .accordion-native__trigger{text-align:right;}:dir(rtl) .accordion-native__icon,[dir='rtl'] .accordion-native__icon{margin-left:0;margin-right:auto;}:root{--ac-field-min-height:var(--space-10);--ac-field-padding-x:var(--space-3);--ac-field-padding-y:var(--space-2);--ac-field-radius:var(--radius-md);--ac-field-bg:var(--color-bg-surface);--ac-field-border:var(--border-color-input);--ac-field-border-focus:var(--border-color-input-focus);--ac-input-font-size:var(--font-sm);--ac-token-height:var(--space-6);--ac-token-padding-x:var(--space-2);--ac-token-radius:var(--radius-sm);--ac-token-bg:var(--color-brand-subtle);--ac-token-color:var(--color-brand);--ac-token-font-size:var(--font-xs);--ac-list-radius:var(--radius-lg);--ac-list-shadow:var(--shadow-floating);--ac-list-border:var(--border-color-default);--ac-list-bg:var(--color-bg-surface);--ac-list-max-height:280px;--ac-list-z:var(--z-dropdown);--ac-list-gap:var(--space-2);--ac-option-height:var(--space-9);--ac-option-padding-x:var(--space-3);--ac-option-radius:var(--radius-sm);--ac-option-font-size:var(--font-sm);--ac-option-icon-size:var(--space-5);--ac-option-bg-active:var(--color-bg-muted);--ac-option-bg-selected:var(--color-brand-subtle);--ac-option-color-selected:var(--color-brand);}.autocomplete{position:relative;width:100%;}.autocomplete__field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-height:var(--ac-field-min-height);padding:var(--ac-field-padding-y) var(--ac-field-padding-x);background-color:var(--ac-field-bg);border:var(--border-width-thin) solid var(--ac-field-border);border-radius:var(--ac-field-radius);cursor:text;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.autocomplete.is-focused .autocomplete__field,.autocomplete__field:focus-within{border-color:var(--ac-field-border-focus);box-shadow:var(--shadow-focus);}.autocomplete.is-error .autocomplete__field{border-color:var(--border-color-danger);}.autocomplete.is-error.is-focused .autocomplete__field{box-shadow:0 0 0 3px rgb(var(--color-danger-500) / 0.15);}.autocomplete.is-disabled .autocomplete__field{background-color:var(--color-bg-muted);border-color:var(--border-color-default);cursor:not-allowed;opacity:var(--opacity-disabled);}.autocomplete.is-open .autocomplete__field{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;box-shadow:none;}.autocomplete.is-open.autocomplete--above .autocomplete__field{border-bottom-left-radius:var(--ac-field-radius);border-bottom-right-radius:var(--ac-field-radius);border-top-left-radius:0;border-top-right-radius:0;border-bottom-color:var(--ac-field-border-focus);border-top-color:transparent;}.autocomplete__tokens{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);}.autocomplete__token{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--ac-token-height);padding:0 var(--space-1) 0 var(--ac-token-padding-x);border-radius:var(--ac-token-radius);background-color:var(--ac-token-bg);color:var(--ac-token-color);font-size:var(--ac-token-font-size);font-weight:var(--font-weight-medium);white-space:nowrap;max-width:160px;}.autocomplete__token-label{overflow:hidden;text-overflow:ellipsis;line-height:1;}.autocomplete__token-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);border:none;background:none;padding:0;color:inherit;opacity:0.7;cursor:pointer;position:relative;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.autocomplete__token-remove:hover{opacity:1;background-color:rgb(0 0 0 / 0.10);}.autocomplete__token-remove:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.autocomplete__token-remove::before,.autocomplete__token-remove::after{content:'';position:absolute;width:7px;height:1.5px;background-color:currentColor;border-radius:1px;}.autocomplete__token-remove::before{transform:rotate(45deg);}.autocomplete__token-remove::after{transform:rotate(-45deg);}.autocomplete__input{flex:1;min-width:80px;height:var(--space-6);border:none;outline:none;background:transparent;font-family:var(--font-family-base);font-size:var(--ac-input-font-size);color:var(--color-text-primary);line-height:1;caret-color:var(--color-brand);}.autocomplete__input::placeholder{color:var(--color-text-muted);}.autocomplete.is-disabled .autocomplete__input{cursor:not-allowed;pointer-events:none;}.autocomplete__controls{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto;}.autocomplete__clear,.autocomplete__toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.autocomplete__clear:hover,.autocomplete__toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted);}.autocomplete__clear:focus-visible,.autocomplete__toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.autocomplete__clear svg,.autocomplete__toggle svg{width:var(--space-4);height:var(--space-4);pointer-events:none;}.autocomplete__toggle svg{transition:transform var(--duration-normal) var(--ease-out);}.autocomplete.is-open .autocomplete__toggle svg{transform:rotate(180deg);}.autocomplete__clear{display:none;}.autocomplete.has-value .autocomplete__clear{display:inline-flex;}.autocomplete__list{position:absolute;top:100%;left:0;right:0;z-index:var(--ac-list-z);background-color:var(--ac-list-bg);border:var(--border-width-thin) solid var(--ac-field-border-focus);border-top:none;border-radius:0 0 var(--ac-list-radius) var(--ac-list-radius);box-shadow:var(--ac-list-shadow);overflow:hidden;max-height:var(--ac-list-max-height);overflow-y:auto;overscroll-behavior:contain;display:none;}.autocomplete.is-open .autocomplete__list{display:block;}.autocomplete.is-open.autocomplete--above .autocomplete__list{top:auto;bottom:100%;border-top:var(--border-width-thin) solid var(--ac-field-border-focus);border-bottom:none;border-radius:var(--ac-list-radius) var(--ac-list-radius) 0 0;}.autocomplete__list-inner{padding:var(--space-1);}.autocomplete__option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--ac-option-height);padding:0 var(--ac-option-padding-x);border-radius:var(--ac-option-radius);font-size:var(--ac-option-font-size);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none;}.autocomplete__option.is-active{background-color:var(--ac-option-bg-active);}.autocomplete__option.is-selected{background-color:var(--ac-option-bg-selected);color:var(--ac-option-color-selected);font-weight:var(--font-weight-medium);}.autocomplete__option.is-selected.is-active{background-color:var(--color-brand-muted);}.autocomplete__option.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.autocomplete__option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ac-option-icon-size);height:var(--ac-option-icon-size);color:var(--color-text-secondary);}.autocomplete__option-icon svg{width:100%;height:100%;}.autocomplete__option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}.autocomplete__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-snug);}.autocomplete__option-label mark,.autocomplete__option-label .ac-match{background-color:transparent;color:var(--color-brand);font-weight:var(--font-weight-semibold);}.autocomplete__option-meta{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);}.autocomplete__option-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);color:var(--color-brand);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.autocomplete__option-check svg{width:100%;height:100%;}.autocomplete__option.is-selected .autocomplete__option-check{opacity:1;}.autocomplete__group{display:flex;flex-direction:column;gap:0;}.autocomplete__group + .autocomplete__group{border-top:var(--border-width-thin) solid var(--border-color-subtle);margin-top:var(--space-1);padding-top:var(--space-1);}.autocomplete__group-label{display:block;padding:var(--space-2) var(--ac-option-padding-x) var(--space-1);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:1;}.autocomplete__empty,.autocomplete__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--ac-option-padding-x);font-size:var(--font-sm);color:var(--color-text-muted);text-align:center;}.autocomplete__footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-top:var(--border-width-thin) solid var(--border-color-subtle);margin-top:var(--space-1);}.autocomplete__create{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--ac-option-height);padding:0 var(--ac-option-padding-x);border-radius:var(--ac-option-radius);font-size:var(--ac-option-font-size);color:var(--color-brand);font-weight:var(--font-weight-medium);cursor:pointer;background:none;border:none;text-align:left;transition:background-color var(--duration-fast) var(--ease-out);}.autocomplete__create:hover,.autocomplete__create.is-active{background-color:var(--ac-option-bg-active);}.autocomplete__create:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}:dir(rtl) .autocomplete__controls,[dir='rtl'] .autocomplete__controls{margin-left:0;margin-right:auto;}:dir(rtl) .autocomplete__token,[dir='rtl'] .autocomplete__token{padding:0 var(--ac-token-padding-x) 0 var(--space-1);}:dir(rtl) .autocomplete__option,[dir='rtl'] .autocomplete__option{flex-direction:row-reverse;}:root{--avatar-size-2xs:1.25rem;--avatar-size-xs:1.5rem;--avatar-size-sm:2rem;--avatar-size:2.5rem;--avatar-size-lg:3rem;--avatar-size-xl:4rem;--avatar-size-2xl:5rem;--avatar-size-3xl:6rem;--avatar-font-2xs:calc(var(--font-xs) * 0.7);--avatar-font-xs:calc(var(--font-xs) * 0.8);--avatar-font-sm:var(--font-xs);--avatar-font:var(--font-sm);--avatar-font-lg:var(--font-md);--avatar-font-xl:var(--font-xl);--avatar-font-2xl:var(--font-2xl);--avatar-font-3xl:var(--font-3xl);--avatar-bg:var(--color-brand-muted);--avatar-color:var(--color-brand);--avatar-border:var(--color-bg-surface);--avatar-border-width:var(--border-width-medium);--avatar-status-size:10px;--avatar-status-size-sm:8px;--avatar-status-size-lg:12px;--avatar-status-border:var(--color-bg-surface);--avatar-group-overlap:-10px;--avatar-group-overlap-sm:-8px;}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);background-color:var(--avatar-bg);color:var(--avatar-color);flex-shrink:0;overflow:hidden;user-select:none;-webkit-user-select:none;}.avatar__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}.avatar__initials{font-family:var(--font-family-base);font-size:var(--avatar-font);font-weight:var(--font-weight-semibold);color:inherit;line-height:1;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;}.avatar__icon{display:flex;align-items:center;justify-content:center;width:55%;height:55%;color:inherit;}.avatar__icon svg{width:100%;height:100%;}.avatar--2xs{width:var(--avatar-size-2xs);height:var(--avatar-size-2xs);--avatar-font:var(--avatar-font-2xs);--avatar-status-size:var(--avatar-status-size-sm);}.avatar--xs{width:var(--avatar-size-xs);height:var(--avatar-size-xs);--avatar-font:var(--avatar-font-xs);--avatar-status-size:var(--avatar-status-size-sm);}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);--avatar-font:var(--avatar-font-sm);--avatar-status-size:var(--avatar-status-size-sm);}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);--avatar-font:var(--avatar-font-lg);--avatar-status-size:var(--avatar-status-size-lg);}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);--avatar-font:var(--avatar-font-xl);--avatar-status-size:var(--avatar-status-size-lg);}.avatar--2xl{width:var(--avatar-size-2xl);height:var(--avatar-size-2xl);--avatar-font:var(--avatar-font-2xl);}.avatar--3xl{width:var(--avatar-size-3xl);height:var(--avatar-size-3xl);--avatar-font:var(--avatar-font-3xl);}.avatar--square{border-radius:var(--radius-md);}.avatar--rounded{border-radius:var(--radius-lg);}.avatar--circle{border-radius:var(--radius-full);}.avatar--brand{background-color:var(--color-brand-muted);color:var(--color-brand);}.avatar--red{background-color:rgb(254 226 226);color:rgb(1852828);}.avatar--orange{background-color:rgb(255 237 213);color:rgb(1946512);}.avatar--amber{background-color:rgb(254 243 199);color:rgb(180 103 0);}.avatar--green{background-color:rgb(220 252 231);color:rgb( 21 12861);}.avatar--blue{background-color:rgb(219 234 254);color:rgb( 2978 216);}.avatar--violet{background-color:rgb(237 233 254);color:rgb(10940 217);}.avatar--pink{background-color:rgb(252 231 243);color:rgb(1572377);}.avatar--gray{background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.avatar__status{position:absolute;bottom:0;right:0;width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:var(--radius-full);border:var(--avatar-border-width) solid var(--avatar-border);background-color:var(--color-text-muted);flex-shrink:0;overflow:visible;}.avatar-wrapper{position:relative;display:inline-flex;flex-shrink:0;}.avatar-wrapper .avatar__status{position:absolute;bottom:-1px;right:-1px;}.avatar__status--online{background-color:var(--color-success);}.avatar__status--away{background-color:var(--color-warning);}.avatar__status--busy{background-color:var(--color-danger);}.avatar__status--offline{background-color:var(--color-text-muted);}@media (prefers-reduced-motion:no-preference){.avatar__status--online{animation:avatar-status-pulse 2s var(--ease-in-out) infinite;}@keyframes avatar-status-pulse{0%, 100%{box-shadow:0 0 0 0 rgb(var(--color-success-500) / 0.4);}50%{box-shadow:0 0 0 4px rgb(var(--color-success-500) / 0);}}}.avatar__badge{position:absolute;top:-2px;right:-2px;min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-px);border-radius:var(--radius-full);background-color:var(--color-danger);color:var(--color-text-inverse);font-size:calc(var(--font-xs) * 0.75);font-weight:var(--font-weight-bold);line-height:var(--space-4);text-align:center;border:var(--avatar-border-width) solid var(--avatar-border);font-variant-numeric:tabular-nums;white-space:nowrap;}.avatar-btn{display:inline-flex;border-radius:var(--radius-full);cursor:pointer;background:none;border:none;padding:0;transition:box-shadow var(--duration-fast) var(--ease-out);position:relative;}.avatar-btn:hover .avatar{box-shadow:0 0 0 var(--border-width-medium) var(--color-brand-muted);}.avatar-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-full);}.avatar-btn--square:focus-visible{border-radius:var(--radius-md);}.avatar-labeled{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;}.avatar-labeled__text{display:flex;flex-direction:column;gap:0;min-width:0;}.avatar-labeled__name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.avatar-labeled__role{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.avatar-labeled--stacked{flex-direction:column;align-items:center;text-align:center;}.avatar-group{display:flex;flex-direction:row-reverse;align-items:center;}.avatar-group .avatar{border:var(--avatar-border-width) solid var(--avatar-border);margin-right:var(--avatar-group-overlap);transition:transform var(--duration-fast) var(--ease-spring),z-index 0s;position:relative;z-index:var(--z-base);}.avatar-group .avatar:hover{transform:translateY(calc(var(--space-1) * -1));z-index:var(--z-raised);}.avatar-group .avatar:first-child{margin-right:0;}.avatar-group--ltr{flex-direction:row;}.avatar-group--ltr .avatar{margin-right:0;margin-left:var(--avatar-group-overlap);}.avatar-group--ltr .avatar:first-child{margin-left:0;}.avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-text-secondary);font-size:var(--avatar-font-sm);font-weight:var(--font-weight-semibold);border:var(--avatar-border-width) solid var(--avatar-border);margin-right:var(--avatar-group-overlap);flex-shrink:0;white-space:nowrap;}.avatar-group--tight .avatar{margin-right:var(--avatar-group-overlap-sm);}.avatar-group--spread .avatar{margin-right:0;gap:var(--space-2);}.avatar.is-loading{background:linear-gradient(90deg,var(--color-bg-muted)25%,var(--color-bg-subtle) 50%,var(--color-bg-muted)75%);background-size:200% 100%;}@media (prefers-reduced-motion:no-preference){.avatar.is-loading{animation:avatar-shimmer 1.5s var(--ease-in-out) infinite;}@keyframes avatar-shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}}:dir(rtl) .avatar__status,[dir='rtl'] .avatar__status,:dir(rtl) .avatar-wrapper .avatar__status,[dir='rtl'] .avatar-wrapper .avatar__status{right:auto;left:-1px;}:dir(rtl) .avatar__badge,[dir='rtl'] .avatar__badge{right:auto;left:-2px;}:dir(rtl) .avatar-group,[dir='rtl'] .avatar-group{flex-direction:row;}:dir(rtl) .avatar-group .avatar,[dir='rtl'] .avatar-group .avatar{margin-right:0;margin-left:var(--avatar-group-overlap);}:dir(rtl) .avatar-group .avatar:first-child,[dir='rtl'] .avatar-group .avatar:first-child{margin-left:0;}:dir(rtl) .avatar-group__overflow,[dir='rtl'] .avatar-group__overflow{margin-right:0;margin-left:var(--avatar-group-overlap);}:root{--cal-slot-height:60px;--cal-slot-height-30:30px;--cal-slot-height-90:90px;--cal-slot-height-120:120px;--cal-time-col-width:64px;--cal-court-col-min:160px;--cal-court-header-height:56px;--cal-slot-bg:var(--color-bg-surface);--cal-slot-border:var(--border-color-subtle);--cal-slot-color:var(--color-text-primary);--cal-slot-bg-hover:var(--color-brand-subtle);--cal-slot-border-hover:var(--color-brand);--cal-booked-bg:var(--color-bg-muted);--cal-booked-color:var(--color-text-muted);--cal-booked-border:var(--border-color-default);--cal-booked-stripe:rgb(var(--color-gray-200));--cal-mine-bg:var(--color-brand-subtle);--cal-mine-border:var(--color-brand);--cal-mine-color:var(--color-brand);--cal-mine-accent:var(--color-brand);--cal-selected-bg:var(--color-brand-muted);--cal-selected-border:var(--color-brand);--cal-selected-color:var(--color-brand);--cal-blocked-bg:var(--color-bg-muted);--cal-blocked-stripe:rgb(var(--color-gray-100));--cal-blocked-color:var(--color-text-muted);--cal-past-bg:var(--color-bg-subtle);--cal-past-color:var(--color-text-muted);--cal-peak-badge-bg:var(--color-warning-bg);--cal-peak-badge-color:rgb(var(--color-warning-500));--cal-waitlist-bg:var(--color-warning-bg);--cal-waitlist-border:var(--color-warning);--cal-waitlist-color:rgb(var(--color-warning-500));--cal-now-line-color:var(--color-danger);--cal-now-line-dot-size:10px;--cal-now-top:0%;--cal-bg:var(--color-bg-surface);--cal-header-bg:var(--color-bg-subtle);--cal-grid-line:var(--border-color-subtle);--cal-half-line:var(--border-color-subtle);}.booking-cal{display:flex;flex-direction:column;background-color:var(--cal-bg);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;width:100%;}.booking-cal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-default);background-color:var(--cal-header-bg);flex-shrink:0;flex-wrap:wrap;}.booking-cal__nav{display:flex;align-items:center;gap:var(--space-2);}.booking-cal__heading{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;flex:1;text-align:center;}.booking-cal__view-toggle{display:flex;align-items:center;gap:var(--space-1);background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-1);}.booking-cal__view-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--space-8);padding:0 var(--space-3);font-family:var(--font-family-base);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.booking-cal__view-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-raised);}.booking-cal__view-btn.is-active,.booking-cal__view-btn[aria-pressed='true']{background-color:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold);}.booking-cal__view-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.booking-cal__legend{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);background-color:var(--cal-header-bg);flex-wrap:wrap;flex-shrink:0;}.booking-cal__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;}.booking-cal__legend-swatch{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-sm);flex-shrink:0;border:var(--border-width-thin) solid transparent;}.booking-cal__legend-swatch--available{background-color:var(--cal-slot-bg);border-color:var(--cal-slot-border);}.booking-cal__legend-swatch--booked{background-color:var(--cal-booked-bg);border-color:var(--cal-booked-border);}.booking-cal__legend-swatch--mine{background-color:var(--cal-mine-bg);border-color:var(--cal-mine-border);}.booking-cal__legend-swatch--selected{background-color:var(--cal-selected-bg);border-color:var(--cal-selected-border);}.booking-cal__legend-swatch--blocked{background-color:var(--cal-blocked-bg);border-color:var(--cal-slot-border);}.booking-cal__legend-swatch--peak{background-color:var(--cal-peak-badge-bg);border-color:var(--cal-peak-badge-color);}.booking-cal__legend-swatch--waitlist{background-color:var(--cal-waitlist-bg);border-color:var(--cal-waitlist-border);}.booking-cal__grid-wrap{overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;position:relative;max-height:600px;}.booking-cal__grid{display:grid;grid-template-columns:var(--cal-time-col-width) 1fr;grid-auto-rows:auto;min-width:100%;position:relative;}.booking-cal__grid--multi{grid-template-columns:var(--cal-time-col-width) repeat(var(--cal-court-count, 4), minmax(var(--cal-court-col-min), 1fr));}.booking-cal__grid--week{grid-template-columns:var(--cal-time-col-width) repeat(7, minmax(var(--cal-court-col-min), 1fr));}.booking-cal__time-col{position:sticky;left:0;z-index:var(--z-raised);background-color:var(--cal-header-bg);border-right:var(--border-width-thin) solid var(--border-color-default);display:flex;flex-direction:column;grid-row:1 / -1;}.booking-cal__time-col .booking-cal__court-header{background-color:var(--cal-header-bg);border-bottom:var(--border-width-thin) solid var(--border-color-default);}.booking-cal__time-label{height:var(--cal-slot-height);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-2) var(--space-3) 0 0;font-size:var(--font-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;transform:translateY(calc(var(--font-xs) * var(--line-height-tight) / -2));}.booking-cal__time-label--half{height:var(--cal-slot-height);align-items:center;font-size:calc(var(--font-xs) * 0.85);color:rgb(var(--color-gray-300));transform:none;}.booking-cal__court-col{display:flex;flex-direction:column;border-right:var(--border-width-thin) solid var(--border-color-subtle);min-width:var(--cal-court-col-min);}.booking-cal__court-col:last-child{border-right:none;}.booking-cal__court-header{height:var(--cal-court-header-height);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--cal-header-bg);border-bottom:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;text-align:center;position:sticky;top:0;z-index:var(--z-raised);}.booking-cal__court-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;}.booking-cal__court-badge{display:inline-flex;align-items:center;padding:0 var(--space-2);height:var(--space-5);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;}.booking-cal__court-badge--indoor{background-color:var(--color-info-bg);color:var(--color-info);}.booking-cal__court-badge--outdoor{background-color:var(--color-success-bg);color:var(--color-success);}.booking-cal__court-badge--covered{background-color:var(--color-warning-bg);color:var(--color-warning);}.booking-cal__slot{height:var(--cal-slot-height);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-thin) solid var(--cal-grid-line);background-color:var(--cal-slot-bg);cursor:pointer;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.booking-cal__slot::after{content:'';position:absolute;left:0;right:0;top:50%;height:var(--border-width-thin);background-color:var(--cal-half-line);opacity:0.5;pointer-events:none;}.booking-cal__slot:hover:not(.is-booked):not(.is-blocked):not(.is-past){background-color:var(--cal-slot-bg-hover);border-color:var(--cal-slot-border-hover);z-index:var(--z-raised);box-shadow:inset 0 0 0 var(--border-width-medium) var(--cal-slot-border-hover);}.booking-cal__slot:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;z-index:var(--z-raised);}.slot--30{height:var(--cal-slot-height-30);}.slot--90{height:var(--cal-slot-height-90);}.slot--120{height:var(--cal-slot-height-120);}.booking-cal__slot-time{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--cal-slot-color);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.booking-cal__slot-label{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.booking-cal__slot-price{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;}.booking-cal__slot.is-booked{background-color:var(--cal-booked-bg);cursor:not-allowed;background-image:repeating-linear-gradient(-45deg,var(--cal-booked-stripe),var(--cal-booked-stripe) 2px,transparent 2px,transparent 8px);}.booking-cal__slot.is-booked .booking-cal__slot-time,.booking-cal__slot.is-booked .booking-cal__slot-label{color:var(--cal-booked-color);}.booking-cal__slot.is-mine{background-color:var(--cal-mine-bg);border-left:var(--border-width-thick) solid var(--cal-mine-accent);cursor:default;}.booking-cal__slot.is-mine .booking-cal__slot-time{color:var(--cal-mine-color);font-weight:var(--font-weight-semibold);}.booking-cal__slot.is-mine .booking-cal__slot-label{color:var(--cal-mine-color);}.booking-cal__slot.is-mine::before{content:'Yours';position:absolute;top:var(--space-1);right:var(--space-2);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-semibold);color:var(--cal-mine-color);background-color:var(--color-brand-muted);padding:0 var(--space-1);border-radius:var(--radius-sm);line-height:var(--line-height-tight);}.booking-cal__slot.is-selected{background-color:var(--cal-selected-bg);box-shadow:inset 0 0 0 var(--border-width-medium) var(--cal-selected-border);z-index:var(--z-raised);}.booking-cal__slot.is-selected .booking-cal__slot-time{color:var(--cal-selected-color);font-weight:var(--font-weight-semibold);}@media (prefers-reduced-motion:no-preference){.booking-cal__slot.is-selected{animation:cal-slot-pulse 2s var(--ease-in-out) infinite;}@keyframes cal-slot-pulse{0%, 100%{box-shadow:inset 0 0 0 var(--border-width-medium) var(--cal-selected-border);}50%{box-shadow:inset 0 0 0 3px var(--cal-selected-border);}}}.booking-cal__slot.is-blocked{background-color:var(--cal-blocked-bg);background-image:repeating-linear-gradient(-45deg,var(--cal-blocked-stripe),var(--cal-blocked-stripe) 3px,transparent 3px,transparent 10px);cursor:not-allowed;pointer-events:none;}.booking-cal__slot.is-blocked .booking-cal__slot-time,.booking-cal__slot.is-blocked .booking-cal__slot-label{color:var(--cal-blocked-color);}.booking-cal__slot.is-past{background-color:var(--cal-past-bg);cursor:not-allowed;pointer-events:none;}.booking-cal__slot.is-past .booking-cal__slot-time,.booking-cal__slot.is-past .booking-cal__slot-label,.booking-cal__slot.is-past .booking-cal__slot-price{color:var(--cal-past-color);}.booking-cal__slot.is-past::after{display:none;}.booking-cal__slot.is-peak .booking-cal__slot-price::before{content:'⚡';font-size:calc(var(--font-xs) * 0.9);margin-right:var(--space-1);}.booking-cal__slot.is-waitlist{background-color:var(--cal-waitlist-bg);border-color:var(--cal-waitlist-border);cursor:pointer;}.booking-cal__slot.is-waitlist .booking-cal__slot-time{color:var(--cal-waitlist-color);}.booking-cal__slot.is-waitlist::before{content:'Waitlist';position:absolute;top:var(--space-1);right:var(--space-2);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-semibold);color:var(--cal-waitlist-color);background-color:var(--color-warning-bg);padding:0 var(--space-1);border-radius:var(--radius-sm);}.booking-cal__slot.is-selecting{background-color:var(--cal-selected-bg);opacity:var(--opacity-subtle);}.booking-cal__now-line{position:absolute;left:var(--cal-time-col-width);right:0;top:var(--cal-now-top, 0%);height:var(--border-width-medium);background-color:var(--cal-now-line-color);pointer-events:none;z-index:var(--z-raised);transform:translateY(var(--cal-court-header-height));}.booking-cal__now-line::before{content:'';position:absolute;left:0;top:50%;transform:translate(-50%, -50%);width:var(--cal-now-line-dot-size);height:var(--cal-now-line-dot-size);border-radius:var(--radius-full);background-color:var(--cal-now-line-color);}.booking-cal__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-brand-subtle);border-top:var(--border-width-thin) solid var(--color-brand-muted);flex-shrink:0;flex-wrap:wrap;display:none;}.booking-cal__summary.is-visible{display:flex;}.booking-cal__summary-details{display:flex;flex-direction:column;gap:var(--space-1);}.booking-cal__summary-court{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.booking-cal__summary-time{font-size:var(--font-sm);color:var(--color-text-secondary);}.booking-cal__summary-price{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-brand);white-space:nowrap;}.booking-cal__summary-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}.booking-cal__day-header{height:var(--cal-court-header-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background-color:var(--cal-header-bg);border-bottom:var(--border-width-thin) solid var(--border-color-default);border-right:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0;position:sticky;top:0;z-index:var(--z-raised);text-align:center;}.booking-cal__day-name{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.booking-cal__day-number{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.booking-cal__day-header.is-today .booking-cal__day-number{background-color:var(--color-brand);color:var(--color-text-inverse);}.booking-cal__day-header.is-today .booking-cal__day-name{color:var(--color-brand);}@media (max-width:767px){.booking-cal__toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4);}.booking-cal__heading{text-align:left;font-size:var(--font-md);}.booking-cal__view-toggle{width:100%;}.booking-cal__view-btn{flex:1;justify-content:center;}.booking-cal__legend{gap:var(--space-3);padding:var(--space-2) var(--space-4);}.booking-cal__grid--multi,.booking-cal__grid--week{grid-template-columns:var(--cal-time-col-width) minmax(var(--cal-court-col-min), 1fr);}.booking-cal__grid-wrap{max-height:480px;}}:dir(rtl) .booking-cal__time-col,[dir='rtl'] .booking-cal__time-col{left:auto;right:0;border-right:none;border-left:var(--border-width-thin) solid var(--border-color-default);}:dir(rtl) .booking-cal__time-label,[dir='rtl'] .booking-cal__time-label{justify-content:flex-start;padding-right:0;padding-left:var(--space-3);}:dir(rtl) .booking-cal__court-col,[dir='rtl'] .booking-cal__court-col{border-right:none;border-left:var(--border-width-thin) solid var(--border-color-subtle);}:dir(rtl) .booking-cal__court-col:last-child,[dir='rtl'] .booking-cal__court-col:last-child{border-left:none;}:dir(rtl) .booking-cal__slot.is-mine,[dir='rtl'] .booking-cal__slot.is-mine{border-left:none;border-right:var(--border-width-thick) solid var(--cal-mine-accent);}:dir(rtl) .booking-cal__now-line,[dir='rtl'] .booking-cal__now-line{left:0;right:var(--cal-time-col-width);}:dir(rtl) .booking-cal__now-line::before,[dir='rtl'] .booking-cal__now-line::before{left:auto;right:0;transform:translate(50%, -50%);}:root{--card-padding:var(--space-6);--card-padding-compact:var(--space-4);--card-radius:var(--radius-lg);--card-radius-compact:var(--radius-md);--card-bg:var(--color-bg-surface);--card-border-color:var(--border-color-card);--card-shadow:var(--shadow-surface);--card-header-padding:var(--space-5) var(--card-padding);--card-footer-padding:var(--space-4) var(--card-padding);--card-footer-bg:var(--color-bg-subtle);--card-media-aspect:56.25%;--card-accent-width:var(--border-width-thick);--card-hover-shadow:var(--shadow-raised);--card-hover-translate:-2px;--card-selected-border:var(--color-brand);--card-selected-shadow:var(--shadow-focus);--card-skeleton-bg:var(--color-bg-muted);--card-skeleton-shine:var(--color-bg-subtle);}.card{position:relative;display:flex;flex-direction:column;background-color:var(--card-bg);border:var(--border-width-thin) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;word-break:break-word;}a.card{color:inherit;text-decoration:none;}.card__media{position:relative;width:100%;overflow:hidden;flex-shrink:0;background-color:var(--color-bg-muted);}.card__media::before{content:'';display:block;padding-top:var(--card-media-aspect);}.card__media img,.card__media video,.card__media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;}.card__media--square{--card-media-aspect:100%;}.card__media--portrait{--card-media-aspect:133.333%;}.card__media--cinema{--card-media-aspect:42.857%;}.card__media--auto{padding-top:0;}.card__media--auto::before{display:none;}.card__media--auto img,.card__media--auto video{position:static;height:auto;}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--card-header-padding);border-bottom:var(--border-width-thin) solid var(--card-border-color);flex-shrink:0;}.card__header-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.card__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:0;}.card__subtitle{font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0;}.card__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;}.card__body{padding:var(--card-padding);flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-4);}.card__body--prose{gap:0;}.card__body--prose > * + *{margin-top:var(--space-4);}.card__section{padding:var(--card-padding);border-top:var(--border-width-thin) solid var(--card-border-color);}.card__footer{padding:var(--card-footer-padding);background-color:var(--card-footer-bg);border-top:var(--border-width-thin) solid var(--card-border-color);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}.card__footer--end{justify-content:flex-end;}.card__footer--between{justify-content:space-between;}.card__badge{position:absolute;top:var(--space-4);right:var(--space-4);z-index:var(--z-raised);}.card__badge--top-left{right:auto;left:var(--space-4);}.card__badge--bottom-right{top:auto;bottom:var(--space-4);}.card__badge--bottom-left{top:auto;right:auto;bottom:var(--space-4);left:var(--space-4);}.card--flat{box-shadow:none;}.card--filled{background-color:var(--color-bg-muted);border-color:transparent;box-shadow:none;}.card--outlined{background-color:transparent;box-shadow:none;}.card--inverse{background-color:var(--color-bg-inverse);border-color:transparent;box-shadow:var(--shadow-raised);}.card--inverse .card__title,.card--inverse .card__body,.card--inverse p,.card--inverse li{color:var(--color-text-inverse);}.card--inverse .card__subtitle{color:rgb(var(--color-gray-400));}.card--inverse .card__header,.card--inverse .card__section,.card--inverse .card__footer{border-color:rgb(var(--color-gray-700));}.card--inverse .card__footer{background-color:rgb(var(--color-gray-800));}.card--brand{background-color:var(--color-brand-subtle);border-color:var(--color-brand-muted);box-shadow:none;}.card--brand .card__header,.card--brand .card__section,.card--brand .card__footer{border-color:var(--color-brand-muted);}.card--brand .card__footer{background-color:var(--color-brand-muted);}.card--success,.card--danger,.card--warning,.card--info{border-left-width:var(--card-accent-width);}.card--success{border-left-color:var(--color-success);}.card--danger{border-left-color:var(--color-danger);}.card--warning{border-left-color:var(--color-warning);}.card--info{border-left-color:var(--color-info);}.card--success.card--filled{background-color:var(--color-success-bg);}.card--danger.card--filled{background-color:var(--color-danger-bg);}.card--warning.card--filled{background-color:var(--color-warning-bg);}.card--info.card--filled{background-color:var(--color-info-bg);}.card--interactive{cursor:pointer;transition:box-shadowvar(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);}.card--interactive:hover{box-shadow:var(--card-hover-shadow);transform:translateY(var(--card-hover-translate));border-color:var(--border-color-strong);}.card--interactive:active{transform:translateY(0);box-shadow:var(--card-shadow);}.card--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--card-hover-shadow), var(--card-selected-shadow);}@media (prefers-reduced-motion:reduce){.card--interactive{transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);}.card--interactive:hover{transform:none;}}.card.is-selected,.card--selected{border-color:var(--card-selected-border);box-shadow:var(--card-shadow), var(--card-selected-shadow);}.card.is-selected::after{content:'';position:absolute;top:var(--space-3);right:var(--space-3);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--color-brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:65%;z-index:var(--z-raised);pointer-events:none;}.card--compact{border-radius:var(--card-radius-compact);}.card--compact .card__body{padding:var(--card-padding-compact);}.card--compact .card__header{padding:var(--space-4) var(--card-padding-compact);}.card--compact .card__footer{padding:var(--space-3) var(--card-padding-compact);}.card--compact .card__section{padding:var(--card-padding-compact);}.card--compact .card__title{font-size:var(--font-md);}.card--flush .card__body{padding:0;gap:0;}.card--horizontal{flex-direction:column;}.card--horizontal .card__media{width:100%;}@media (min-width:640px){.card--horizontal{flex-direction:row;align-items:stretch;}.card--horizontal .card__media{width:200px;flex-shrink:0;}.card--horizontal .card__media::before{display:none;}.card--horizontal .card__media img,.card--horizontal .card__media video{position:static;width:100%;height:100%;object-fit:cover;}.card--horizontal .card__body{flex:1;min-width:0;}}@media (min-width:768px){.card--horizontal .card__media{width:240px;}}.card--loading{pointer-events:none;}.card__skeleton{height:var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--card-skeleton-bg)25%,var(--card-skeleton-shine) 50%,var(--card-skeleton-bg)75%);background-size:200% 100%;animation:card-skeleton-shimmer 1.5s ease-in-out infinite;}.card__skeleton--title{height:var(--space-6);width:55%;margin-bottom:var(--space-3);}.card__skeleton--short{width:40%;}.card__skeleton + .card__skeleton{margin-top:var(--space-3);}@keyframes card-skeleton-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@media (prefers-reduced-motion:reduce){.card__skeleton{animation:none;background:var(--card-skeleton-bg);}}.card__divider{border:none;border-top:var(--border-width-thin) solid var(--card-border-color);margin:var(--space-2) calc(var(--card-padding) * -1);}.card-stat{display:flex;flex-direction:column;gap:var(--space-1);margin:0;}.card-stat__label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);}.card-stat__value{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0;}.card-stat__delta{font-size:var(--font-xs);font-weight:var(--font-weight-medium);margin:0;color:var(--color-text-muted);}.card-stat__delta--up{color:var(--color-text-success);}.card-stat__delta--down{color:var(--color-text-danger);}:dir(rtl) .card--success,:dir(rtl) .card--danger,:dir(rtl) .card--warning,:dir(rtl) .card--info,[dir='rtl'] .card--success,[dir='rtl'] .card--danger,[dir='rtl'] .card--warning,[dir='rtl'] .card--info{border-left:var(--border-width-thin) solid var(--border-color-card);border-right:var(--border-width-thick) solid currentColor;}:dir(rtl) .card--horizontal,[dir='rtl'] .card--horizontal{flex-direction:row-reverse;}:dir(rtl) .card__badge--top-right,[dir='rtl'] .card__badge--top-right{right:auto;left:var(--space-3);}:dir(rtl) .card__badge--top-left,[dir='rtl'] .card__badge--top-left{left:auto;right:var(--space-3);}:root{--cmdk-overlay-bg:rgb(0 0 0 / 0.5);--cmdk-width:600px;--cmdk-radius:var(--radius-xl, 1.5rem);--cmdk-shadow:var(--shadow-overlay);--cmdk-bg:var(--color-bg-surface);--cmdk-border:var(--border-color-default);--cmdk-search-height:56px;--cmdk-search-font:var(--font-md);--cmdk-search-padding:0 var(--space-4);--cmdk-search-icon-size:var(--space-5);--cmdk-body-max-height:360px;--cmdk-body-padding:var(--space-2);--cmdk-item-height:var(--space-10);--cmdk-item-padding:0 var(--space-3);--cmdk-item-radius:var(--radius-md);--cmdk-item-font:var(--font-sm);--cmdk-item-icon-size:var(--space-5);--cmdk-item-bg-active:var(--color-bg-muted);--cmdk-label-font:calc(var(--font-xs) * 0.85);--cmdk-label-padding:var(--space-3) var(--space-3) var(--space-1);--cmdk-footer-height:36px;}.cmdk-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background-color:var(--cmdk-overlay-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacityvar(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);}.cmdk-overlay.is-open{opacity:1;visibility:visible;}.cmdk{width:min(var(--cmdk-width), calc(100vw - var(--space-8)));background-color:var(--cmdk-bg);border:var(--border-width-thin) solid var(--cmdk-border);border-radius:var(--cmdk-radius);box-shadow:var(--cmdk-shadow);overflow:hidden;display:flex;flex-direction:column;transform:scale(0.96) translateY(calc(var(--space-4) * -1));transition:transform var(--duration-normal) var(--ease-spring);}.cmdk-overlay.is-open .cmdk{transform:none;}.cmdk__search{display:flex;align-items:center;gap:var(--space-3);height:var(--cmdk-search-height);padding:var(--cmdk-search-padding);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0;}.cmdk__search-icon{display:flex;align-items:center;flex-shrink:0;width:var(--cmdk-search-icon-size);height:var(--cmdk-search-icon-size);color:var(--color-text-muted);}.cmdk__search-icon svg{width:100%;height:100%;}.cmdk__input{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:var(--font-family-base);font-size:var(--cmdk-search-font);font-weight:var(--font-weight-regular);color:var(--color-text-primary);caret-color:var(--color-brand);}.cmdk__input::placeholder{color:var(--color-text-muted);}.cmdk__shortcut{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);font-family:var(--font-family-mono);background-color:var(--color-bg-subtle);white-space:nowrap;}.cmdk__clear{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.cmdk.has-query .cmdk__clear{display:flex;}.cmdk.has-query .cmdk__shortcut{display:none;}.cmdk__clear:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted);}.cmdk__clear:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.cmdk__clear svg{width:var(--space-4);height:var(--space-4);}.cmdk__body{max-height:var(--cmdk-body-max-height);overflow-y:auto;overscroll-behavior:contain;padding:var(--cmdk-body-padding);scrollbar-width:thin;scrollbar-color:var(--border-color-default) transparent;}.cmdk__group{display:flex;flex-direction:column;}.cmdk__group + .cmdk__group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--border-color-subtle);}.cmdk__group-label{display:block;padding:var(--cmdk-label-padding);font-size:var(--cmdk-label-font);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:1;}.cmdk__item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--cmdk-item-height);padding:var(--cmdk-item-padding);border-radius:var(--cmdk-item-radius);font-size:var(--cmdk-item-font);color:var(--color-text-primary);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--duration-fast) var(--ease-out);}.cmdk__item.is-active{background-color:var(--cmdk-item-bg-active);}.cmdk__item.is-active .cmdk__item-icon{color:var(--color-brand);}.cmdk__item--danger.is-active{background-color:var(--color-danger-bg);}.cmdk__item--danger .cmdk__item-label,.cmdk__item--danger.is-active .cmdk__item-icon{color:var(--color-danger);}.cmdk__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--cmdk-item-icon-size);height:var(--cmdk-item-icon-size);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);}.cmdk__item-icon svg{width:100%;height:100%;}.cmdk__item-icon--bg{width:var(--space-7, 1.75rem);height:var(--space-7, 1.75rem);border-radius:var(--radius-sm);background-color:var(--color-bg-muted);}.cmdk__item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}.cmdk__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);}.cmdk__item-label mark,.cmdk__item-label .cmdk-match{background:transparent;color:var(--color-brand);font-weight:var(--font-weight-semibold);}.cmdk__item-desc{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);}.cmdk__item-shortcuts{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.cmdk__item.is-active .cmdk__item-shortcuts{opacity:1;}.cmdk__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border:var(--border-width-thin) solid var(--border-color-default);border-bottom-width:2px;border-radius:var(--radius-sm);font-size:calc(var(--font-xs) * 0.85);font-family:var(--font-family-mono);color:var(--color-text-muted);background-color:var(--color-bg-subtle);line-height:1;}.cmdk__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;}.cmdk__empty-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);}.cmdk__empty-hint{font-size:var(--font-xs);color:var(--color-text-muted);}.cmdk__footer{display:flex;align-items:center;gap:var(--space-4);height:var(--cmdk-footer-height);padding:0 var(--space-4);border-top:var(--border-width-thin) solid var(--border-color-subtle);background-color:var(--color-bg-subtle);flex-shrink:0;overflow:hidden;}.cmdk__footer-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.cmdk__footer-sep{width:var(--border-width-thin);height:12px;background-color:var(--border-color-default);flex-shrink:0;}@media (prefers-reduced-motion:reduce){.cmdk-overlay,.cmdk{transition:none;}.cmdk{transform:none;}}:dir(rtl) .cmdk__item,[dir='rtl'] .cmdk__item{flex-direction:row-reverse;}:dir(rtl) .cmdk__item-label,:dir(rtl) .cmdk__item-desc,[dir='rtl'] .cmdk__item-label,[dir='rtl'] .cmdk__item-desc{text-align:right;}:dir(rtl) .cmdk__item-shortcuts,[dir='rtl'] .cmdk__item-shortcuts{flex-direction:row-reverse;}:root{--ctx-min-width:180px;--ctx-max-width:260px;--ctx-radius:var(--radius-lg);--ctx-shadow:var(--shadow-floating);--ctx-border:var(--border-color-default);--ctx-bg:var(--color-bg-surface);--ctx-padding:var(--space-1);--ctx-item-height:var(--space-9);--ctx-item-padding:0 var(--space-3);--ctx-item-radius:var(--radius-md);--ctx-item-font:var(--font-sm);--ctx-item-icon-size:var(--space-4);--ctx-item-gap:var(--space-3);--ctx-item-bg-active:var(--color-bg-muted);--ctx-label-font:calc(var(--font-xs) * 0.85);--ctx-label-padding:var(--space-2) var(--space-3) var(--space-1);}.ctx-menu{position:fixed;z-index:var(--z-modal);min-width:var(--ctx-min-width);max-width:var(--ctx-max-width);padding:var(--ctx-padding);background-color:var(--ctx-bg);border:var(--border-width-thin) solid var(--ctx-border);border-radius:var(--ctx-radius);box-shadow:var(--ctx-shadow);opacity:0;visibility:hidden;transform:scale(0.97);transform-origin:top left;transition:opacityvar(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.ctx-menu.is-visible{opacity:1;visibility:visible;transform:none;}.ctx-menu__sub{position:absolute;top:calc(var(--ctx-padding) * -1);left:calc(100% + var(--space-1));transform-origin:top left;}.ctx-menu__sub--left{left:auto;right:calc(100% + var(--space-1));transform-origin:top right;}.ctx-menu__group{display:flex;flex-direction:column;}.ctx-menu__group + .ctx-menu__group,.ctx-menu__divider{margin:var(--space-1) 0;height:var(--border-width-thin);background-color:var(--border-color-subtle);}.ctx-menu__group-label{display:block;padding:var(--ctx-label-padding);font-size:var(--ctx-label-font);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:1;}.ctx-menu__item{display:flex;align-items:center;gap:var(--ctx-item-gap);min-height:var(--ctx-item-height);padding:var(--ctx-item-padding);border-radius:var(--ctx-item-radius);font-size:var(--ctx-item-font);color:var(--color-text-primary);cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;transition:background-color var(--duration-fast) var(--ease-out);background:none;border:none;width:100%;text-align:left;font-family:var(--font-family-base);}.ctx-menu__item:hover,.ctx-menu__item.is-active{background-color:var(--ctx-item-bg-active);}.ctx-menu__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.ctx-menu__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ctx-item-icon-size);height:var(--ctx-item-icon-size);color:var(--color-text-secondary);}.ctx-menu__item-icon svg{width:100%;height:100%;}.ctx-menu__item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;}.ctx-menu__item-shortcut{flex-shrink:0;font-size:var(--font-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);white-space:nowrap;}.ctx-menu__item-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);color:var(--color-text-muted);margin-left:auto;}.ctx-menu__item-arrow svg{width:12px;height:12px;}.ctx-menu__item-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ctx-item-icon-size);height:var(--ctx-item-icon-size);color:var(--color-brand);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.ctx-menu__item-check svg{width:100%;height:100%;}.ctx-menu__item--checked .ctx-menu__item-check{opacity:1;}.ctx-menu__item--danger{color:var(--color-danger);}.ctx-menu__item--danger:hover,.ctx-menu__item--danger.is-active{background-color:var(--color-danger-bg);}.ctx-menu__item--danger .ctx-menu__item-icon{color:var(--color-danger);}.ctx-menu__item--disabled,.ctx-menu__item[aria-disabled="true"]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.ctx-menu__item--submenu:hover > .ctx-menu__sub,.ctx-menu__item--submenu.is-active > .ctx-menu__sub{opacity:1;visibility:visible;transform:none;}@media (prefers-reduced-motion:reduce){.ctx-menu,.ctx-menu__sub{transition:opacityvar(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out);transform:none !important;}}:dir(rtl) .ctx-menu__item,[dir='rtl'] .ctx-menu__item{text-align:right;flex-direction:row-reverse;}:dir(rtl) .ctx-menu__sub,[dir='rtl'] .ctx-menu__sub{left:auto;right:calc(100% + var(--space-1));transform-origin:top right;}:dir(rtl) .ctx-menu__sub--left,[dir='rtl'] .ctx-menu__sub--left{right:auto;left:calc(100% + var(--space-1));transform-origin:top left;}:dir(rtl) .ctx-menu,[dir='rtl'] .ctx-menu{transform-origin:top right;}:root{--dash-metric-value-size:var(--font-4xl);--dash-metric-value-size-sm:var(--font-2xl);--dash-metric-value-size-lg:var(--font-5xl);--dash-trend-up-bg:var(--color-success-bg);--dash-trend-up-color:var(--color-text-success);--dash-trend-down-bg:var(--color-danger-bg);--dash-trend-down-color:var(--color-text-danger);--dash-trend-neutral-bg:var(--color-bg-muted);--dash-trend-neutral-color:var(--color-text-secondary);--dash-bar-height:var(--space-3);--dash-bar-radius:var(--radius-full);--dash-bar-bg:var(--color-bg-muted);--dash-bar-fill:var(--color-brand);--dash-bar-fill-high:var(--color-success);--dash-bar-fill-warn:var(--color-warning);--dash-bar-fill-critical:var(--color-danger);--dash-breakdown-height:var(--space-4);--dash-seg-1:var(--color-brand);--dash-seg-2:rgb(var(--color-info-500));--dash-seg-3:rgb(var(--color-success-500));--dash-seg-4:rgb(var(--color-warning-500));--dash-seg-5:rgb(var(--color-primary-300));--dash-court-tile-size:var(--space-12);--dash-court-tile-radius:var(--radius-md);--dash-court-available-bg:var(--color-success-bg);--dash-court-available-color:var(--color-text-success);--dash-court-occupied-bg:var(--color-brand-muted);--dash-court-occupied-color:var(--color-brand);--dash-court-reserved-bg:var(--color-warning-bg);--dash-court-reserved-color:rgb(var(--color-warning-500));--dash-court-closed-bg:var(--color-bg-muted);--dash-court-closed-color:var(--color-text-muted);--dash-court-maintenance-bg:var(--color-danger-bg);--dash-court-maintenance-color:var(--color-text-danger);--dash-avatar-size:var(--space-8);--dash-rank-size:var(--space-6);}.dash-metric{display:flex;flex-direction:column;gap:var(--space-2);}.dash-metric__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);}.dash-metric__label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-metric__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);flex-shrink:0;background-color:var(--color-brand-subtle);color:var(--color-brand);}.dash-metric__icon svg{width:var(--space-4);height:var(--space-4);}.dash-metric__value{font-size:var(--dash-metric-value-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-variant-numeric:tabular-nums;}.dash-metric--sm .dash-metric__value{font-size:var(--dash-metric-value-size-sm);}.dash-metric--lg .dash-metric__value{font-size:var(--dash-metric-value-size-lg);}.dash-metric__compare{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.dash-metric__secondary{display:flex;align-items:baseline;gap:var(--space-2);}.dash-metric__secondary-value{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;}.dash-metric__secondary-label{font-size:var(--font-xs);color:var(--color-text-muted);}.dash-metric__trend{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;}.dash-metric__trend::before{font-size:0.65rem;line-height:1;}.dash-metric__trend--up{background-color:var(--dash-trend-up-bg);color:var(--dash-trend-up-color);}.dash-metric__trend--down{background-color:var(--dash-trend-down-bg);color:var(--dash-trend-down-color);}.dash-metric__trend--neutral{background-color:var(--dash-trend-neutral-bg);color:var(--dash-trend-neutral-color);}.dash-metric__trend--up::before{content:'▲';}.dash-metric__trend--down::before{content:'▼';}.dash-metric__trend--neutral::before{content:'—';}.dash-metric--with-chart{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-4);}.dash-metric--with-chart .dash-metric__data{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;}.dash-metric--with-chart .dash-sparkline{flex-shrink:0;}.dash-metric-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-px);background-color:var(--border-color-subtle);border-radius:var(--radius-md);overflow:hidden;}.dash-metric-grid__cell{background-color:var(--color-bg-surface);padding:var(--space-4);}.dash-metric-grid__cell:first-child{border-radius:var(--radius-md) 0 0 0;}.dash-metric-grid__cell:nth-child(2){border-radius:0 var(--radius-md) 0 0;}.dash-metric-grid__cell:nth-last-child(2){border-radius:0 0 0 var(--radius-md);}.dash-metric-grid__cell:last-child{border-radius:0 0 var(--radius-md) 0;}.dash-metric-grid__cell:only-child{border-radius:var(--radius-md);}.dash-sparkline{width:80px;height:40px;flex-shrink:0;--sparkline-stroke:var(--color-brand);--sparkline-fill-start:rgb(var(--color-primary-600) / 0.20);--sparkline-fill-end:rgb(var(--color-primary-600) / 0);--sparkline-stroke-width:2;}.dash-sparkline svg{width:100%;height:100%;overflow:visible;}.dash-sparkline--up{--sparkline-stroke:var(--color-success);--sparkline-fill-start:rgb(var(--color-success-500) / 0.15);}.dash-sparkline--down{--sparkline-stroke:var(--color-danger);--sparkline-fill-start:rgb(var(--color-danger-500) / 0.15);}.dash-sparkline--lg{width:100%;height:64px;}.dash-sparkline--xl{width:100%;height:120px;}.dash-utilisation{display:flex;flex-direction:column;gap:var(--space-3);}.dash-utilisation__row{display:grid;grid-template-columns:4.5rem 1fr 2.5rem;align-items:center;gap:var(--space-3);}.dash-utilisation__court{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-utilisation__track{height:var(--dash-bar-height);background-color:var(--dash-bar-bg);border-radius:var(--dash-bar-radius);overflow:hidden;}.dash-utilisation__bar{height:100%;width:var(--util-pct, 0%);background-color:var(--dash-bar-fill);border-radius:var(--dash-bar-radius);transition:width var(--duration-slow) var(--ease-out);}.dash-utilisation__bar.is-high{background-color:var(--dash-bar-fill-high);}.dash-utilisation__bar.is-warn{background-color:var(--dash-bar-fill-warn);}.dash-utilisation__bar.is-critical{background-color:var(--dash-bar-fill-critical);}.dash-utilisation__pct{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}.dash-breakdown{display:flex;flex-direction:column;gap:var(--space-3);}.dash-breakdown__bar{display:flex;height:var(--dash-breakdown-height);border-radius:var(--radius-full);overflow:hidden;gap:var(--border-width-medium);background-color:var(--color-bg-muted);}.dash-breakdown__segment{height:100%;width:var(--seg-pct, 0%);background-color:var(--seg-color, var(--color-brand));flex-shrink:0;transition:width var(--duration-slow) var(--ease-out);}.dash-breakdown__segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full);}.dash-breakdown__segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0;}.dash-breakdown__segment:only-child{border-radius:var(--radius-full);}.dash-breakdown__legend{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);}.dash-breakdown__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);}.dash-breakdown__legend-swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--seg-color, var(--color-brand));}.dash-breakdown__legend-pct{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.dash-court-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--dash-court-tile-size), 1fr));gap:var(--space-2);}.dash-court-tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--dash-court-tile-radius);border:var(--border-width-thin) solid transparent;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.dash-court-tile__number{font-size:var(--font-md);font-weight:var(--font-weight-bold);line-height:1;}.dash-court-tile__status{font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:1;}.dash-court-tile__time{font-size:calc(var(--font-xs) * 0.85);font-variant-numeric:tabular-nums;opacity:var(--opacity-muted);line-height:1;}.dash-court-tile--available{background-color:var(--dash-court-available-bg);color:var(--dash-court-available-color);border-color:rgb(var(--color-success-500) / 0.3);}.dash-court-tile--occupied{background-color:var(--dash-court-occupied-bg);color:var(--dash-court-occupied-color);border-color:var(--color-brand-muted);}.dash-court-tile--reserved{background-color:var(--dash-court-reserved-bg);color:var(--dash-court-reserved-color);border-color:rgb(var(--color-warning-500) / 0.3);}.dash-court-tile--closed{background-color:var(--dash-court-closed-bg);color:var(--dash-court-closed-color);border-color:var(--border-color-subtle);}.dash-court-tile--maintenance{background-color:var(--dash-court-maintenance-bg);color:var(--dash-court-maintenance-color);border-color:rgb(var(--color-danger-500) / 0.3);background-image:repeating-linear-gradient(-45deg,rgb(var(--color-danger-500) / 0.06),rgb(var(--color-danger-500) / 0.06) 2px,transparent 2px,transparent 8px);}.dash-court-tile--interactive{cursor:pointer;}.dash-court-tile--interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);}.dash-court-tile--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (prefers-reduced-motion:no-preference){.dash-court-tile--occupied{position:relative;}.dash-court-tile--occupied::after{content:'';position:absolute;inset:-1px;border-radius:var(--dash-court-tile-radius);border:var(--border-width-medium) solid var(--color-brand);animation:court-pulse 2.5s var(--ease-in-out) infinite;pointer-events:none;}@keyframes court-pulse{0%, 100%{opacity:1;}50%{opacity:0.3;}}}.dash-activity{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0;}.dash-activity__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width-thin) solid var(--border-color-subtle);}.dash-activity__item:first-child{padding-top:0;}.dash-activity__item:last-child{border-bottom:none;padding-bottom:0;}.dash-activity__avatar{width:var(--dash-avatar-size);height:var(--dash-avatar-size);border-radius:var(--radius-full);background-color:var(--color-brand-muted);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);overflow:hidden;}.dash-activity__avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);}.dash-activity__detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.dash-activity__action{font-size:var(--font-sm);color:var(--color-text-primary);line-height:var(--line-height-snug);margin:0;word-break:break-word;}.dash-activity__action strong{font-weight:var(--font-weight-semibold);}.dash-activity__time{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.dash-activity__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);flex-shrink:0;white-space:nowrap;}.dash-activity__badge--booking{background-color:var(--color-brand-subtle);color:var(--color-brand);}.dash-activity__badge--cancel{background-color:var(--color-danger-bg);color:var(--color-danger);}.dash-activity__badge--member{background-color:var(--color-success-bg);color:var(--color-success);}.dash-activity__badge--payment{background-color:var(--color-info-bg);color:var(--color-info);}.dash-activity__badge--waitlist{background-color:var(--color-warning-bg);color:var(--color-warning);}.dash-leaderboard{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0;}.dash-leaderboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out);}.dash-leaderboard__row:hover{background-color:var(--color-bg-muted);}.dash-leaderboard__rank{display:flex;align-items:center;justify-content:center;width:var(--dash-rank-size);height:var(--dash-rank-size);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0;background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.dash-leaderboard__rank--gold{background-color:rgb(var(--color-warning-500) / 0.15);color:rgb(var(--color-warning-500));}.dash-leaderboard__rank--silver{background-color:rgb(var(--color-gray-300) / 0.4);color:rgb(var(--color-gray-500));}.dash-leaderboard__rank--bronze{background-color:rgb(202 138 4 / 0.15);color:rgb(161 98 7);}.dash-leaderboard__player{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.dash-leaderboard__name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-leaderboard__meta{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.dash-leaderboard__score{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;}.dash-period-select{display:flex;align-items:center;gap:var(--space-1);background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-1);}.dash-period-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--space-6);padding:0 var(--space-3);font-family:var(--font-family-base);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.dash-period-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-raised);}.dash-period-btn.is-active,.dash-period-btn[aria-pressed='true']{background-color:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold);}.dash-period-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (max-width:639px){.dash-metric--with-chart{flex-direction:column;align-items:flex-start;}.dash-metric--with-chart .dash-sparkline{width:100%;height:48px;}.dash-utilisation__row{grid-template-columns:3.5rem 1fr 2rem;gap:var(--space-2);}.dash-court-grid{grid-template-columns:repeat(auto-fill, minmax(3rem, 1fr));}.dash-metric-grid{grid-template-columns:1fr;}.dash-metric-grid__cell:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;}.dash-metric-grid__cell:nth-child(2){border-radius:0;}.dash-metric-grid__cell:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);}}:dir(rtl) .dash-stat__delta--up::before,[dir='rtl'] .dash-stat__delta--up::before{}:dir(rtl) .dash-feed__item:not(:last-child)::after,[dir='rtl'] .dash-feed__item:not(:last-child)::after{left:auto;right:calc(var(--dash-feed-dot-size) / 2 - var(--border-width-thin) / 2);}:dir(rtl) .dash-leaderboard__delta,[dir='rtl'] .dash-leaderboard__delta{text-align:left;}:dir(rtl) .dash-ring,[dir='rtl'] .dash-ring{background:conic-gradient(var(--dash-ring-bg)calc((100 - var(--dash-ring-value)) * 1%),var(--dash-ring-color) calc((100 - var(--dash-ring-value)) * 1%));}.dash-metric{display:flex;flex-direction:column;gap:var(--space-2);height:100%;}.dash-metric__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:auto;}.dash-metric__label{font-size:var(--font-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:calc(1.4em * 2);min-height:calc(1.4em * 2);position:relative;}.dash-metric__label::after{content:"";position:absolute;bottom:0;right:0;width:40%;height:1.4em;background:linear-gradient(to right, transparent, var(--color-bg-surface));}@media (max-width:480px){.dash-metric__label{-webkit-line-clamp:3;max-height:calc(1.4em * 3);min-height:calc(1.4em * 3);}}.dash-metric__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);flex-shrink:0;background-color:var(--color-brand-subtle);color:var(--color-brand);}.dash-metric__icon svg{width:var(--space-4);height:var(--space-4);}@media (prefers-color-scheme:dark){.dash-metric__icon{background-color:rgb(var(--color-primary-400) / 0.15);color:rgb(var(--color-primary-400));}}[data-theme="dark"] .dash-metric__icon{background-color:rgb(var(--color-primary-400) / 0.15);color:rgb(var(--color-primary-400));}.dash-metric__value{font-size:var(--dash-metric-value-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-variant-numeric:tabular-nums;margin-top:var(--space-2);}.dash-metric--sm .dash-metric__value{font-size:var(--dash-metric-value-size-sm);}.dash-metric--lg .dash-metric__value{font-size:var(--dash-metric-value-size-lg);}.dash-metric__compare{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.dash-metric__secondary{display:flex;align-items:baseline;gap:var(--space-2);}.dash-metric__secondary-value{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;}.dash-metric__secondary-label{font-size:var(--font-xs);color:var(--color-text-muted);}.dash-metric__trend{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;line-height:1;}.dash-metric__trend--up{background-color:var(--dash-trend-up-bg);color:var(--dash-trend-up-color);}.dash-metric__trend--down{background-color:var(--dash-trend-down-bg);color:var(--dash-trend-down-color);}.dash-metric__trend--neutral{background-color:var(--dash-trend-neutral-bg);color:var(--dash-trend-neutral-color);}.dash-metric--with-chart{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-4);}.dash-metric--with-chart .dash-metric__data{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0;}.dash-metric--with-chart .dash-sparkline{flex-shrink:0;}.dash-metric-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-px);background-color:var(--border-color-subtle);border-radius:var(--radius-md);overflow:hidden;}.dash-metric-grid__cell{background-color:var(--color-bg-surface);padding:var(--space-4);}.dash-metric-grid__cell:first-child{border-radius:var(--radius-md) 0 0 0;}.dash-metric-grid__cell:nth-child(2){border-radius:0 var(--radius-md) 0 0;}.dash-metric-grid__cell:nth-last-child(2){border-radius:0 0 0 var(--radius-md);}.dash-metric-grid__cell:last-child{border-radius:0 0 var(--radius-md) 0;}.dash-metric-grid__cell:only-child{border-radius:var(--radius-md);}.dash-sparkline{width:80px;height:40px;flex-shrink:0;--sparkline-stroke:var(--color-brand);--sparkline-fill-start:rgb(var(--color-primary-600) / 0.20);--sparkline-fill-end:rgb(var(--color-primary-600) / 0);--sparkline-stroke-width:2;}.dash-sparkline svg{width:100%;height:100%;overflow:visible;}.dash-sparkline--up{--sparkline-stroke:var(--color-success);--sparkline-fill-start:rgb(var(--color-success-500) / 0.15);}.dash-sparkline--down{--sparkline-stroke:var(--color-danger);--sparkline-fill-start:rgb(var(--color-danger-500) / 0.15);}.dash-sparkline--lg{width:100%;height:64px;}.dash-sparkline--xl{width:100%;height:120px;}.dash-utilisation{display:flex;flex-direction:column;gap:var(--space-3);}.dash-utilisation__row{display:grid;grid-template-columns:4.5rem 1fr 2.5rem;align-items:center;gap:var(--space-3);}.dash-utilisation__court{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-utilisation__track{height:var(--dash-bar-height);background-color:var(--dash-bar-bg);border-radius:var(--dash-bar-radius);overflow:hidden;}.dash-utilisation__bar{height:100%;width:var(--util-pct, 0%);background-color:var(--dash-bar-fill);border-radius:var(--dash-bar-radius);transition:width var(--duration-slow) var(--ease-out);}.dash-utilisation__bar.is-high{background-color:var(--dash-bar-fill-high);}.dash-utilisation__bar.is-warn{background-color:var(--dash-bar-fill-warn);}.dash-utilisation__bar.is-critical{background-color:var(--dash-bar-fill-critical);}.dash-utilisation__pct{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}.dash-breakdown{display:flex;flex-direction:column;gap:var(--space-3);}.dash-breakdown__bar{display:flex;height:var(--dash-breakdown-height);border-radius:var(--radius-full);overflow:hidden;gap:var(--border-width-medium);background-color:var(--color-bg-muted);}.dash-breakdown__segment{height:100%;width:var(--seg-pct, 0%);background-color:var(--seg-color, var(--color-brand));flex-shrink:0;transition:width var(--duration-slow) var(--ease-out);}.dash-breakdown__segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full);}.dash-breakdown__segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0;}.dash-breakdown__segment:only-child{border-radius:var(--radius-full);}.dash-breakdown__legend{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);}.dash-breakdown__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);}.dash-breakdown__legend-swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--seg-color, var(--color-brand));}.dash-breakdown__legend-pct{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.dash-court-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--dash-court-tile-size), 1fr));gap:var(--space-2);}.dash-court-tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--dash-court-tile-radius);border:var(--border-width-thin) solid transparent;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.dash-court-tile__number{font-size:var(--font-md);font-weight:var(--font-weight-bold);line-height:1;}.dash-court-tile__status{font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:1;}.dash-court-tile__time{font-size:calc(var(--font-xs) * 0.85);font-variant-numeric:tabular-nums;opacity:var(--opacity-muted);line-height:1;}.dash-court-tile--available{background-color:var(--dash-court-available-bg);color:var(--dash-court-available-color);border-color:rgb(var(--color-success-500) / 0.3);}.dash-court-tile--occupied{background-color:var(--dash-court-occupied-bg);color:var(--dash-court-occupied-color);border-color:var(--color-brand-muted);}.dash-court-tile--reserved{background-color:var(--dash-court-reserved-bg);color:var(--dash-court-reserved-color);border-color:rgb(var(--color-warning-500) / 0.3);}.dash-court-tile--closed{background-color:var(--dash-court-closed-bg);color:var(--dash-court-closed-color);border-color:var(--border-color-subtle);}.dash-court-tile--maintenance{background-color:var(--dash-court-maintenance-bg);color:var(--dash-court-maintenance-color);border-color:rgb(var(--color-danger-500) / 0.3);background-image:repeating-linear-gradient(-45deg,rgb(var(--color-danger-500) / 0.06),rgb(var(--color-danger-500) / 0.06) 2px,transparent 2px,transparent 8px);}.dash-court-tile--interactive{cursor:pointer;}.dash-court-tile--interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);}.dash-court-tile--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (prefers-reduced-motion:no-preference){.dash-court-tile--occupied{position:relative;}.dash-court-tile--occupied::after{content:'';position:absolute;inset:-1px;border-radius:var(--dash-court-tile-radius);border:var(--border-width-medium) solid var(--color-brand);animation:court-pulse 2.5s var(--ease-in-out) infinite;pointer-events:none;}@keyframes court-pulse{0%, 100%{opacity:1;}50%{opacity:0.3;}}}.dash-activity{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0;}.dash-activity__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width-thin) solid var(--border-color-subtle);}.dash-activity__item:first-child{padding-top:0;}.dash-activity__item:last-child{border-bottom:none;padding-bottom:0;}.dash-activity__avatar{width:var(--dash-avatar-size);height:var(--dash-avatar-size);border-radius:var(--radius-full);background-color:var(--color-brand-muted);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);overflow:hidden;}.dash-activity__avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);}.dash-activity__detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.dash-activity__action{font-size:var(--font-sm);color:var(--color-text-primary);line-height:var(--line-height-snug);margin:0;word-break:break-word;}.dash-activity__action strong{font-weight:var(--font-weight-semibold);}.dash-activity__time{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.dash-activity__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-medium);flex-shrink:0;white-space:nowrap;}.dash-activity__badge--booking{background-color:var(--color-brand-subtle);color:var(--color-brand);}.dash-activity__badge--cancel{background-color:var(--color-danger-bg);color:var(--color-danger);}.dash-activity__badge--member{background-color:var(--color-success-bg);color:var(--color-success);}.dash-activity__badge--payment{background-color:var(--color-info-bg);color:var(--color-info);}.dash-activity__badge--waitlist{background-color:var(--color-warning-bg);color:var(--color-warning);}.dash-leaderboard{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0;}.dash-leaderboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out);}.dash-leaderboard__row:hover{background-color:var(--color-bg-muted);}.dash-leaderboard__rank{display:flex;align-items:center;justify-content:center;width:var(--dash-rank-size);height:var(--dash-rank-size);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0;background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.dash-leaderboard__rank--gold{background-color:rgb(var(--color-warning-500) / 0.15);color:rgb(var(--color-warning-500));}.dash-leaderboard__rank--silver{background-color:rgb(var(--color-gray-300) / 0.4);color:rgb(var(--color-gray-500));}.dash-leaderboard__rank--bronze{background-color:rgb(202 138 4 / 0.15);color:rgb(161 98 7);}.dash-leaderboard__player{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.dash-leaderboard__name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-leaderboard__meta{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.dash-leaderboard__score{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;}.dash-period-select{display:flex;align-items:center;gap:var(--space-1);background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-1);}.dash-period-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--space-6);padding:0 var(--space-3);font-family:var(--font-family-base);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.dash-period-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-raised);}.dash-period-btn.is-active,.dash-period-btn[aria-pressed='true']{background-color:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold);}.dash-period-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (max-width:639px){.dash-metric--with-chart{flex-direction:column;align-items:flex-start;}.dash-metric--with-chart .dash-sparkline{width:100%;height:48px;}.dash-utilisation__row{grid-template-columns:3.5rem 1fr 2rem;gap:var(--space-2);}.dash-court-grid{grid-template-columns:repeat(auto-fill, minmax(3rem, 1fr));}.dash-metric-grid{grid-template-columns:1fr;}.dash-metric-grid__cell:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;}.dash-metric-grid__cell:nth-child(2){border-radius:0;}.dash-metric-grid__cell:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);}}:root{--dp-field-height:var(--space-10);--dp-field-padding:0 var(--space-3);--dp-field-radius:var(--radius-md);--dp-field-bg:var(--color-bg-surface);--dp-field-border:var(--border-color-input);--dp-popover-width:288px;--dp-popover-radius:var(--radius-lg);--dp-popover-shadow:var(--shadow-floating);--dp-popover-bg:var(--color-bg-surface);--dp-popover-border:var(--border-color-default);--cal-cell-size:36px;--cal-cell-radius:var(--radius-full);--cal-header-height:var(--space-10);--cal-padding:var(--space-3);--cal-gap:2px;--cal-cell-hover-bg:var(--color-bg-muted);--cal-selected-bg:var(--color-brand);--cal-selected-color:var(--color-text-inverse);--cal-today-ring:var(--color-brand);--cal-range-bg:var(--color-brand-subtle);--cal-range-color:var(--color-brand);--cal-outside-color:var(--color-text-muted);--cal-disabled-color:var(--color-text-muted);}.date-picker{position:relative;width:100%;display:inline-block;}.date-picker__field{display:flex;align-items:center;gap:var(--space-2);height:var(--dp-field-height);padding:var(--dp-field-padding);background-color:var(--dp-field-bg);border:var(--border-width-thin) solid var(--dp-field-border);border-radius:var(--dp-field-radius);cursor:pointer;width:100%;text-align:left;font-family:var(--font-family-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.date-picker__field:hover{border-color:var(--border-color-strong);}.date-picker__field:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--dp-field-border);}.date-picker.is-open .date-picker__field{border-color:var(--border-color-input-focus);box-shadow:var(--shadow-focus);}.date-picker__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);width:var(--space-5);height:var(--space-5);}.date-picker__icon svg{width:100%;height:100%;}.date-picker__value{flex:1;font-size:var(--font-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.date-picker__value.is-placeholder{color:var(--color-text-muted);}.date-picker__clear{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-5);height:var(--space-5);border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.date-picker.has-value .date-picker__clear{display:flex;}.date-picker__clear:hover{color:var(--color-text-primary);background-color:var(--color-bg-muted);}.date-picker__clear:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.date-picker__clear svg{width:var(--space-4);height:var(--space-4);}.date-picker.is-disabled .date-picker__field{background-color:var(--color-bg-muted);border-color:var(--border-color-default);cursor:not-allowed;opacity:var(--opacity-disabled);}.date-picker__popover{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:var(--z-dropdown);background-color:var(--dp-popover-bg);border:var(--border-width-thin) solid var(--dp-popover-border);border-radius:var(--dp-popover-radius);box-shadow:var(--dp-popover-shadow);width:var(--dp-popover-width);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(var(--space-1));transition:opacityvar(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.date-picker.is-open .date-picker__popover{opacity:1;visibility:visible;transform:none;}.date-picker--range .date-picker__popover{width:calc(var(--dp-popover-width) * 2 + var(--space-4));display:flex;}.date-picker--inline{width:var(--dp-popover-width);}.date-picker--inline .date-picker__field,.date-picker--inline .date-picker__popover{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;}.date-picker--inline .date-picker__field{display:none;}.cal{padding:var(--cal-padding);width:100%;}.cal__header{display:flex;align-items:center;justify-content:space-between;height:var(--cal-header-height);margin-bottom:var(--space-2);}.cal__nav-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:none;background:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.cal__nav-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.cal__nav-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.cal__nav-btn svg{width:var(--space-4);height:var(--space-4);pointer-events:none;}.cal__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1;flex:1;text-align:center;cursor:default;}.cal__title-btn{background:none;border:none;font:inherit;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out);}.cal__title-btn:hover{background-color:var(--color-bg-muted);}.cal__title-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.cal__weekdays{display:grid;grid-template-columns:repeat(7, 1fr);margin-bottom:var(--cal-gap);}.cal__weekday{display:flex;align-items:center;justify-content:center;height:var(--cal-cell-size);font-size:calc(var(--font-xs) * 0.9);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);}.cal__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--cal-gap);}.cal__cell{display:flex;align-items:center;justify-content:center;position:relative;}.cal__day{display:flex;align-items:center;justify-content:center;width:var(--cal-cell-size);height:var(--cal-cell-size);border-radius:var(--cal-cell-radius);border:none;background:none;font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--color-text-primary);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);position:relative;z-index:var(--z-raised);}.cal__day:hover{background-color:var(--cal-cell-hover-bg);}.cal__day:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;}.cal__cell.is-today .cal__day{font-weight:var(--font-weight-bold);color:var(--color-brand);}.cal__cell.is-today .cal__day::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:var(--radius-full);background-color:var(--cal-today-ring);}.cal__cell.is-selected .cal__day,.cal__cell.is-range-start .cal__day,.cal__cell.is-range-end .cal__day{background-color:var(--cal-selected-bg);color:var(--cal-selected-color);font-weight:var(--font-weight-semibold);}.cal__cell.is-selected .cal__day:hover,.cal__cell.is-range-start .cal__day:hover,.cal__cell.is-range-end .cal__day:hover{background-color:var(--color-brand-hover);}.cal__cell.is-selected.is-today .cal__day::after,.cal__cell.is-range-start.is-today .cal__day::after,.cal__cell.is-range-end.is-today .cal__day::after{display:none;}.cal__cell.is-in-range,.cal__cell.is-hover-range{background-color:var(--cal-range-bg);}.cal__cell.is-in-range .cal__day,.cal__cell.is-hover-range .cal__day{color:var(--cal-range-color);border-radius:0;}.cal__cell.is-range-start{background:linear-gradient(to right,transparent 50%,var(--cal-range-bg) 50%);}.cal__cell.is-range-end{background:linear-gradient(to left,transparent 50%,var(--cal-range-bg) 50%);}.cal__cell.is-range-start.is-range-end{background:transparent;}.cal__cell.is-outside .cal__day{color:var(--cal-outside-color);opacity:0.5;}.cal__cell.is-disabled .cal__day{color:var(--cal-disabled-color);opacity:0.4;cursor:not-allowed;pointer-events:none;}.cal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-1) var(--space-1);border-top:var(--border-width-thin) solid var(--border-color-subtle);margin-top:var(--space-2);gap:var(--space-2);}.cal__footer-btn{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-brand);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out);}.cal__footer-btn:hover{background-color:var(--color-brand-subtle);}.cal__footer-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.cal__footer-btn--clear{color:var(--color-text-muted);}.cal__footer-btn--clear:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.time-picker{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:var(--border-width-thin) solid var(--border-color-subtle);}.time-picker__label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-shrink:0;}.time-picker__inputs{display:flex;align-items:center;gap:var(--space-1);flex:1;}.time-picker__input{width:var(--space-10);height:var(--space-8);padding:0 var(--space-2);text-align:center;border:var(--border-width-thin) solid var(--border-color-input);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:none;}.time-picker__input::-webkit-outer-spin-button,.time-picker__input::-webkit-inner-spin-button{-webkit-appearance:none;}.time-picker__input:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;border-color:var(--border-color-input-focus);}.time-picker__sep{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);line-height:1;}.time-picker__ampm{display:flex;border:var(--border-width-thin) solid var(--border-color-input);border-radius:var(--radius-sm);overflow:hidden;height:var(--space-8);}.time-picker__ampm-btn{padding:0 var(--space-2);border:none;background:none;font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.time-picker__ampm-btn.is-active{background-color:var(--color-brand);color:var(--color-text-inverse);}.time-picker__ampm-btn:hover:not(.is-active){background-color:var(--color-bg-muted);color:var(--color-text-primary);}.cal__month-grid,.cal__year-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-2);padding:var(--space-3);}.cal__month-btn,.cal__year-btn{display:flex;align-items:center;justify-content:center;height:var(--space-10);border:none;background:none;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.cal__month-btn:hover,.cal__year-btn:hover{background-color:var(--color-bg-muted);}.cal__month-btn.is-selected,.cal__year-btn.is-selected{background-color:var(--cal-selected-bg);color:var(--cal-selected-color);font-weight:var(--font-weight-semibold);}.cal__month-btn.is-current,.cal__year-btn.is-current{color:var(--color-brand);font-weight:var(--font-weight-bold);}.cal__month-btn:focus-visible,.cal__year-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;}@media (prefers-reduced-motion:reduce){.date-picker__popover,.cal__day{transition:none;}}:dir(rtl) .date-picker__popover,[dir='rtl'] .date-picker__popover{left:auto;right:0;}:dir(rtl) .cal__nav-btn:first-child svg,[dir='rtl'] .cal__nav-btn:first-child svg{transform:scaleX(-1);}:dir(rtl) .cal__nav-btn:last-child svg,[dir='rtl'] .cal__nav-btn:last-child svg{transform:scaleX(-1);}:dir(rtl) .cal__cell.is-range-start,[dir='rtl'] .cal__cell.is-range-start{background:linear-gradient(to left,transparent 50%,var(--cal-range-bg) 50%);}:dir(rtl) .cal__cell.is-range-end,[dir='rtl'] .cal__cell.is-range-end{background:linear-gradient(to right,transparent 50%,var(--cal-range-bg) 50%);}:root{--divider-color:var(--border-color-divider);--divider-color-subtle:var(--border-color-subtle);--divider-color-default:var(--border-color-default);--divider-color-strong:var(--border-color-strong);--divider-width:var(--border-width-thin);--divider-width-thick:var(--border-width-medium);--divider-margin:var(--space-4);--divider-margin-xs:var(--space-1);--divider-margin-sm:var(--space-2);--divider-margin-lg:var(--space-6);--divider-margin-xl:var(--space-8);--divider-label-gap:var(--space-3);--divider-label-size:var(--font-xs);--divider-label-color:var(--color-text-muted);--divider-label-weight:var(--font-weight-medium);--divider-vertical-height:1em;}hr.divider,.divider{display:block;width:100%;height:0;border:none;border-top:var(--divider-width) solid var(--divider-color);margin:var(--divider-margin) 0;flex-shrink:0;}div.divider{height:0;}.divider--dashed{border-top-style:dashed;}.divider--dotted{border-top-style:dotted;}.divider--thick{border-top-width:var(--divider-width-thick);}.divider--strong{border-top-color:var(--divider-color-strong);}.divider--subtle{border-top-color:var(--divider-color-subtle);}.divider--brand{border-top-color:var(--color-brand);border-top-width:var(--divider-width-thick);}.divider--gradient{border:none;height:var(--divider-width);background:linear-gradient(90deg,transparent 0%,var(--divider-color-default) 20%,var(--divider-color-default) 80%,transparent 100%);}.divider--xs{margin:var(--divider-margin-xs) 0;}.divider--sm{margin:var(--divider-margin-sm) 0;}.divider--lg{margin:var(--divider-margin-lg) 0;}.divider--xl{margin:var(--divider-margin-xl) 0;}.divider--none{margin:0;}.divider--labeled{display:flex;align-items:center;gap:var(--divider-label-gap);border:none;height:auto;}.divider--labeled::before,.divider--labeled::after{content:'';flex:1;height:0;border-top:var(--divider-width) solid var(--divider-color);}.divider__label{flex-shrink:0;font-family:var(--font-family-base);font-size:var(--divider-label-size);font-weight:var(--divider-label-weight);color:var(--divider-label-color);line-height:1;white-space:nowrap;}.divider--label-left::before{display:none;}.divider--label-right::after{display:none;}.divider--labeled.divider--dashed::before,.divider--labeled.divider--dashed::after{border-top-style:dashed;}.divider--labeled.divider--strong::before,.divider--labeled.divider--strong::after{border-top-color:var(--divider-color-strong);}.divider--vertical{display:inline-block;width:0;height:var(--divider-vertical-height);border:none;border-left:var(--divider-width) solid var(--divider-color);margin:0 var(--divider-margin-sm);align-self:stretch;flex-shrink:0;}.divider--vertical.divider--strong{border-left-color:var(--divider-color-strong);}.divider--vertical.divider--subtle{border-left-color:var(--divider-color-subtle);}.divider--vertical.divider--thick{border-left-width:var(--divider-width-thick);}.divider--vertical.divider--none{margin:0;}.divider-section{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-6);}.divider-section::after{content:'';flex:1;height:0;border-top:var(--divider-width) solid var(--divider-color-default);}.divider-section__title{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);white-space:nowrap;margin:0;flex-shrink:0;}:dir(rtl) .divider--vertical,[dir='rtl'] .divider--vertical{border-left:none;border-right:var(--divider-width) solid var(--divider-color);margin:0 var(--divider-margin-sm);}:dir(rtl) .divider--vertical.divider--strong,[dir='rtl'] .divider--vertical.divider--strong{border-right-color:var(--divider-color-strong);}:dir(rtl) .divider--label-left::before,[dir='rtl'] .divider--label-left::before{display:block;}:dir(rtl) .divider--label-left::after,[dir='rtl'] .divider--label-left::after{display:none;}:dir(rtl) .divider--label-right::after,[dir='rtl'] .divider--label-right::after{display:block;}:dir(rtl) .divider--label-right::before,[dir='rtl'] .divider--label-right::before{display:none;}:root{--dropdown-min-width:180px;--dropdown-max-height:320px;--dropdown-width-wide:320px;--dropdown-padding-y:var(--space-2);--dropdown-radius:var(--radius-lg);--dropdown-item-height:var(--space-10);--dropdown-item-padding:var(--space-2) var(--space-3);--dropdown-item-radius:var(--radius-sm);--dropdown-item-gap:var(--space-3);--dropdown-icon-size:var(--space-5);--dropdown-bg:var(--color-bg-surface);--dropdown-border:var(--border-color-default);--dropdown-shadow:var(--shadow-floating);--dropdown-item-color:var(--color-text-primary);--dropdown-item-color-muted:var(--color-text-secondary);--dropdown-item-bg-hover:var(--color-bg-muted);--dropdown-item-bg-active:var(--color-brand-subtle);--dropdown-item-color-active:var(--color-brand);--dropdown-item-color-danger:var(--color-text-danger);--dropdown-item-bg-danger:var(--color-danger-bg);--dropdown-group-label-color:var(--color-text-muted);--dropdown-divider-color:var(--border-color-divider);--dropdown-submenu-offset:calc(var(--space-1) * -1);--dropdown-enter-duration:var(--duration-normal);--dropdown-exit-duration:var(--duration-fast);}.dropdown{position:relative;display:inline-flex;}.dropdown__trigger{gap:var(--space-2);}.dropdown__chevron{width:var(--space-4);height:var(--space-4);flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--dropdown-enter-duration) var(--ease-out);pointer-events:none;}.dropdown.is-open .dropdown__chevron{transform:rotate(180deg);}.dropdown__menu{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:var(--z-dropdown);min-width:var(--dropdown-min-width);max-height:var(--dropdown-max-height);padding:var(--dropdown-padding-y) var(--dropdown-padding-y);background-color:var(--dropdown-bg);border:var(--border-width-thin) solid var(--dropdown-border);border-radius:var(--dropdown-radius);box-shadow:var(--dropdown-shadow);overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--space-2) * -1)) scale(0.97);transform-origin:top left;transition:opacityvar(--dropdown-enter-duration) var(--ease-out),visibility var(--dropdown-enter-duration) var(--ease-out),transformvar(--dropdown-enter-duration) var(--ease-spring);}.dropdown.is-open .dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);}.dropdown.is-closing .dropdown__menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--space-1) * -1)) scale(0.98);transition:opacityvar(--dropdown-exit-duration) var(--ease-in),visibility var(--dropdown-exit-duration) var(--ease-in),transformvar(--dropdown-exit-duration) var(--ease-in);}@media (prefers-reduced-motion:reduce){.dropdown__menu,.dropdown.is-closing .dropdown__menu{transform:none;transition:opacityvar(--dropdown-enter-duration) var(--ease-out),visibility var(--dropdown-enter-duration) var(--ease-out);}}.dropdown__menu--right{left:auto;right:0;transform-origin:top right;}.dropdown__menu--top{top:auto;bottom:calc(100% + var(--space-2));transform-origin:bottom left;transform:translateY(var(--space-2)) scale(0.97);}.dropdown.is-open .dropdown__menu--top{transform:translateY(0) scale(1);}.dropdown.is-closing .dropdown__menu--top{transform:translateY(var(--space-1)) scale(0.98);}.dropdown__menu--top-right{top:auto;bottom:calc(100% + var(--space-2));left:auto;right:0;transform-origin:bottom right;transform:translateY(var(--space-2)) scale(0.97);}.dropdown.is-open .dropdown__menu--top-right{transform:translateY(0) scale(1);}.dropdown__menu--wide{min-width:var(--dropdown-width-wide);}.dropdown__menu--full{left:0;right:0;min-width:0;width:100%;}.dropdown__item{display:flex;align-items:center;gap:var(--dropdown-item-gap);width:100%;min-height:var(--dropdown-item-height);padding:var(--dropdown-item-padding);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--dropdown-item-color);text-align:left;text-decoration:none;white-space:nowrap;line-height:var(--line-height-normal);background:none;border:none;border-radius:var(--dropdown-item-radius);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none;}.dropdown__item:hover:not([aria-disabled='true']):not(.dropdown__item--disabled),.dropdown__item:focus{background-color:var(--dropdown-item-bg-hover);color:var(--dropdown-item-color);outline:none;}.dropdown__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.dropdown__item:active:not([aria-disabled='true']):not(.dropdown__item--disabled){background-color:var(--color-bg-subtle);}.dropdown__item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dropdown-icon-size);height:var(--dropdown-icon-size);color:var(--dropdown-item-color-muted);transition:color var(--duration-fast) var(--ease-out);}.dropdown__item:hover .dropdown__item-icon,.dropdown__item:focus .dropdown__item-icon{color:var(--dropdown-item-color);}.dropdown__item-meta{margin-left:auto;font-size:var(--font-xs);color:var(--dropdown-item-color-muted);flex-shrink:0;padding-left:var(--space-4);}.dropdown__item-kbd{font-family:var(--font-family-mono);font-size:var(--font-xs);color:var(--dropdown-item-color-muted);background-color:var(--color-bg-muted);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);padding:0.1em var(--space-2);margin-left:auto;white-space:nowrap;}.dropdown__item-description{display:block;font-size:var(--font-xs);color:var(--dropdown-item-color-muted);font-weight:var(--font-weight-regular);white-space:normal;line-height:var(--line-height-snug);margin-top:var(--space-px);}.dropdown__item--described{align-items:flex-start;height:auto;min-height:var(--dropdown-item-height);white-space:normal;}.dropdown__item--described .dropdown__item-icon{margin-top:2px;}.dropdown__item--danger{color:var(--dropdown-item-color-danger);}.dropdown__item--danger .dropdown__item-icon{color:var(--dropdown-item-color-danger);}.dropdown__item--danger:hover:not([aria-disabled='true']):not(.dropdown__item--disabled),.dropdown__item--danger:focus{background-color:var(--dropdown-item-bg-danger);color:var(--dropdown-item-color-danger);}.dropdown__item--active,.dropdown__item[aria-checked='true'],.dropdown__item[aria-current='true']{background-color:var(--dropdown-item-bg-active);color:var(--dropdown-item-color-active);font-weight:var(--font-weight-medium);}.dropdown__item--active .dropdown__item-icon,.dropdown__item[aria-checked='true'] .dropdown__item-icon,.dropdown__item[aria-current='true'] .dropdown__item-icon{color:var(--dropdown-item-color-active);}.dropdown__item--checkable.dropdown__item--active::before,.dropdown__item--checkable[aria-checked='true']::before{content:'';display:block;flex-shrink:0;width:var(--dropdown-icon-size);height:var(--dropdown-icon-size);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l4 4 6-6' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;}.dropdown__item--checkable:not(.dropdown__item--active):not([aria-checked='true'])::before{content:'';display:block;flex-shrink:0;width:var(--dropdown-icon-size);height:var(--dropdown-icon-size);}.dropdown__item--disabled,.dropdown__item[aria-disabled='true']{color:var(--color-text-muted);cursor:not-allowed;pointer-events:none;opacity:var(--opacity-disabled);}.dropdown__item--disabled .dropdown__item-icon,.dropdown__item[aria-disabled='true'] .dropdown__item-icon{color:var(--color-text-muted);}.dropdown__group{}.dropdown__group + .dropdown__group{margin-top:var(--space-1);}.dropdown__group-label{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--dropdown-group-label-color);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);cursor:default;user-select:none;}.dropdown__divider{height:var(--border-width-thin);background-color:var(--dropdown-divider-color);margin:var(--space-2) calc(var(--space-3) * -1);border:none;margin-left:calc(var(--dropdown-padding-y) * -1 + var(--space-3));margin-right:calc(var(--dropdown-padding-y) * -1 + var(--space-3));}.dropdown__item--has-sub{position:relative;}.dropdown__sub-chevron{width:var(--space-4);height:var(--space-4);margin-left:auto;flex-shrink:0;color:var(--dropdown-item-color-muted);}.dropdown__menu--sub{position:absolute;top:var(--dropdown-submenu-offset);left:calc(100% + var(--space-2));transform-origin:top left;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(calc(var(--space-2) * -1)) scale(0.97);transition:opacityvar(--dropdown-enter-duration) var(--ease-out),visibility var(--dropdown-enter-duration) var(--ease-out),transformvar(--dropdown-enter-duration) var(--ease-spring);}.dropdown__item--has-sub:hover > .dropdown__menu--sub,.dropdown__item--has-sub.is-open > .dropdown__menu--sub{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);}.dropdown__menu--sub-left{left:auto;right:calc(100% + var(--space-2));transform-origin:top right;transform:translateX(var(--space-2)) scale(0.97);}.dropdown__item--has-sub:hover > .dropdown__menu--sub-left,.dropdown__item--has-sub.is-open > .dropdown__menu--sub-left{transform:translateX(0) scale(1);}.dropdown__header{padding:var(--space-3) var(--space-3) var(--space-2);pointer-events:none;}.dropdown__header-name{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug);}.dropdown__header-meta{display:block;font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);margin-top:var(--space-px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.dropdown__search{padding:var(--space-2) var(--space-2) var(--space-1);position:sticky;top:calc(var(--dropdown-padding-y) * -1);background-color:var(--dropdown-bg);z-index:var(--z-raised);}.dropdown__search-input{display:block;width:100%;height:var(--space-8);padding:0 var(--space-3);font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--color-text-primary);background-color:var(--color-bg-muted);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.dropdown__search-input::placeholder{color:var(--color-text-muted);}.dropdown__search-input:focus{border-color:var(--border-color-input-focus);box-shadow:var(--shadow-focus);}.dropdown__empty{padding:var(--space-6) var(--space-3);text-align:center;font-size:var(--font-sm);color:var(--color-text-muted);user-select:none;}:dir(rtl) .dropdown__menu,[dir='rtl'] .dropdown__menu{left:auto;right:0;transform-origin:top right;}:dir(rtl) .dropdown__menu--right,[dir='rtl'] .dropdown__menu--right{right:auto;left:0;transform-origin:top left;}:dir(rtl) .dropdown__item,[dir='rtl'] .dropdown__item{text-align:right;}:dir(rtl) .dropdown__item-meta,[dir='rtl'] .dropdown__item-meta,:dir(rtl) .dropdown__item-kbd,[dir='rtl'] .dropdown__item-kbd{margin-left:0;margin-right:auto;padding-left:0;padding-right:var(--space-4);}:dir(rtl) .dropdown__menu--sub,[dir='rtl'] .dropdown__menu--sub{left:auto;right:calc(100% + var(--space-2));transform-origin:top right;transform:translateX(var(--space-2)) scale(0.97);}:dir(rtl) .dropdown__item--has-sub:hover > .dropdown__menu--sub,:dir(rtl) .dropdown__item--has-sub.is-open > .dropdown__menu--sub,[dir='rtl'] .dropdown__item--has-sub:hover > .dropdown__menu--sub,[dir='rtl'] .dropdown__item--has-sub.is-open > .dropdown__menu--sub{transform:translateX(0) scale(1);}:root{--empty-icon-size:64px;--empty-icon-size-sm:40px;--empty-icon-size-lg:96px;--empty-icon-radius:var(--radius-xl, 1.5rem);--empty-max-width:420px;--empty-max-width-sm:280px;--empty-max-width-lg:520px;--empty-padding:var(--space-10);--empty-padding-sm:var(--space-6);--empty-padding-lg:var(--space-16, 4rem);--empty-gap:var(--space-5);--empty-gap-sm:var(--space-3);--empty-icon-bg:var(--color-bg-muted);--empty-icon-color:var(--color-text-muted);--empty-title-color:var(--color-text-primary);--empty-desc-color:var(--color-text-secondary);}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--empty-padding);gap:var(--empty-gap);width:100%;}.empty-state__visual{display:flex;align-items:center;justify-content:center;flex-shrink:0;}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:var(--empty-icon-size);height:var(--empty-icon-size);border-radius:var(--empty-icon-radius);background-color:var(--empty-icon-bg);color:var(--empty-icon-color);flex-shrink:0;}.empty-state__icon svg{width:50%;height:50%;}.empty-state__img{max-width:var(--empty-icon-size);max-height:var(--empty-icon-size);object-fit:contain;opacity:0.9;}.empty-state--lg .empty-state__img{max-width:var(--empty-icon-size-lg);max-height:var(--empty-icon-size-lg);}.empty-state__body{display:flex;flex-direction:column;gap:var(--space-2);max-width:var(--empty-max-width);}.empty-state__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--empty-title-color);line-height:var(--line-height-tight);margin:0;}.empty-state__description{font-size:var(--font-sm);color:var(--empty-desc-color);line-height:var(--line-height-relaxed);margin:0;}.empty-state__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);}.empty-state__footer{font-size:var(--font-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1);}.empty-state__footer a{color:var(--color-brand);text-decoration:none;}.empty-state__footer a:hover{text-decoration:underline;}.empty-state--sm{padding:var(--empty-padding-sm);gap:var(--empty-gap-sm);}.empty-state--sm .empty-state__icon{width:var(--empty-icon-size-sm);height:var(--empty-icon-size-sm);}.empty-state--sm .empty-state__title{font-size:var(--font-md);}.empty-state--sm .empty-state__description{font-size:var(--font-xs);}.empty-state--sm .empty-state__body{max-width:var(--empty-max-width-sm);}.empty-state--lg{padding:var(--empty-padding-lg);}.empty-state--lg .empty-state__icon{width:var(--empty-icon-size-lg);height:var(--empty-icon-size-lg);}.empty-state--lg .empty-state__title{font-size:var(--font-2xl);}.empty-state--lg .empty-state__description{font-size:var(--font-md);}.empty-state--lg .empty-state__body{max-width:var(--empty-max-width-lg);}.empty-state--inline{flex-direction:row;text-align:left;padding:var(--space-4) var(--space-5);gap:var(--space-4);align-items:center;justify-content:flex-start;}.empty-state--inline .empty-state__body{flex:1;max-width:none;}.empty-state--inline .empty-state__actions{justify-content:flex-start;flex-shrink:0;}.empty-state--success{--empty-icon-bg:var(--color-success-bg);--empty-icon-color:var(--color-success);}.empty-state--error{--empty-icon-bg:var(--color-danger-bg);--empty-icon-color:var(--color-danger);}.empty-state--warning{--empty-icon-bg:var(--color-warning-bg);--empty-icon-color:var(--color-warning);}.empty-state--info{--empty-icon-bg:var(--color-info-bg);--empty-icon-color:var(--color-info);}.empty-state--restricted{--empty-icon-bg:var(--color-bg-muted);--empty-icon-color:var(--color-text-muted);}.empty-state--restricted .empty-state__title{color:var(--color-text-secondary);}.empty-state--no-courts{--empty-icon-bg:var(--color-brand-subtle);--empty-icon-color:var(--color-brand);}.empty-state--no-bookings{--empty-icon-bg:var(--color-brand-subtle);--empty-icon-color:var(--color-brand);}.empty-state--confirmed{--empty-icon-bg:var(--color-success-bg);--empty-icon-color:var(--color-success);}.empty-state--payment-failed{--empty-icon-bg:var(--color-danger-bg);--empty-icon-color:var(--color-danger);}.empty-state--no-results .empty-state__title{font-size:var(--font-md);color:var(--color-text-secondary);}.empty-state--offline{--empty-icon-bg:var(--color-bg-muted);--empty-icon-color:var(--color-text-muted);}:dir(rtl) .empty-state--inline,[dir='rtl'] .empty-state--inline{text-align:right;}:dir(rtl) .empty-state--inline .empty-state__actions,[dir='rtl'] .empty-state--inline .empty-state__actions{justify-content:flex-end;}:root{--fab-size:56px;--fab-size-sm:40px;--fab-size-lg:64px;--fab-icon-size:24px;--fab-icon-size-sm:18px;--fab-icon-size-lg:28px;--fab-radius:var(--radius-full);--fab-radius-ext:var(--radius-xl, 1.5rem);--fab-bg:var(--color-brand);--fab-color:var(--color-text-inverse);--fab-shadow:var(--shadow-lg);--fab-shadow-hover:var(--shadow-interactive);--fab-bottom:var(--space-6);--fab-right:var(--space-6);--fab-bottom-safe:calc(var(--fab-bottom) + env(safe-area-inset-bottom));--fab-dial-gap:var(--space-3);--fab-dial-action-size:40px;}.fab-wrap{position:fixed;bottom:var(--fab-bottom-safe);right:var(--fab-right);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--fab-dial-gap);pointer-events:none;}.fab-wrap--bl{right:auto;left:var(--fab-right);align-items:flex-start;}.fab-wrap--tr{bottom:auto;top:var(--space-6);right:var(--fab-right);}.fab-wrap--tl{bottom:auto;top:var(--space-6);right:auto;left:var(--fab-right);}.fab-wrap--bc{right:50%;transform:translateX(50%);align-items:center;}.fab-wrap.is-hidden{pointer-events:none;}.fab-wrap.is-hidden .fab{opacity:0;transform:scale(0.8);pointer-events:none;}.fab{display:inline-flex;align-items:center;justify-content:center;width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background-color:var(--fab-bg);color:var(--fab-color);border:none;cursor:pointer;box-shadow:var(--fab-shadow);pointer-events:all;flex-shrink:0;position:relative;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out),opacityvar(--duration-normal) var(--ease-out),widthvar(--duration-normal) var(--ease-spring);}.fab:hover{box-shadow:var(--fab-shadow-hover);transform:scale(1.03);}.fab:active{transform:scale(0.97);}.fab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.fab svg,.fab img{width:var(--fab-icon-size);height:var(--fab-icon-size);flex-shrink:0;pointer-events:none;}.fab::after{content:'';position:absolute;inset:0;background-color:rgb(255 255 255 / 0.15);border-radius:inherit;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.fab:active::after{opacity:1;}.fab--sm{width:var(--fab-size-sm);height:var(--fab-size-sm);}.fab--sm svg{width:var(--fab-icon-size-sm);height:var(--fab-icon-size-sm);}.fab--lg{width:var(--fab-size-lg);height:var(--fab-size-lg);}.fab--lg svg{width:var(--fab-icon-size-lg);height:var(--fab-icon-size-lg);}.fab--extended{border-radius:var(--fab-radius-ext);width:auto;padding:0 var(--space-5) 0 var(--space-4);gap:var(--space-2);white-space:nowrap;}.fab__label{font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:inherit;line-height:1;letter-spacing:var(--letter-spacing-wide);}.fab--icon-only{width:var(--fab-size);padding:0;}.fab--icon-only .fab__label{display:none;}.fab--secondary{--fab-bg:var(--color-bg-surface);--fab-color:var(--color-text-primary);--fab-shadow:var(--shadow-md);}.fab--secondary:hover{--fab-bg:var(--color-bg-muted);}.fab--success{--fab-bg:var(--color-success);--fab-color:var(--color-text-inverse);}.fab--danger{--fab-bg:var(--color-danger);--fab-color:var(--color-text-inverse);}.fab--warning{--fab-bg:var(--color-warning);--fab-color:var(--color-text-inverse);}.fab--neutral{--fab-bg:var(--color-bg-surface);--fab-color:var(--color-brand);border:var(--border-width-thin) solid var(--border-color-default);}.fab-dial{display:flex;flex-direction:column;align-items:flex-end;gap:var(--fab-dial-gap);pointer-events:none;}.fab-dial .fab{pointer-events:all;}.fab-dial .fab{transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transformvar(--duration-normal) var(--ease-spring);}.fab-dial.is-open .fab{transform:rotate(45deg);}.fab-dial.is-open .fab:hover{transform:rotate(45deg) scale(1.03);}.fab-dial__actions{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--fab-dial-gap);pointer-events:none;opacity:0;visibility:hidden;transition:opacityvar(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);}.fab-dial.is-open .fab-dial__actions{opacity:1;visibility:visible;pointer-events:all;}.fab-dial__action{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end;}.fab-dial__action-btn{display:flex;align-items:center;justify-content:center;width:var(--fab-dial-action-size);height:var(--fab-dial-action-size);border-radius:var(--radius-full);background-color:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--border-color-default);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-spring);transform:scale(0.8) translateY(var(--space-4));}.fab-dial.is-open .fab-dial__action-btn{transform:none;}.fab-dial.is-open .fab-dial__action:nth-child(1) .fab-dial__action-btn{transition-delay:0ms;}.fab-dial.is-open .fab-dial__action:nth-child(2) .fab-dial__action-btn{transition-delay:40ms;}.fab-dial.is-open .fab-dial__action:nth-child(3) .fab-dial__action-btn{transition-delay:80ms;}.fab-dial.is-open .fab-dial__action:nth-child(4) .fab-dial__action-btn{transition-delay:120ms;}.fab-dial.is-open .fab-dial__action:nth-child(5) .fab-dial__action-btn{transition-delay:160ms;}.fab-dial__action-btn:hover{background-color:var(--color-bg-muted);box-shadow:var(--shadow-lg);transform:scale(1.05);}.fab-dial__action-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.fab-dial__action-btn svg{width:var(--space-5);height:var(--space-5);pointer-events:none;}.fab-dial__action-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:nowrap;border:var(--border-width-thin) solid var(--border-color-default);pointer-events:none;}.fab__badge{position:absolute;top:-4px;right:-4px;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);background-color:var(--color-danger);color:var(--color-text-inverse);font-size:calc(var(--font-xs) * 0.8);font-weight:var(--font-weight-bold);line-height:var(--space-5);text-align:center;border:2px solid var(--color-bg-surface);font-variant-numeric:tabular-nums;pointer-events:none;}@media (prefers-reduced-motion:reduce){.fab,.fab-dial .fab,.fab-dial__action-btn,.fab-dial__actions,.fab-wrap.is-hidden .fab{transition:none;animation:none;}.fab:hover,.fab:active{transform:none;}.fab-dial.is-open .fab{transform:none;}.fab-dial.is-open .fab-dial__action-btn{transform:none;transition-delay:0ms !important;}}@media (max-width:1023px){.has-mobile-nav .fab-wrap{--fab-bottom-safe:calc(64px + var(--space-4) + env(safe-area-inset-bottom));}}:dir(rtl) .fab-wrap,[dir='rtl'] .fab-wrap{right:auto;left:var(--fab-right);}:dir(rtl) .fab-wrap--bl,[dir='rtl'] .fab-wrap--bl{left:auto;right:var(--fab-right);}:dir(rtl) .fab-dial,:dir(rtl) .fab-dial__actions,:dir(rtl) .fab-dial__action,[dir='rtl'] .fab-dial,[dir='rtl'] .fab-dial__actions,[dir='rtl'] .fab-dial__action{align-items:flex-start;}:dir(rtl) .fab-dial__action,[dir='rtl'] .fab-dial__action{flex-direction:row-reverse;}:dir(rtl) .fab__badge,[dir='rtl'] .fab__badge{right:auto;left:-4px;}:dir(rtl) .fab-wrap--bc,[dir='rtl'] .fab-wrap--bc{right:50%;left:auto;transform:translateX(50%);}:root{--upload-zone-radius:var(--radius-xl, 1.5rem);--upload-zone-border:var(--border-color-default);--upload-zone-border-drag:var(--color-brand);--upload-zone-bg:var(--color-bg-surface);--upload-zone-bg-drag:var(--color-brand-subtle);--upload-zone-padding:var(--space-10);--upload-zone-gap:var(--space-3);--upload-icon-size:var(--space-12);--upload-icon-bg:var(--color-bg-muted);--upload-icon-color:var(--color-text-muted);--file-item-padding:var(--space-3) var(--space-4);--file-item-icon-size:var(--space-10);--file-item-icon-radius:var(--radius-md);--upload-progress:0;}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--upload-zone-gap);padding:var(--upload-zone-padding);text-align:center;border:var(--border-width-medium) dashed var(--upload-zone-border);border-radius:var(--upload-zone-radius);background-color:var(--upload-zone-bg);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);}.upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--color-brand);background-color:var(--color-brand-subtle);}.upload-zone:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.upload-zone.is-dragging{border-color:var(--upload-zone-border-drag);background-color:var(--upload-zone-bg-drag);box-shadow:var(--shadow-focus);}.upload-zone.is-dragging .upload-zone__icon{background-color:var(--color-brand-muted);color:var(--color-brand);transform:scale(1.05);}.upload-zone.is-error{border-color:var(--border-color-danger);background-color:var(--color-danger-bg);}.upload-zone.is-error .upload-zone__icon{background-color:var(--color-danger-bg);color:var(--color-danger);}.upload-zone.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.upload-zone__icon{display:flex;align-items:center;justify-content:center;width:var(--upload-icon-size);height:var(--upload-icon-size);border-radius:var(--radius-xl, 1.5rem);background-color:var(--upload-icon-bg);color:var(--upload-icon-color);flex-shrink:0;transition:background-color var(--duration-normal) var(--ease-out),colorvar(--duration-normal) var(--ease-out),transformvar(--duration-normal) var(--ease-spring);}.upload-zone__icon svg{width:50%;height:50%;}.upload-zone__text{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.upload-zone__text strong{color:var(--color-brand);}.upload-zone__hint{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.upload-zone__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-md);background-color:var(--color-bg-surface);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;pointer-events:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);}.upload-zone:hover .upload-zone__btn,.upload-zone.is-dragging .upload-zone__btn{border-color:var(--color-brand);color:var(--color-brand);}.upload-zone--sm{padding:var(--space-5) var(--space-6);gap:var(--space-2);flex-direction:row;text-align:left;border-radius:var(--radius-lg);}.upload-zone--sm .upload-zone__icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);flex-shrink:0;}.upload-zone--sm .upload-zone__text-group{flex:1;}.upload-btn{position:relative;display:inline-flex;}.upload-btn input[type="file"]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;}.file-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%;}.file-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--file-item-padding);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacityvar(--duration-normal) var(--ease-out);}.file-item.is-complete{border-color:var(--border-color-success);background-color:var(--color-success-bg);}.file-item.is-error{border-color:var(--border-color-danger);background-color:var(--color-danger-bg);}.file-item.is-removing{opacity:0;transform:translateX(var(--space-4));transition:opacity var(--duration-normal) var(--ease-in),transform var(--duration-normal) var(--ease-in);}.file-item__icon{display:flex;align-items:center;justify-content:center;width:var(--file-item-icon-size);height:var(--file-item-icon-size);border-radius:var(--file-item-icon-radius);background-color:var(--color-bg-muted);color:var(--color-text-secondary);flex-shrink:0;overflow:hidden;}.file-item__icon svg{width:50%;height:50%;}.file-item__icon img{width:100%;height:100%;object-fit:cover;}.file-item--pdf .file-item__icon{background-color:rgb(254 242 242);color:rgb(185 28 28);}.file-item--doc .file-item__icon{background-color:rgb(219 234 254);color:rgb(29 78 216);}.file-item--sheet .file-item__icon{background-color:rgb(220 252 231);color:rgb(21 128 61);}.file-item--image .file-item__icon{background-color:var(--color-brand-subtle);color:var(--color-brand);}.file-item--video .file-item__icon{background-color:rgb(237 233 254);color:rgb(109 40 217);}.file-item--zip .file-item__icon{background-color:rgb(254 243 199);color:rgb(180 103 0);}.file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);}.file-item__name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-item__meta{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);display:flex;align-items:center;gap:var(--space-2);}.file-item__status{font-size:var(--font-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-1);}.file-item__status--uploading{color:var(--color-brand);}.file-item__status--complete{color:var(--color-success);}.file-item__status--error{color:var(--color-danger);}.file-item__progress{width:100%;height:3px;background-color:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-1);}.file-item__progress-fill{height:100%;width:calc(var(--upload-progress) * 1%);background-color:var(--color-brand);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);}.file-item.is-complete .file-item__progress-fill{background-color:var(--color-success);width:100%;}.file-item.is-error .file-item__progress-fill{background-color:var(--color-danger);}.file-item__actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;}.file-item__action{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7, 1.75rem);height:var(--space-7, 1.75rem);border-radius:var(--radius-sm);border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer;transition:colorvar(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.file-item__action:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.file-item__action--remove:hover{background-color:var(--color-danger-bg);color:var(--color-danger);}.file-item__action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.file-item__action svg{width:var(--space-4);height:var(--space-4);pointer-events:none;}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:var(--space-2);}.upload-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-muted);border:var(--border-width-thin) solid var(--border-color-default);}.upload-preview-item img{width:100%;height:100%;object-fit:cover;display:block;}.upload-preview-item__remove{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:rgb(0 0 0 / 0.6);color:white;border:none;cursor:pointer;padding:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);}.upload-preview-item:hover .upload-preview-item__remove{opacity:1;}.upload-preview-item__remove svg{width:10px;height:10px;}.upload-preview-item__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / 0.4);color:white;font-size:var(--font-xs);font-weight:var(--font-weight-bold);}@media (prefers-reduced-motion:reduce){.upload-zone__icon,.file-item.is-removing{transition:none;transform:none !important;}.file-item__progress-fill{transition:none;}}:dir(rtl) .upload-zone--sm,[dir='rtl'] .upload-zone--sm{text-align:right;}:dir(rtl) .file-item.is-removing,[dir='rtl'] .file-item.is-removing{transform:translateX(calc(var(--space-4) * -1));}:dir(rtl) .upload-preview-item__remove,[dir='rtl'] .upload-preview-item__remove{right:auto;left:var(--space-1);}:root{--bracket-slot-height:48px;--bracket-slot-width:200px;--bracket-slot-width-sm:160px;--bracket-slot-width-lg:240px;--bracket-slot-radius:var(--radius-md);--bracket-round-gap:var(--space-8);--bracket-match-gap:var(--space-4);--bracket-connector-width:var(--space-8);--bracket-slot-bg:var(--color-bg-surface);--bracket-slot-border:var(--border-color-default);--bracket-slot-color:var(--color-text-primary);--bracket-slot-shadow:var(--shadow-xs);--bracket-winner-bg:var(--color-brand-subtle);--bracket-winner-border:var(--color-brand);--bracket-winner-color:var(--color-brand);--bracket-loser-bg:var(--color-bg-subtle);--bracket-loser-border:var(--border-color-subtle);--bracket-loser-color:var(--color-text-muted);--bracket-pending-bg:var(--color-bg-muted);--bracket-pending-border:var(--border-color-subtle);--bracket-pending-color:var(--color-text-muted);--bracket-bye-bg:var(--color-bg-subtle);--bracket-bye-color:var(--color-text-muted);--bracket-user-bg:var(--color-brand-muted);--bracket-user-border:var(--color-brand);--bracket-user-color:var(--color-brand);--bracket-live-accent:var(--color-danger);--bracket-connector-color:var(--border-color-default);--bracket-connector-stroke:1.5;--bracket-round-header-bg:var(--color-bg-subtle);--rr-cell-size:2.5rem;--rr-win-bg:var(--color-success-bg);--rr-win-color:var(--color-success);--rr-loss-bg:var(--color-danger-bg);--rr-loss-color:var(--color-danger);--rr-draw-bg:var(--color-warning-bg);--rr-draw-color:var(--color-warning);--rr-self-bg:var(--color-bg-muted);}.bracket-wrap{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);width:100%;}.bracket{display:flex;flex-direction:column;min-width:max-content;padding:var(--space-4);background-color:var(--color-bg-page);}.bracket__stage-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--space-4);padding:0 var(--space-2);}.bracket__rounds{display:flex;align-items:flex-start;gap:var(--bracket-round-gap);}.bracket__round{display:flex;flex-direction:column;gap:0;flex-shrink:0;}.bracket__round-header{height:var(--space-10);display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);margin-bottom:var(--space-3);background-color:var(--bracket-round-header-bg);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);white-space:nowrap;width:var(--bracket-slot-width);text-align:center;}.bracket__round-matches{display:flex;flex-direction:column;gap:var(--bracket-match-gap);}.bracket__match{display:flex;flex-direction:column;gap:0;position:relative;width:var(--bracket-slot-width);}.bracket__match.is-live::before{content:'';position:absolute;top:50%;left:calc(var(--border-width-medium) * -1);transform:translateY(-50%);width:var(--border-width-thick);height:calc(100% - var(--space-2));background-color:var(--bracket-live-accent);border-radius:var(--radius-full);}@media (prefers-reduced-motion:no-preference){.bracket__match.is-live::before{animation:bracket-live-pulse 1.5s var(--ease-in-out) infinite alternate;}@keyframes bracket-live-pulse{from{opacity:0.5;}to{opacity:1;}}}.bracket__match-slot{display:flex;align-items:center;gap:var(--space-2);height:var(--bracket-slot-height);padding:0 var(--space-3);background-color:var(--bracket-slot-bg);border:var(--border-width-thin) solid var(--bracket-slot-border);box-shadow:var(--bracket-slot-shadow);position:relative;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);cursor:default;user-select:none;}.bracket__match-slot:first-child{border-radius:var(--bracket-slot-radius) var(--bracket-slot-radius) 0 0;border-bottom:none;}.bracket__match-slot:last-child{border-radius:0 0 var(--bracket-slot-radius) var(--bracket-slot-radius);border-top:var(--border-width-thin) solid var(--bracket-slot-border);}.bracket__match-divider{height:var(--border-width-thin);background-color:var(--bracket-slot-border);margin:0;flex-shrink:0;}.bracket__match-slot--clickable{cursor:pointer;}.bracket__match-slot--clickable:hover{background-color:var(--color-bg-muted);z-index:var(--z-raised);}.bracket__match-slot--clickable:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;z-index:var(--z-raised);}.bracket__match-slot.is-winner{background-color:var(--bracket-winner-bg);border-color:var(--bracket-winner-border);}.bracket__match-slot.is-winner .bracket__team-name{color:var(--bracket-winner-color);font-weight:var(--font-weight-semibold);}.bracket__match-slot.is-winner .bracket__score{color:var(--bracket-winner-color);font-weight:var(--font-weight-bold);}.bracket__match-slot.is-loser{background-color:var(--bracket-loser-bg);border-color:var(--bracket-loser-border);}.bracket__match-slot.is-loser .bracket__team-name{color:var(--bracket-loser-color);text-decoration:line-through;text-decoration-color:var(--color-text-muted);}.bracket__match-slot.is-loser .bracket__score{color:var(--bracket-loser-color);}.bracket__match-slot.is-pending{background-color:var(--bracket-pending-bg);border-color:var(--bracket-pending-border);border-style:dashed;}.bracket__match-slot.is-pending .bracket__team-name{color:var(--bracket-pending-color);font-style:italic;}.bracket__match-slot.is-bye{background-color:var(--bracket-bye-bg);border-style:dashed;border-color:var(--bracket-pending-border);}.bracket__match-slot.is-bye .bracket__team-name{color:var(--bracket-bye-color);font-style:italic;}.bracket__match-slot.is-current-user{background-color:var(--bracket-user-bg);border-color:var(--bracket-user-border);}.bracket__match-slot.is-current-user .bracket__team-name{color:var(--bracket-user-color);font-weight:var(--font-weight-semibold);}.bracket__match-slot.is-current-user::after{content:'You';position:absolute;top:50%;right:var(--space-10);transform:translateY(-50%);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-semibold);color:var(--bracket-user-color);background-color:var(--color-brand-muted);padding:0 var(--space-1);border-radius:var(--radius-sm);pointer-events:none;}.bracket__seed{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);font-size:calc(var(--font-xs) * 0.9);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background-color:var(--color-bg-muted);flex-shrink:0;font-variant-numeric:tabular-nums;}.bracket__team{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-px);}.bracket__team-name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--bracket-slot-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);}.bracket__team-record{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;}.bracket__score{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:var(--space-8);text-align:right;white-space:nowrap;}.bracket__connector{position:absolute;top:0;left:100%;width:var(--bracket-round-gap);height:100%;pointer-events:none;overflow:visible;}.bracket__connector-path{fill:none;stroke:var(--bracket-connector-color);stroke-width:var(--bracket-connector-stroke);stroke-linejoin:round;}.bracket__connector-path--winner{stroke:var(--color-brand);stroke-width:2;}.bracket__connector-path--loser{stroke:var(--bracket-loser-border);stroke-dasharray:4 3;}.bracket__champion{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-brand-subtle);border:var(--border-width-medium) solid var(--color-brand-muted);border-radius:var(--radius-lg);width:var(--bracket-slot-width);text-align:center;}.bracket__champion-icon{font-size:var(--font-2xl);line-height:1;}.bracket__champion-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);}.bracket__champion-team{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-snug);}.bracket__champion-score{font-size:var(--font-sm);color:var(--color-text-secondary);}.bracket__champion.is-pending{background-color:var(--color-bg-muted);border-color:var(--border-color-subtle);border-style:dashed;}.bracket__champion.is-pending .bracket__champion-team{color:var(--color-text-muted);font-style:italic;}.bracket-de{display:flex;flex-direction:column;gap:var(--space-6);}.bracket-de__winners{}.bracket-de__divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);}.bracket-de__divider::before,.bracket-de__divider::after{content:'';flex:1;height:var(--border-width-thin);background-color:var(--border-color-default);}.bracket-de__losers{opacity:var(--opacity-subtle);transition:opacity var(--duration-fast) var(--ease-out);}.bracket-de__losers:hover{opacity:1;}.bracket--sm .bracket__match{width:var(--bracket-slot-width-sm);}.bracket--sm .bracket__match-slot{height:40px;}.bracket--sm .bracket__round-header{width:var(--bracket-slot-width-sm);font-size:calc(var(--font-xs) * 0.85);}.bracket--sm .bracket__team-name{font-size:var(--font-xs);}.bracket--sm .bracket__score{font-size:var(--font-xs);}.bracket--lg .bracket__match{width:var(--bracket-slot-width-lg);}.bracket--lg .bracket__match-slot{height:56px;}.bracket--lg .bracket__round-header{width:var(--bracket-slot-width-lg);}.bracket--lg .bracket__team-name{font-size:var(--font-md);}.rr-table{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;}.rr-table__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-default);background-color:var(--color-bg-subtle);flex-shrink:0;}.rr-table__title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.rr-table__meta{font-size:var(--font-sm);color:var(--color-text-muted);}.rr-table__scroll{overflow-x:auto;overscroll-behavior-x:contain;}.rr-grid{border-collapse:collapse;font-size:var(--font-sm);width:100%;}.rr-grid th,.rr-grid td{border:var(--border-width-thin) solid var(--border-color-subtle);text-align:center;vertical-align:middle;}.rr-grid tbody th{text-align:left;padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;background-color:var(--color-bg-subtle);position:sticky;left:0;z-index:var(--z-raised);}.rr-grid thead th{padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-semibold);font-size:var(--font-xs);color:var(--color-text-secondary);background-color:var(--color-bg-subtle);white-space:nowrap;}.rr-grid thead th:first-child{position:sticky;left:0;z-index:var(--z-dropdown);}.rr-grid__cell{width:var(--rr-cell-size);min-width:var(--rr-cell-size);padding:var(--space-1) var(--space-2);font-size:var(--font-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;}.rr-grid__cell--self{background-color:var(--rr-self-bg);cursor:not-allowed;}.rr-result--win{background-color:var(--rr-win-bg);color:var(--rr-win-color);}.rr-result--loss{background-color:var(--rr-loss-bg);color:var(--rr-loss-color);}.rr-result--draw{background-color:var(--rr-draw-bg);color:var(--rr-draw-color);}.rr-grid tbody tr:hover td,.rr-grid tbody tr:hover th{background-color:var(--color-bg-muted);}.rr-grid tbody tr:hover th{background-color:var(--color-bg-muted);}.bracket-standings{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;}.bracket-standings__row{display:grid;grid-template-columns:var(--space-8) 1fr repeat(3, var(--space-12));align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);transition:background-color var(--duration-fast) var(--ease-out);}.bracket-standings__row:last-child{border-bottom:none;}.bracket-standings__row--header{background-color:var(--color-bg-subtle);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.bracket-standings__row:not(.bracket-standings__row--header):hover{background-color:var(--color-bg-muted);}.bracket-standings__row.is-current-user{background-color:var(--bracket-user-bg);}.bracket-standings__pos{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;}.bracket-standings__row:nth-child(2) .bracket-standings__pos{color:rgb(180 138 60);}.bracket-standings__row:nth-child(3) .bracket-standings__pos{color:rgb(107 114 128);}.bracket-standings__row:nth-child(4) .bracket-standings__pos{color:rgb(160 82 45);}.bracket-standings__name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bracket-standings__stat{font-size:var(--font-sm);color:var(--color-text-secondary);text-align:center;font-variant-numeric:tabular-nums;}.bracket-standings__stat--highlight{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.swiss-round{display:flex;flex-direction:column;gap:0;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;}.swiss-round__header{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--border-color-default);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.swiss-round__pairing{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);transition:background-color var(--duration-fast) var(--ease-out);}.swiss-round__pairing:last-child{border-bottom:none;}.swiss-round__pairing:hover{background-color:var(--color-bg-muted);}.swiss-round__pairing.is-current-user{background-color:var(--bracket-user-bg);}.swiss-round__team{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);overflow:hidden;}.swiss-round__team--right{justify-content:flex-end;text-align:right;}.swiss-round__record{font-size:var(--font-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;}.swiss-round__vs{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);text-align:center;flex-shrink:0;}.swiss-round__court{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;text-align:right;flex-shrink:0;}.swiss-round__pairing.is-complete .swiss-round__team--winner .bracket__team-name,.swiss-round__pairing.is-complete .swiss-round__team.is-winner{color:var(--color-success);font-weight:var(--font-weight-semibold);}.swiss-round__pairing.is-complete .swiss-round__team.is-loser{color:var(--color-text-muted);}.bracket-live-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--color-danger-bg);color:var(--color-danger);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);flex-shrink:0;}.bracket-live-badge::before{content:'';display:block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-danger);flex-shrink:0;}@media (prefers-reduced-motion:no-preference){.bracket-live-badge::before{animation:live-dot-pulse 1s var(--ease-in-out) infinite alternate;}@keyframes live-dot-pulse{from{opacity:0.4;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}}:dir(rtl) .bracket__rounds,[dir='rtl'] .bracket__rounds{flex-direction:row-reverse;}:dir(rtl) .bracket__match.is-live::before,[dir='rtl'] .bracket__match.is-live::before{left:auto;right:calc(var(--border-width-medium) * -1);}:dir(rtl) .bracket__connector,[dir='rtl'] .bracket__connector{left:auto;right:100%;transform:scaleX(-1);}:dir(rtl) .bracket__score,[dir='rtl'] .bracket__score{text-align:left;}:dir(rtl) .rr-grid tbody th,[dir='rtl'] .rr-grid tbody th{text-align:right;left:auto;right:0;}:dir(rtl) .swiss-round__pairing,[dir='rtl'] .swiss-round__pairing{direction:rtl;}:dir(rtl) .swiss-round__team--right,[dir='rtl'] .swiss-round__team--right{justify-content:flex-start;text-align:left;}:root{--modal-width-xs:400px;--modal-width-sm:480px;--modal-width:560px;--modal-width-lg:720px;--modal-width-xl:900px;--modal-radius:var(--radius-xl);--modal-padding:var(--space-6);--modal-backdrop-bg:rgb(var(--color-gray-900) / 0.6);--modal-header-padding:var(--space-5) var(--modal-padding);--modal-footer-padding:var(--space-4) var(--modal-padding);--modal-footer-bg:var(--color-bg-subtle);--modal-drawer-width:380px;--modal-drawer-width-lg:520px;--modal-sheet-max-height:92vh;--modal-enter-duration:var(--duration-slow);--modal-exit-duration:var(--duration-normal);}body.scroll-locked{overflow:hidden;}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--modal-backdrop-bg);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--modal-enter-duration) var(--ease-out),visibilityvar(--modal-enter-duration) var(--ease-out);}.modal-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;}.modal-backdrop.is-closing{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--modal-exit-duration) var(--ease-in),visibilityvar(--modal-exit-duration) var(--ease-in);}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--modal-width);max-height:calc(100vh - var(--space-8));background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--modal-radius);box-shadow:var(--shadow-overlay);outline:none;overflow:hidden;transform:translateY(var(--space-4)) scale(0.98);transition:transform var(--modal-enter-duration) var(--ease-spring),opacity var(--modal-enter-duration) var(--ease-out);opacity:0;}.modal-backdrop.is-open .modal{transform:translateY(0) scale(1);opacity:1;}.modal-backdrop.is-closing .modal{transform:translateY(var(--space-4)) scale(0.98);opacity:0;transition:transform var(--modal-exit-duration) var(--ease-in),opacity var(--modal-exit-duration) var(--ease-in);}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop.is-closing .modal{transform:none;transition:opacity var(--modal-enter-duration) var(--ease-out);}}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--modal-header-padding);border-bottom:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;}.modal__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:0;}.modal__subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0;line-height:var(--line-height-normal);}.modal__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-8);height:var(--space-8);padding:0;margin-top:calc((var(--space-8) - var(--font-xl) * var(--line-height-snug)) / -2);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.modal__close:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.modal__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--modal-padding);display:flex;flex-direction:column;gap:var(--space-4);}.modal__body--prose{gap:0;}.modal__body--prose > * + *{margin-top:var(--space-4);}.modal__body--flush{padding:0;gap:0;}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--modal-footer-padding);background-color:var(--modal-footer-bg);border-top:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;}.modal__footer--between{justify-content:space-between;}.modal__footer--stacked{flex-direction:column;align-items:stretch;}.modal__footer--stacked .btn{width:100%;justify-content:center;}.modal--xs{max-width:var(--modal-width-xs);}.modal--sm{max-width:var(--modal-width-sm);}.modal--lg{max-width:var(--modal-width-lg);}.modal--xl{max-width:var(--modal-width-xl);}.modal--full{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:0;border:none;}.modal-backdrop:has(.modal--full){padding:0;align-items:stretch;}.modal--sheet{position:absolute;bottom:0;left:0;right:0;max-width:100%;max-height:var(--modal-sheet-max-height);width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;transform:translateY(100%);opacity:1;}.modal-backdrop.is-open .modal--sheet{transform:translateY(0);}.modal-backdrop.is-closing .modal--sheet{transform:translateY(100%);opacity:1;}.modal-backdrop:has(.modal--sheet){align-items:flex-end;padding:0;}.modal--sheet .modal__handle{display:flex;justify-content:center;padding:var(--space-3) 0 0;flex-shrink:0;}.modal--sheet .modal__handle::before{content:'';display:block;width:var(--space-8);height:var(--space-1);background-color:var(--border-color-strong);border-radius:var(--radius-full);}@media (min-width:640px){.modal-backdrop:has(.modal--sheet){align-items:center;padding:var(--space-4);}.modal--sheet{position:relative;bottom:auto;left:auto;right:auto;max-width:var(--modal-width);border-radius:var(--modal-radius);border:var(--border-width-thin) solid var(--border-color-default);transform:translateY(var(--space-4)) scale(0.98);opacity:0;}.modal--sheet .modal__handle{display:none;}.modal-backdrop.is-open .modal--sheet{transform:translateY(0) scale(1);opacity:1;}.modal-backdrop.is-closing .modal--sheet{transform:translateY(var(--space-4)) scale(0.98);opacity:0;}}.modal-backdrop:has(.modal--drawer){align-items:stretch;justify-content:flex-end;padding:0;}.modal--drawer{max-width:var(--modal-drawer-width);max-height:100%;height:100%;border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none;transform:translateX(100%);opacity:1;transition:transform var(--modal-enter-duration) var(--ease-out),opacity var(--modal-enter-duration) var(--ease-out);}.modal-backdrop.is-open .modal--drawer{transform:translateX(0);}.modal-backdrop.is-closing .modal--drawer{transform:translateX(100%);transition:transform var(--modal-exit-duration) var(--ease-in),opacity var(--modal-exit-duration) var(--ease-in);}.modal-backdrop:has(.modal--drawer--left){justify-content:flex-start;}.modal--drawer--left{border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-left:none;border-right:var(--border-width-thin) solid var(--border-color-default);transform:translateX(-100%);}.modal-backdrop.is-open .modal--drawer--left{transform:translateX(0);}.modal-backdrop.is-closing .modal--drawer--left{transform:translateX(-100%);}.modal--drawer--wide{max-width:var(--modal-drawer-width-lg);}@media (prefers-reduced-motion:reduce){.modal--drawer,.modal--drawer--left,.modal-backdrop.is-closing .modal--drawer,.modal-backdrop.is-closing .modal--drawer--left{transform:none;transition:opacity var(--modal-enter-duration) var(--ease-out);}}.modal--alert{text-align:center;}.modal--alert .modal__body{align-items:center;padding-top:0;}.modal--alert .modal__title{font-size:var(--font-lg);}.modal__alert-icon{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);margin:var(--space-6) auto var(--space-2);flex-shrink:0;}.modal__alert-icon svg{width:var(--space-6);height:var(--space-6);}.modal__alert-icon--danger{background-color:var(--color-danger-bg);color:var(--color-danger);}.modal__alert-icon--warning{background-color:var(--color-warning-bg);color:var(--color-warning);}.modal__alert-icon--success{background-color:var(--color-success-bg);color:var(--color-success);}.modal__alert-icon--info{background-color:var(--color-info-bg);color:var(--color-info);}.modal__step-indicator{display:flex;align-items:center;gap:var(--space-2);}.modal__step{display:block;height:var(--space-1);width:var(--space-6);border-radius:var(--radius-full);background-color:var(--border-color-default);transition:background-color var(--duration-normal) var(--ease-out),widthvar(--duration-normal) var(--ease-spring);}.modal__step.is-complete{background-color:var(--color-brand-muted);}.modal__step.is-active{background-color:var(--color-brand);width:var(--space-8);}:dir(rtl) .modal-backdrop:has(.modal--drawer):not(:has(.modal--drawer--left)),[dir='rtl'] .modal-backdrop:has(.modal--drawer):not(:has(.modal--drawer--left)){justify-content:flex-start;}:dir(rtl) .modal--drawer:not(.modal--drawer--left),[dir='rtl'] .modal--drawer:not(.modal--drawer--left){border-radius:0 var(--radius-lg) var(--radius-lg) 0;border-right:var(--border-width-thin) solid var(--border-color-default);border-left:none;transform:translateX(-100%);}:dir(rtl) .modal-backdrop.is-open .modal--drawer:not(.modal--drawer--left),[dir='rtl'] .modal-backdrop.is-open .modal--drawer:not(.modal--drawer--left){transform:translateX(0);}:dir(rtl) .modal-backdrop.is-closing .modal--drawer:not(.modal--drawer--left),[dir='rtl'] .modal-backdrop.is-closing .modal--drawer:not(.modal--drawer--left){transform:translateX(-100%);}:root{--progress-height:8px;--progress-height-xs:2px;--progress-height-sm:4px;--progress-height-lg:12px;--progress-height-xl:20px;--progress-radius:var(--radius-full);--progress-bg:var(--color-bg-muted);--progress-fill:var(--color-brand);--progress-fill-success:var(--color-success);--progress-fill-warning:var(--color-warning);--progress-fill-danger:var(--color-danger);--progress-fill-info:var(--color-info);--progress-value:0;--progress-indeterminate-duration:1.5s;--progress-ring-size:64px;--progress-ring-size-sm:40px;--progress-ring-size-lg:96px;--progress-ring-size-xl:128px;--progress-ring-stroke:5px;--progress-ring-track-color:var(--color-bg-muted);--progress-ring-fill-color:var(--color-brand);--spinner-size:24px;--spinner-size-xs:12px;--spinner-size-sm:16px;--spinner-size-lg:32px;--spinner-size-xl:48px;--spinner-stroke:2.5px;--spinner-color:var(--color-brand);--spinner-duration:0.75s;--progress-steps-dot:var(--space-6);--progress-steps-line:var(--border-width-medium);}.progress{position:relative;width:100%;height:var(--progress-height);background-color:var(--progress-bg);border-radius:var(--progress-radius);overflow:hidden;}.progress__fill{height:100%;width:calc(var(--progress-value) * 1%);background-color:var(--progress-fill);border-radius:var(--progress-radius);transition:width var(--duration-slow) var(--ease-out);transform-origin:left center;}.progress--xs{height:var(--progress-height-xs);}.progress--sm{height:var(--progress-height-sm);}.progress--lg{height:var(--progress-height-lg);}.progress--xl{height:var(--progress-height-xl);}.progress--success .progress__fill{background-color:var(--progress-fill-success);}.progress--warning .progress__fill{background-color:var(--progress-fill-warning);}.progress--danger.progress__fill{background-color:var(--progress-fill-danger);}.progress--info.progress__fill{background-color:var(--progress-fill-info);}.progress--gradient .progress__fill{background:linear-gradient(90deg,var(--color-brand) 0%,rgb(var(--color-primary-400)) 100%);}.progress__label{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:1;pointer-events:none;font-variant-numeric:tabular-nums;opacity:0;}.progress--xl .progress__label{opacity:1;}.progress.is-complete .progress__fill{background-color:var(--progress-fill-success);width:100%;}.progress.is-indeterminate .progress__fill{width:40%;transition:none;}@media (prefers-reduced-motion:no-preference){.progress.is-indeterminate .progress__fill{animation:progress-indeterminate var(--progress-indeterminate-duration) var(--ease-in-out) infinite;}@keyframes progress-indeterminate{0%{transform:translateX(-100%);}50%{transform:translateX(100%);}100%{transform:translateX(250%);}}}@media (prefers-reduced-motion:reduce){.progress.is-indeterminate .progress__fill{width:100%;opacity:var(--opacity-subtle);animation:progress-indeterminate-pulse 1.5s var(--ease-in-out) infinite;}@keyframes progress-indeterminate-pulse{0%, 100%{opacity:var(--opacity-subtle);}50%{opacity:0.3;}}}.progress--striped .progress__fill{background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgb(255 255 255 / 0.15) 8px,rgb(255 255 255 / 0.15) 16px);background-size:28px 100%;}@media (prefers-reduced-motion:no-preference){.progress--striped.progress--animated .progress__fill{animation:progress-stripe 0.75s linear infinite;}@keyframes progress-stripe{from{background-position-x:28px;}to{background-position-x:0;}}}.progress--stacked{display:flex;overflow:hidden;}.progress--stacked .progress__fill{width:var(--progress-segment, 0%);border-radius:0;flex-shrink:0;transition:width var(--duration-slow) var(--ease-out);}.progress--stacked .progress__fill:first-child{border-radius:var(--progress-radius) 0 0 var(--progress-radius);}.progress--stacked .progress__fill:last-child{border-radius:0 var(--progress-radius) var(--progress-radius) 0;}.progress--stacked .progress__fill--success{background-color:var(--progress-fill-success);}.progress--stacked .progress__fill--warning{background-color:var(--progress-fill-warning);}.progress--stacked .progress__fill--danger{background-color:var(--progress-fill-danger);}.progress--stacked .progress__fill--info{background-color:var(--progress-fill-info);}.progress--stacked .progress__fill--muted{background-color:var(--color-bg-muted);}.progress-labeled{display:flex;flex-direction:column;gap:var(--space-2);width:100%;}.progress-labeled__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);}.progress-labeled__title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);}.progress-labeled__value{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;}.progress-labeled__sub{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-1);}.progress-ring{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--progress-ring-size);height:var(--progress-ring-size);flex-shrink:0;}.progress-ring__svg{width:100%;height:100%;transform:rotate(-90deg);}.progress-ring__track{fill:none;stroke:var(--progress-ring-track-color);stroke-width:var(--progress-ring-stroke);}.progress-ring__fill{fill:none;stroke:var(--progress-ring-fill-color);stroke-width:var(--progress-ring-stroke);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out);}.progress-ring__label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;}.progress-ring__value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;}.progress-ring__sublabel{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);}.progress-ring--sm{width:var(--progress-ring-size-sm);height:var(--progress-ring-size-sm);}.progress-ring--sm .progress-ring__value{font-size:var(--font-sm);}.progress-ring--lg{width:var(--progress-ring-size-lg);height:var(--progress-ring-size-lg);}.progress-ring--lg .progress-ring__value{font-size:var(--font-2xl);}.progress-ring--xl{width:var(--progress-ring-size-xl);height:var(--progress-ring-size-xl);}.progress-ring--xl .progress-ring__value{font-size:var(--font-3xl);}.progress-ring--success{--progress-ring-fill-color:var(--color-success);}.progress-ring--warning{--progress-ring-fill-color:var(--color-warning);}.progress-ring--danger{--progress-ring-fill-color:var(--color-danger);}.progress-ring--info{--progress-ring-fill-color:var(--color-info);}.progress-ring.is-indeterminate .progress-ring__svg{transform-origin:center;}@media (prefers-reduced-motion:no-preference){.progress-ring.is-indeterminate .progress-ring__svg{animation:ring-rotate 1.5s linear infinite;}.progress-ring.is-indeterminate .progress-ring__fill{transition:none;stroke-dasharray:80 176;animation:ring-dash 1.5s var(--ease-in-out) infinite;}@keyframes ring-rotate{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}@keyframes ring-dash{0%{stroke-dashoffset:176;stroke-dasharray:1 175;}50%{stroke-dashoffset:44;stroke-dasharray:132 44;}100%{stroke-dashoffset:-132;stroke-dasharray:132 44;}}}@media (prefers-reduced-motion:reduce){.progress-ring.is-indeterminate .progress-ring__fill{stroke-dasharray:88 88;stroke-dashoffset:0;opacity:var(--opacity-subtle);}}.progress-ring.is-indeterminate .progress-ring__fill{transition:none;}.progress-ring.is-complete .progress-ring__fill{stroke:var(--color-success);}.progress-steps{display:flex;align-items:flex-start;list-style:none;padding:0;margin:0;gap:0;counter-reset:step-counter;width:100%;}.progress-steps__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;position:relative;padding-top:var(--space-1);}.progress-steps__step:not(:last-child)::after{content:'';position:absolute;top:calc(var(--progress-steps-dot) / 2 + var(--space-1));left:calc(50% + var(--progress-steps-dot) / 2);right:calc(-50% + var(--progress-steps-dot) / 2);height:var(--progress-steps-line);background-color:var(--border-color-default);z-index:var(--z-base);transition:background-color var(--duration-slow) var(--ease-out);}.progress-steps__step.is-complete:not(:last-child)::after{background-color:var(--color-brand);}.progress-steps__dot{display:flex;align-items:center;justify-content:center;width:var(--progress-steps-dot);height:var(--progress-steps-dot);border-radius:var(--radius-full);background-color:var(--color-bg-surface);border:var(--border-width-medium) solid var(--border-color-default);font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);z-index:var(--z-raised);position:relative;flex-shrink:0;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),colorvar(--duration-normal) var(--ease-out);}.progress-steps__step.is-active .progress-steps__dot{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse);box-shadow:var(--shadow-focus);}.progress-steps__step.is-complete .progress-steps__dot{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse);}.progress-steps__step.is-complete .progress-steps__dot::after{content:'';display:block;width:45%;height:28%;border-left:var(--border-width-medium) solid currentColor;border-bottom:var(--border-width-medium) solid currentColor;transform:rotate(-45deg) translate(10%, -10%);}.progress-steps__label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-snug);white-space:nowrap;transition:color var(--duration-normal) var(--ease-out);}.progress-steps__step.is-active .progress-steps__label{color:var(--color-brand);font-weight:var(--font-weight-semibold);}.progress-steps__step.is-complete .progress-steps__label{color:var(--color-text-secondary);}.progress-steps--compact .progress-steps__label{display:none;}.progress-steps--compact .progress-steps__dot{width:var(--space-3);height:var(--space-3);font-size:0;}.progress-steps--compact .progress-steps__step:not(:last-child)::after{top:calc(var(--space-3) / 2 + var(--space-1));left:calc(50% + var(--space-3) / 2);right:calc(-50% + var(--space-3) / 2);}.progress-steps--vertical{flex-direction:column;align-items:flex-start;gap:0;width:auto;}.progress-steps--vertical .progress-steps__step{flex-direction:row;flex:0 0 auto;align-items:flex-start;gap:var(--space-3);padding-top:0;padding-bottom:var(--space-6);}.progress-steps--vertical .progress-steps__step:last-child{padding-bottom:0;}.progress-steps--vertical .progress-steps__step:not(:last-child)::after{left:calc(var(--progress-steps-dot) / 2 - 1px);top:calc(var(--progress-steps-dot) + var(--space-1));right:auto;bottom:0;width:var(--progress-steps-line);height:auto;}.progress-steps--vertical .progress-steps__label{text-align:left;padding-top:var(--space-1);}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size);flex-shrink:0;vertical-align:middle;}.spinner__track{stroke:var(--color-bg-muted);fill:none;}.spinner__arc{stroke:var(--spinner-color);fill:none;}@media (prefers-reduced-motion:no-preference){.spinner{animation:spinner-rotate var(--spinner-duration) linear infinite;}@keyframes spinner-rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}}.spinner--div{border-radius:var(--radius-full);border:var(--spinner-stroke) solid var(--color-bg-muted);border-top-color:var(--spinner-color);}@media (prefers-reduced-motion:no-preference){.spinner--div{animation:spinner-rotate var(--spinner-duration) linear infinite;}}@media (prefers-reduced-motion:reduce){.spinner--div{border-top-color:var(--spinner-color);}}.spinner--xs{width:var(--spinner-size-xs);height:var(--spinner-size-xs);}.spinner--sm{width:var(--spinner-size-sm);height:var(--spinner-size-sm);}.spinner--lg{width:var(--spinner-size-lg);height:var(--spinner-size-lg);}.spinner--xl{width:var(--spinner-size-xl);height:var(--spinner-size-xl);}.spinner--muted{--spinner-color:var(--color-text-muted);}.spinner--white{--spinner-color:var(--color-text-inverse);}.spinner--success{--spinner-color:var(--color-success);}.spinner--danger{--spinner-color:var(--color-danger);}.spinner--current{--spinner-color:currentColor;}.spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-white) / 0.75);border-radius:inherit;z-index:var(--z-raised);opacity:0;visibility:hidden;transition:opacityvar(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);}.spinner-overlay.is-visible{opacity:1;visibility:visible;}@media (prefers-color-scheme:dark){.spinner-overlay{background-color:rgb(var(--color-gray-900) / 0.75);}}.spinner-label{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-sm);color:var(--color-text-secondary);}.page-spinner{position:fixed;inset:0;z-index:var(--z-max);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);background-color:var(--color-bg-page);opacity:0;visibility:hidden;transition:opacityvar(--duration-slow) var(--ease-out),visibility var(--duration-slow) var(--ease-out);}.page-spinner.is-visible{opacity:1;visibility:visible;}.page-spinner__label{font-size:var(--font-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);}@media (prefers-reduced-motion:reduce){.progress__fill{transition:none;}.progress-ring__fill{transition:none;}.progress-steps__dot{transition:none;}.progress-steps__step:not(:last-child)::after{transition:none;}}:dir(rtl) .progress__fill,[dir='rtl'] .progress__fill{transform-origin:right center;}:dir(rtl) .progress__label,[dir='rtl'] .progress__label{right:auto;left:var(--space-2);}:dir(rtl) .progress-steps,[dir='rtl'] .progress-steps{flex-direction:row-reverse;}:root{--slider-track-height:4px;--slider-track-height-sm:2px;--slider-track-height-lg:6px;--slider-track-radius:var(--radius-full);--slider-track-bg:var(--color-bg-muted);--slider-fill:var(--color-brand);--slider-value:0%;--slider-thumb-size:18px;--slider-thumb-size-sm:12px;--slider-thumb-size-lg:22px;--slider-thumb-bg:var(--color-bg-surface);--slider-thumb-border:var(--color-brand);--slider-thumb-border-width:var(--border-width-medium);--slider-thumb-shadow:var(--shadow-sm);--slider-thumb-shadow-active:var(--shadow-interactive);--slider-label-size:var(--font-sm);--slider-value-size:var(--font-sm);--slider-tick-height:6px;--slider-tick-width:var(--border-width-thin);--slider-tick-color:var(--border-color-default);}.slider-group{display:flex;flex-direction:column;gap:var(--space-3);width:100%;}.slider-group__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);}.slider-group__label{font-size:var(--slider-label-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.slider-group__value{font-size:var(--slider-value-size);font-weight:var(--font-weight-semibold);color:var(--color-brand);font-variant-numeric:tabular-nums;white-space:nowrap;}.slider-group__track{position:relative;padding:var(--space-2) 0;}.slider{-webkit-appearance:none;appearance:none;width:100%;height:var(--slider-track-height);border-radius:var(--slider-track-radius);outline:none;cursor:pointer;background:none;padding:0;margin:0;background:linear-gradient(to right,var(--slider-fill) var(--slider-value),var(--slider-track-bg) var(--slider-value));}.slider:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;}.slider:focus-visible{outline:none;}.slider::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background:transparent;}.slider::-moz-range-track{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background:var(--slider-track-bg);border:none;}.slider::-moz-range-progress{height:var(--slider-track-height);border-radius:var(--slider-track-radius);background-color:var(--slider-fill);}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--radius-full);background-color:var(--slider-thumb-bg);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border);box-shadow:var(--slider-thumb-shadow);cursor:grab;margin-top:calc((var(--slider-thumb-size) - var(--slider-track-height)) / -2);transition:box-shadow var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.slider::-webkit-slider-thumb:hover{box-shadow:var(--slider-thumb-shadow-active);transform:scale(1.1);}.slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color),var(--slider-thumb-shadow);}.slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--radius-full);background-color:var(--slider-thumb-bg);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border);box-shadow:var(--slider-thumb-shadow);cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out),transformvar(--duration-fast) var(--ease-out);}.slider::-moz-range-thumb:hover{box-shadow:var(--slider-thumb-shadow-active);transform:scale(1.1);}.slider::-moz-range-thumb:active{cursor:grabbing;}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color),var(--slider-thumb-shadow);}.slider--sm{--slider-track-height:var(--slider-track-height-sm);--slider-thumb-size:var(--slider-thumb-size-sm);}.slider--lg{--slider-track-height:var(--slider-track-height-lg);--slider-thumb-size:var(--slider-thumb-size-lg);}.slider--success{--slider-fill:var(--color-success);--slider-thumb-border:var(--color-success);}.slider--warning{--slider-fill:var(--color-warning);--slider-thumb-border:var(--color-warning);}.slider--danger{--slider-fill:var(--color-danger);--slider-thumb-border:var(--color-danger);}.slider-group__ticks{display:flex;justify-content:space-between;padding:0 calc(var(--slider-thumb-size) / 2);margin-top:calc(var(--space-1) * -1);}.slider-group__tick{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:0 0 auto;}.slider-group__tick::before{content:'';display:block;width:var(--slider-tick-width);height:var(--slider-tick-height);background-color:var(--slider-tick-color);border-radius:var(--radius-full);}.slider-group__tick-label{font-size:calc(var(--font-xs) * 0.85);color:var(--color-text-muted);line-height:1;white-space:nowrap;}.slider-group__labels{display:flex;justify-content:space-between;padding:0 calc(var(--slider-thumb-size) / 2);}.slider-group__labels span{font-size:var(--font-xs);color:var(--color-text-muted);}.slider-range{display:flex;flex-direction:column;gap:var(--space-3);width:100%;}.slider-range__track{position:relative;height:calc(var(--slider-thumb-size) + var(--space-4));padding:var(--space-2) 0;}.slider-range__min,.slider-range__max{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);background:var(--slider-track-bg);pointer-events:none;}.slider-range__min::-webkit-slider-thumb,.slider-range__max::-webkit-slider-thumb{pointer-events:all;}.slider-range__min::-moz-range-thumb,.slider-range__max::-moz-range-thumb{pointer-events:all;}.slider-range__fill{position:absolute;top:50%;transform:translateY(-50%);height:var(--slider-track-height);background-color:var(--slider-fill);border-radius:var(--slider-track-radius);pointer-events:none;}.slider-range__values{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);}.slider-range__value{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);font-variant-numeric:tabular-nums;}.slider-range__sep{font-size:var(--font-xs);color:var(--color-text-muted);}@media (prefers-reduced-motion:reduce){.slider::-webkit-slider-thumb,.slider::-moz-range-thumb{transition:none;transform:none !important;}}:dir(rtl) .slider,[dir='rtl'] .slider{background:linear-gradient(to left,var(--slider-fill) var(--slider-value),var(--slider-track-bg) var(--slider-value));}:dir(rtl) .slider::-moz-range-progress,[dir='rtl'] .slider::-moz-range-progress{}:root{--badge-height-xs:var(--space-4);--badge-height-sm:var(--space-5);--badge-height:var(--space-6);--badge-height-lg:var(--space-7, 1.75rem);--badge-padding-xs:0 var(--space-1);--badge-padding-sm:0 var(--space-2);--badge-padding:0 var(--space-3);--badge-padding-lg:0 var(--space-3);--badge-font-xs:calc(var(--font-xs) * 0.85);--badge-font-sm:var(--font-xs);--badge-font:var(--font-xs);--badge-font-lg:var(--font-sm);--court-available-bg:var(--color-success-bg);--court-available-color:var(--color-success);--court-occupied-bg:var(--color-danger-bg);--court-occupied-color:var(--color-danger);--court-reserved-bg:var(--color-warning-bg);--court-reserved-color:var(--color-warning);--court-maintenance-bg:var(--color-bg-muted);--court-maintenance-color:var(--color-text-muted);--court-closed-bg:var(--color-bg-muted);--court-closed-color:var(--color-text-muted);--skill-pip-size:8px;--skill-pip-gap:3px;--skill-pip-radius:var(--radius-sm);--skill-pip-bg:var(--color-bg-muted);--skill-pip-filled:var(--color-brand);--presence-size:8px;--presence-size-lg:12px;--presence-online:var(--color-success);--presence-away:var(--color-warning);--presence-offline:var(--color-text-muted);--presence-busy:var(--color-danger);}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:var(--badge-height);padding:var(--badge-padding);border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--badge-font);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;border:var(--border-width-thin) solid transparent;vertical-align:middle;flex-shrink:0;background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.badge--xs{height:var(--badge-height-xs);padding:var(--badge-padding-xs);font-size:var(--badge-font-xs);}.badge--sm{height:var(--badge-height-sm);padding:var(--badge-padding-sm);font-size:var(--badge-font-sm);}.badge--lg{height:var(--badge-height-lg);padding:var(--badge-padding-lg);font-size:var(--badge-font-lg);}.badge--success{background-color:var(--color-success-bg);color:var(--color-success);}.badge--danger{background-color:var(--color-danger-bg);color:var(--color-danger);}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning);}.badge--info{background-color:var(--color-info-bg);color:var(--color-info);}.badge--brand{background-color:var(--color-brand-subtle);color:var(--color-brand);}.badge--inverse{background-color:var(--color-bg-inverse);color:var(--color-text-inverse);}.badge--outline-success{background-color:transparent;color:var(--color-success);border-color:var(--color-success);}.badge--outline-danger{background-color:transparent;color:var(--color-danger);border-color:var(--color-danger);}.badge--outline-warning{background-color:transparent;color:var(--color-warning);border-color:var(--color-warning);}.badge--outline-brand{background-color:transparent;color:var(--color-brand);border-color:var(--color-brand);}.badge__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;}.badge--count{min-width:var(--badge-height);padding:0;font-variant-numeric:tabular-nums;}.badge--count.badge--xs{min-width:var(--badge-height-xs);}.badge--count.badge--sm{min-width:var(--badge-height-sm);}.badge--count.badge--lg{min-width:var(--badge-height-lg);}.court-status{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--badge-height);padding:var(--badge-padding);border-radius:var(--radius-full);font-size:var(--badge-font);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;}.court-status__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;}.court-status--available{background-color:var(--court-available-bg);color:var(--court-available-color);}@media (prefers-reduced-motion:no-preference){.court-status--available .court-status__dot{animation:court-pulse 2s var(--ease-in-out) infinite;}@keyframes court-pulse{0%, 100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.7);}}}.court-status--occupied{background-color:var(--court-occupied-bg);color:var(--court-occupied-color);}.court-status--reserved{background-color:var(--court-reserved-bg);color:var(--court-reserved-color);}.court-status--maintenance{background-color:var(--court-maintenance-bg);color:var(--court-maintenance-color);}.court-status--closed{background-color:var(--court-closed-bg);color:var(--court-closed-color);}.court-status--waitlist{background-color:var(--color-warning-bg);color:var(--color-warning);}.booking-status{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--badge-height);padding:var(--badge-padding);border-radius:var(--radius-full);font-size:var(--badge-font);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;}.booking-status--confirmed{background-color:var(--color-success-bg);color:var(--color-success);}.booking-status--pending{background-color:var(--color-warning-bg);color:var(--color-warning);}.booking-status--cancelled{background-color:var(--color-bg-muted);color:var(--color-text-muted);text-decoration:line-through;}.booking-status--completed{background-color:var(--color-info-bg);color:var(--color-info);}.booking-status--no-show{background-color:var(--color-danger-bg);color:var(--color-danger);}.booking-status--waitlisted{background-color:var(--color-warning-bg);color:var(--color-warning);}.booking-status--checked-in{background-color:var(--color-brand-subtle);color:var(--color-brand);box-shadow:0 0 0 var(--border-width-thin) var(--color-brand-muted);}.player-rating{display:inline-flex;align-items:baseline;gap:var(--space-1);}.player-rating__value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-tight);}.player-rating__label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.player-rating--beginner .player-rating__value{color:var(--color-text-muted);}.player-rating--novice .player-rating__value{color:var(--color-success);}.player-rating--intermediate .player-rating__value{color:var(--color-brand);}.player-rating--advanced .player-rating__value{color:var(--color-warning);}.player-rating--expert .player-rating__value{color:var(--color-danger);}.player-rating--compact .player-rating__value{font-size:var(--font-sm);}.player-rating--compact .player-rating__label{font-size:calc(var(--font-xs) * 0.85);}.skill-level{display:inline-flex;align-items:center;gap:var(--space-2);}.skill-level__label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;}.skill-level__pips{display:flex;align-items:center;gap:var(--skill-pip-gap);}.skill-level__pip{display:block;width:var(--skill-pip-size);height:var(--skill-pip-size);border-radius:var(--skill-pip-radius);background-color:var(--skill-pip-bg);flex-shrink:0;}.skill-level--beginner .skill-level__pip:nth-child(-n+1),.skill-level--novice .skill-level__pip:nth-child(-n+2),.skill-level--intermediate .skill-level__pip:nth-child(-n+3),.skill-level--advanced .skill-level__pip:nth-child(-n+4),.skill-level--pro.skill-level__pip:nth-child(-n+5){background-color:var(--skill-pip-filled);}.skill-level--beginner .skill-level__label{color:var(--color-text-muted);}.skill-level--novice .skill-level__label{color:var(--color-success);}.skill-level--intermediate .skill-level__label{color:var(--color-brand);}.skill-level--advanced .skill-level__label{color:var(--color-warning);}.skill-level--pro.skill-level__label{color:var(--color-danger);}.skill-level--novice .skill-level__pip:nth-child(-n+2){background-color:var(--color-success);}.skill-level--intermediate .skill-level__pip:nth-child(-n+3){background-color:var(--color-brand);}.skill-level--advanced .skill-level__pip:nth-child(-n+4){background-color:var(--color-warning);}.skill-level--pro.skill-level__pip:nth-child(-n+5){background-color:var(--color-danger);}.session-type{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--badge-height);padding:var(--badge-padding);border-radius:var(--radius-sm);font-size:var(--badge-font);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;border-left:var(--border-width-thick) solid currentColor;background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.session-type--open-play{background-color:var(--color-success-bg);color:var(--color-success);}.session-type--clinic{background-color:var(--color-info-bg);color:var(--color-info);}.session-type--league{background-color:var(--color-brand-subtle);color:var(--color-brand);}.session-type--tournament{background-color:var(--color-warning-bg);color:var(--color-warning);}.session-type--drill{background-color:var(--color-danger-bg);color:var(--color-danger);}.session-type--private{background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.session-type--social{background-color:rgb(var(--color-primary-100));color:rgb(var(--color-primary-700));}.surface-badge{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--badge-height-sm);padding:var(--badge-padding-sm);border-radius:var(--radius-full);font-size:var(--badge-font-sm);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;}.surface-badge--indoor{background-color:var(--color-info-bg);color:var(--color-info);}.surface-badge--outdoor{background-color:var(--color-success-bg);color:var(--color-success);}.surface-badge--covered{background-color:var(--color-warning-bg);color:var(--color-warning);}.surface-badge--premium{background-color:var(--color-brand-subtle);color:var(--color-brand);}.match-result{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);font-size:var(--badge-font-sm);font-weight:var(--font-weight-bold);flex-shrink:0;font-variant-numeric:tabular-nums;}.match-result--win{background-color:var(--color-success-bg);color:var(--color-success);}.match-result--loss{background-color:var(--color-danger-bg);color:var(--color-danger);}.match-result--draw{background-color:var(--color-warning-bg);color:var(--color-warning);}.match-record{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-variant-numeric:tabular-nums;}.match-record__wins{color:var(--color-success);font-weight:var(--font-weight-semibold);}.match-record__sep{color:var(--color-text-muted);}.match-record__losses{color:var(--color-danger);font-weight:var(--font-weight-semibold);}.presence{display:block;width:var(--presence-size);height:var(--presence-size);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--color-bg-surface);background-color:var(--presence-offline);flex-shrink:0;}.presence--lg{width:var(--presence-size-lg);height:var(--presence-size-lg);}.presence--online{background-color:var(--presence-online);}.presence--away{background-color:var(--presence-away);}.presence--offline{background-color:var(--presence-offline);}.presence--busy{background-color:var(--presence-busy);}.presence--positioned{position:absolute;bottom:0;right:0;}@media (prefers-reduced-motion:no-preference){.presence--online{animation:presence-pulse 2.5s var(--ease-in-out) infinite;}@keyframes presence-pulse{0%, 100%{box-shadow:0 0 0 0 rgb(var(--color-success-500) / 0.4);}50%{box-shadow:0 0 0 4px rgb(var(--color-success-500) / 0);}}}.capacity-bar{display:flex;align-items:center;gap:var(--space-2);}.capacity-bar__track{flex:1;height:6px;background-color:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden;position:relative;}.capacity-bar__fill{position:absolute;inset:0;right:auto;width:var(--capacity, 0%);background-color:var(--color-brand);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);}.capacity-bar__fill--low{background-color:var(--color-success);}.capacity-bar__fill--mid{background-color:var(--color-warning);}.capacity-bar__fill--full{background-color:var(--color-danger);}.capacity-bar__label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;}.capacity-pips{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;}.capacity-pips__pip{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);}.capacity-pips__pip.is-filled{background-color:var(--color-brand);border-color:var(--color-brand);}.capacity-pips__pip.is-mine{background-color:var(--color-brand);border-color:var(--color-brand);box-shadow:0 0 0 var(--border-width-medium) var(--color-brand-muted);}.wait-indicator{display:inline-flex;align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-warning-bg);border:var(--border-width-thin) solid var(--color-warning);border-radius:var(--radius-md);}.wait-indicator__position{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--color-warning);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);}.wait-indicator__label{font-size:var(--font-xs);color:var(--color-warning);font-weight:var(--font-weight-medium);}.wait-indicator--compact{padding:0 var(--space-2);height:var(--badge-height);border-radius:var(--radius-full);gap:var(--space-1);}.wait-indicator--compact .wait-indicator__position{font-size:var(--font-xs);font-weight:var(--font-weight-bold);}.wait-indicator--compact .wait-indicator__label{font-size:var(--badge-font-xs);}.score-display{display:inline-flex;align-items:center;gap:var(--space-3);}.score-display__team{display:flex;align-items:center;gap:var(--space-2);}.score-display__name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;}.score-display__pts{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);min-width:var(--space-10);text-align:center;}.score-display__pts--winner{color:var(--color-text-primary);font-size:var(--font-3xl);}.score-display__sep{font-size:var(--font-lg);color:var(--color-text-muted);flex-shrink:0;}.score-series{display:flex;align-items:center;gap:var(--space-2);}.score-series__game{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:var(--space-10);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-sm);font-size:var(--font-xs);font-variant-numeric:tabular-nums;}.score-series__game.is-current{background-color:var(--color-brand-subtle);border-color:var(--color-brand-muted);}.score-series__game.is-complete{background-color:var(--color-bg-muted);}.score-series__pts{font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.score-series__pts--winner{color:var(--color-brand);}.score-series__pts--loser{color:var(--color-text-muted);}.score-series__label{color:var(--color-text-muted);font-size:calc(var(--font-xs) * 0.85);}@media (prefers-reduced-motion:no-preference){.is-live-pulse{animation:live-pulse-ring 1.5s var(--ease-out) infinite;}@keyframes live-pulse-ring{0%{box-shadow:0 0 0 0 rgb(var(--color-danger-500) / 0.5);}70%{box-shadow:0 0 0 6px rgb(var(--color-danger-500) / 0);}100%{box-shadow:0 0 0 0 rgb(var(--color-danger-500) / 0);}}}:dir(rtl) .session-type,[dir='rtl'] .session-type{border-left:none;border-right:var(--border-width-thick) solid currentColor;}:dir(rtl) .presence--positioned,[dir='rtl'] .presence--positioned{right:auto;left:0;}:dir(rtl) .score-display,[dir='rtl'] .score-display{flex-direction:row-reverse;}:dir(rtl) .score-display__team,[dir='rtl'] .score-display__team{flex-direction:row-reverse;}:root{--steps-dot-size:var(--space-8);--steps-dot-size-sm:var(--space-6);--steps-dot-font:var(--font-sm);--steps-connector-width:var(--border-width-medium);--steps-dot-bg:var(--color-bg-surface);--steps-dot-border:var(--border-color-default);--steps-dot-color:var(--color-text-muted);--steps-connector-color:var(--border-color-default);--steps-dot-bg-active:var(--color-brand);--steps-dot-border-active:var(--color-brand);--steps-dot-color-active:var(--color-text-inverse);--steps-dot-bg-complete:var(--color-brand);--steps-dot-border-complete:var(--color-brand);--steps-dot-color-complete:var(--color-text-inverse);--steps-connector-complete:var(--color-brand);--steps-dot-bg-error:var(--color-danger);--steps-dot-border-error:var(--color-danger);--steps-dot-color-error:var(--color-text-inverse);--steps-sidebar-width:240px;--steps-sidebar-width-sm:180px;--steps-content-padding:var(--space-8);}.steps{display:flex;flex-direction:column;gap:0;width:100%;}.steps__nav{display:flex;align-items:flex-start;padding:var(--space-6) 0 var(--space-8);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.steps__nav::-webkit-scrollbar{display:none;}.steps__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;position:relative;min-width:80px;cursor:default;}.steps__step:not(:last-child)::after{content:'';position:absolute;top:calc(var(--steps-dot-size) / 2);left:calc(50% + var(--steps-dot-size) / 2 + var(--space-2));right:calc(-50% + var(--steps-dot-size) / 2 + var(--space-2));height:var(--steps-connector-width);background-color:var(--steps-connector-color);z-index:var(--z-base);transition:background-color var(--duration-slow) var(--ease-out);}.steps__step.is-complete:not(:last-child)::after{background-color:var(--steps-connector-complete);}.steps__step-dot{display:flex;align-items:center;justify-content:center;width:var(--steps-dot-size);height:var(--steps-dot-size);border-radius:var(--radius-full);background-color:var(--steps-dot-bg);border:var(--border-width-medium) solid var(--steps-dot-border);color:var(--steps-dot-color);font-size:var(--steps-dot-font);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;flex-shrink:0;z-index:var(--z-raised);position:relative;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),colorvar(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);}.steps__step.is-complete .steps__step-dot::after{content:'';display:block;width:45%;height:28%;border-left:var(--border-width-medium) solid currentColor;border-bottom:var(--border-width-medium) solid currentColor;transform:rotate(-45deg) translate(10%, -10%);}.steps__step.is-active .steps__step-dot{background-color:var(--steps-dot-bg-active);border-color:var(--steps-dot-border-active);color:var(--steps-dot-color-active);box-shadow:var(--shadow-focus);}.steps__step.is-complete .steps__step-dot{background-color:var(--steps-dot-bg-complete);border-color:var(--steps-dot-border-complete);color:var(--steps-dot-color-complete);}.steps__step.is-error .steps__step-dot{background-color:var(--steps-dot-bg-error);border-color:var(--steps-dot-border-error);color:var(--steps-dot-color-error);}.steps__step.is-error .steps__step-dot::after{content:'!';font-size:var(--font-sm);font-weight:var(--font-weight-bold);line-height:1;}.steps__step.is-complete{cursor:pointer;}.steps__step.is-complete:hover .steps__step-dot{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);}.steps__step.is-complete:focus-visible .steps__step-dot{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.steps__step-text{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;max-width:100px;}.steps__step-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-snug);transition:color var(--duration-normal) var(--ease-out);white-space:nowrap;}.steps__step.is-active .steps__step-label{color:var(--color-brand);font-weight:var(--font-weight-semibold);}.steps__step.is-complete .steps__step-label{color:var(--color-text-secondary);}.steps__step.is-error .steps__step-label{color:var(--color-danger);}.steps__step-desc{font-size:calc(var(--font-xs) * 0.9);color:var(--color-text-muted);line-height:var(--line-height-tight);margin-top:2px;}.steps__step-optional{font-size:calc(var(--font-xs) * 0.85);color:var(--color-text-muted);font-style:italic;}.steps__body{flex:1;}.steps__panel{display:none;flex-direction:column;gap:var(--space-6);}.steps__panel.is-active{display:flex;}@media (prefers-reduced-motion:no-preference){.steps__panel.is-active{animation:steps-panel-in var(--duration-normal) var(--ease-out) both;}@keyframes steps-panel-in{from{opacity:0;transform:translateX(var(--space-4));}to{opacity:1;transform:none;}}.steps__panel.is-leaving{animation:steps-panel-out var(--duration-normal) var(--ease-in) both;}@keyframes steps-panel-out{from{opacity:1;transform:none;}to{opacity:0;transform:translateX(calc(var(--space-4) * -1));}}}.steps__panel-header{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);}.steps__panel-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;}.steps__panel-desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;}.steps__panel-content{display:flex;flex-direction:column;gap:var(--space-5);}.steps__panel-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border-width-thin) solid var(--border-color-subtle);flex-wrap:wrap;}.steps__panel-footer-left{display:flex;align-items:center;gap:var(--space-2);}.steps__panel-footer-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;}.steps__skip{font-size:var(--font-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out);}.steps__skip:hover{color:var(--color-text-secondary);}.steps__skip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.steps--vertical{flex-direction:row;align-items:flex-start;}.steps--vertical .steps__nav{flex-direction:column;width:var(--steps-sidebar-width);flex-shrink:0;padding:0 var(--space-6) 0 0;border-right:var(--border-width-thin) solid var(--border-color-subtle);overflow-x:visible;overflow-y:auto;}.steps--vertical .steps__step{flex-direction:row;align-items:flex-start;flex:0 0 auto;min-width:0;padding:var(--space-3) 0;}.steps--vertical .steps__step:not(:last-child)::after{top:calc(var(--steps-dot-size) + var(--space-3));left:calc(var(--steps-dot-size) / 2 - 1px);right:auto;bottom:calc(var(--space-3) * -1);width:var(--steps-connector-width);height:auto;}.steps--vertical .steps__step-text{align-items:flex-start;text-align:left;max-width:none;}.steps--vertical .steps__body{flex:1;min-width:0;padding-left:var(--steps-content-padding);}@media (max-width:768px){.steps--vertical{flex-direction:column;}.steps--vertical .steps__nav{flex-direction:row;width:100%;padding:0 0 var(--space-6);border-right:none;border-bottom:var(--border-width-thin) solid var(--border-color-subtle);overflow-x:auto;}.steps--vertical .steps__step:not(:last-child)::after{top:calc(var(--steps-dot-size) / 2);left:calc(50% + var(--steps-dot-size) / 2 + var(--space-2));right:calc(-50% + var(--steps-dot-size) / 2 + var(--space-2));bottom:auto;width:auto;height:var(--steps-connector-width);}.steps--vertical .steps__body{padding-left:0;padding-top:var(--space-6);}}.steps--minimal .steps__step-text{display:none;}.steps--minimal .steps__step{flex:0 0 auto;min-width:auto;}.steps--minimal .steps__nav{gap:0;justify-content:center;}.steps--tabs .steps__nav{border-bottom:var(--border-width-medium) solid var(--border-color-default);padding:0;gap:0;}.steps--tabs .steps__step{flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width-medium) solid transparent;margin-bottom:-2px;flex:0 0 auto;min-width:auto;}.steps--tabs .steps__step::after{display:none;}.steps--tabs .steps__step.is-active{border-bottom-color:var(--color-brand);}.steps--tabs .steps__step-dot{width:var(--steps-dot-size-sm);height:var(--steps-dot-size-sm);font-size:var(--font-xs);}.steps--tabs .steps__step-text{align-items:flex-start;text-align:left;max-width:none;}@media (prefers-reduced-motion:reduce){.steps__step-dot,.steps__step:not(:last-child)::after{transition:none;}}:dir(rtl) .steps__nav,[dir='rtl'] .steps__nav{flex-direction:row-reverse;}:dir(rtl) .steps__step-text,[dir='rtl'] .steps__step-text{text-align:right;}@media (prefers-reduced-motion:no-preference){:dir(rtl) .steps__panel.is-active,[dir='rtl'] .steps__panel.is-active{animation-name:steps-panel-in-rtl;}@keyframes steps-panel-in-rtl{from{opacity:0;transform:translateX(calc(var(--space-4) * -1));}to{opacity:1;transform:none;}}}:dir(rtl) .steps--vertical .steps__nav,[dir='rtl'] .steps--vertical .steps__nav{padding-right:0;padding-left:var(--space-6);border-right:none;border-left:var(--border-width-thin) solid var(--border-color-subtle);}:dir(rtl) .steps--vertical .steps__body,[dir='rtl'] .steps--vertical .steps__body{padding-left:0;padding-right:var(--steps-content-padding);}:dir(rtl) .steps__panel-footer-right,[dir='rtl'] .steps__panel-footer-right{margin-left:0;margin-right:auto;}:root{--table-cell-padding-y:var(--space-3);--table-cell-padding-x:var(--space-4);--table-cell-padding-compact-y:var(--space-2);--table-cell-padding-compact-x:var(--space-3);--table-cell-padding-loose-y:var(--space-5);--table-cell-padding-loose-x:var(--space-6);--table-font-size:var(--font-sm);--table-header-font-size:var(--font-xs);--table-row-height:3rem;--table-row-height-compact:2.5rem;--table-row-height-loose:3.5rem;--table-bg:var(--color-bg-surface);--table-header-bg:var(--color-bg-subtle);--table-header-color:var(--color-text-secondary);--table-border:var(--border-color-divider);--table-row-hover-bg:var(--color-bg-muted);--table-row-selected-bg:var(--color-brand-subtle);--table-row-selected-border:var(--color-brand-muted);--table-stripe-bg:rgb(var(--color-gray-50) / 0.6);--table-col-sm:120px;--table-col-md:200px;--table-col-lg:280px;--table-col-checkbox:3rem;--table-col-actions:5rem;--table-sticky-shadow:4px 0 8px rgba(0, 0, 0, 0.06);}.table-wrapper{display:flex;flex-direction:column;background-color:var(--table-bg);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-bottom:var(--border-width-thin) solid var(--table-border);flex-shrink:0;flex-wrap:wrap;}.table-toolbar__left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;}.table-toolbar__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}.table-toolbar__title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;}.table-toolbar__subtitle{font-size:var(--font-sm);color:var(--color-text-muted);white-space:nowrap;}.table-toolbar__bulk{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-brand-subtle);border-bottom:var(--border-width-thin) solid var(--color-brand-muted);flex-shrink:0;}.table-toolbar__bulk.is-visible{display:flex;}.table-toolbar__bulk-count{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-brand);}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:1;}.table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--table-font-size);color:var(--color-text-primary);min-width:600px;}.table__th{height:var(--table-row-height);padding:var(--table-cell-padding-y) var(--table-cell-padding-x);font-size:var(--table-header-font-size);font-weight:var(--font-weight-semibold);color:var(--table-header-color);text-align:left;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);white-space:nowrap;background-color:var(--table-header-bg);border-bottom:var(--border-width-thin) solid var(--table-border);vertical-align:middle;position:relative;user-select:none;}thead.table__head--sticky .table__th{position:sticky;top:0;z-index:var(--z-raised);box-shadow:0 1px 0 var(--table-border);}.table__sort{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;width:100%;}.table__sort:hover{color:var(--color-text-primary);}.table__sort:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-sm);}.table__sort-icon{display:inline-flex;flex-direction:column;gap:2px;flex-shrink:0;opacity:0.4;transition:opacity var(--duration-fast) var(--ease-out);}.table__sort-icon::before,.table__sort-icon::after{content:'';display:block;width:0;height:0;}.table__sort-icon::before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid currentColor;}.table__sort-icon::after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;}.table__sort:hover .table__sort-icon{opacity:0.7;}[aria-sort='ascending'] .table__sort-icon{opacity:1;}[aria-sort='ascending'] .table__sort-icon::before{border-bottom-color:var(--color-brand);}[aria-sort='ascending'] .table__sort-icon::after{opacity:0.3;}[aria-sort='descending'] .table__sort-icon{opacity:1;}[aria-sort='descending'] .table__sort-icon::after{border-top-color:var(--color-brand);}[aria-sort='descending'] .table__sort-icon::before{opacity:0.3;}[aria-sort='ascending'] .table__th,[aria-sort='descending'] .table__th{color:var(--color-brand);}th[aria-sort='ascending'],th[aria-sort='descending']{color:var(--color-brand);}.table__td{height:var(--table-row-height);padding:var(--table-cell-padding-y) var(--table-cell-padding-x);font-size:var(--table-font-size);color:var(--color-text-primary);vertical-align:middle;border-bottom:var(--border-width-thin) solid var(--table-border);line-height:var(--line-height-normal);}.table__td--foot{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--table-header-bg);border-top:var(--border-width-medium) solid var(--table-border);border-bottom:none;}.table__row{transition:background-color var(--duration-fast) var(--ease-out);}.table__row:last-child .table__td{border-bottom:none;}.table__row--selected{background-color:var(--table-row-selected-bg);}.table__row--selected .table__td{border-bottom-color:var(--table-row-selected-border);}.table__row--danger{background-color:var(--color-danger-bg);}.table__row--danger .table__td{border-bottom-color:rgb(var(--color-danger-100));}.table__row--warning{background-color:var(--color-warning-bg);}.table__row--warning .table__td{border-bottom-color:rgb(var(--color-warning-100));}.table__row--success{background-color:var(--color-success-bg);}.table__row--success .table__td{border-bottom-color:rgb(var(--color-success-100));}.table__row--muted{opacity:var(--opacity-muted);}.table__row--muted:hover{opacity:1;}.table__row--clickable{cursor:pointer;}.table__row--clickable:hover .table__td{background-color:var(--table-row-hover-bg);}.table__row--clickable:focus-within .table__td{background-color:var(--table-row-hover-bg);}.table--hover .table__row:hover .table__td{background-color:var(--table-row-hover-bg);}.table--striped .table__row:nth-child(even) .table__td{background-color:var(--table-stripe-bg);}.table--bordered .table__th,.table--bordered .table__td{border:var(--border-width-thin) solid var(--table-border);}.table--bordered .table__th:first-child,.table--bordered .table__td:first-child{border-left:none;}.table--bordered .table__th:last-child,.table--bordered .table__td:last-child{border-right:none;}.table--compact .table__th{height:var(--table-row-height-compact);padding:var(--table-cell-padding-compact-y) var(--table-cell-padding-compact-x);}.table--compact .table__td{height:var(--table-row-height-compact);padding:var(--table-cell-padding-compact-y) var(--table-cell-padding-compact-x);}.table--loose .table__th{height:var(--table-row-height-loose);padding:var(--table-cell-padding-loose-y) var(--table-cell-padding-loose-x);}.table--loose .table__td{height:var(--table-row-height-loose);padding:var(--table-cell-padding-loose-y) var(--table-cell-padding-loose-x);}.table__col--checkbox{width:var(--table-col-checkbox);padding-left:var(--space-4);padding-right:var(--space-2);text-align:center;}.table__col--actions{width:var(--table-col-actions);text-align:right;padding-right:var(--space-4);white-space:nowrap;}.table__col--numeric{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';}.table__col--mono{font-family:var(--font-family-mono);font-size:var(--font-xs);color:var(--color-text-secondary);}.table__col--status{text-align:center;white-space:nowrap;}.table__col--nowrap{white-space:nowrap;}.table__col--sm{width:var(--table-col-sm);}.table__col--md{width:var(--table-col-md);}.table__col--lg{width:var(--table-col-lg);}.table__col--sticky{position:sticky;left:0;z-index:var(--z-raised);background-color:inherit;}.table-scroll.is-scrolled .table__col--sticky{box-shadow:var(--table-sticky-shadow);}.table__cell-stack{display:flex;flex-direction:column;gap:var(--space-px);}.table__cell-primary{font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);}.table__cell-secondary{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.table__cell-with-avatar{display:flex;align-items:center;gap:var(--space-3);}.table__cell-truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table__empty-row td{border-bottom:none;}.table__empty{padding:var(--space-16) var(--space-8);text-align:center;vertical-align:middle;}.table__empty-icon{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background-color:var(--color-bg-muted);margin:0 auto var(--space-4);color:var(--color-text-muted);}.table__empty-icon svg{width:var(--space-6);height:var(--space-6);}.table__empty-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2);}.table__empty-desc{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;}.table__row--loading .table__td{padding-top:var(--space-3);padding-bottom:var(--space-3);}.table__skeleton-row{display:flex;align-items:center;gap:var(--space-4);}.table__skeleton{height:var(--space-4);flex:1;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle)50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:table-shimmer 1.5s ease-in-out infinite;}.table__skeleton--sm{max-width:80px;flex:none;}.table__skeleton--md{max-width:160px;flex:none;}.table__skeleton--lg{max-width:240px;flex:none;}@keyframes table-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@media (prefers-reduced-motion:reduce){.table__skeleton{animation:none;background:var(--color-bg-muted);}}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-top:var(--border-width-thin) solid var(--table-border);flex-shrink:0;flex-wrap:wrap;}.table-pagination__summary{font-size:var(--font-sm);color:var(--color-text-muted);white-space:nowrap;}.table-pagination__controls{display:flex;align-items:center;gap:var(--space-1);}.table-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-2);font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);background:none;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);user-select:none;}.table-pagination__btn:hover:not(:disabled):not([aria-disabled='true']){background-color:var(--color-bg-muted);color:var(--color-text-primary);}.table-pagination__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.table-pagination__btn--active,.table-pagination__btn[aria-current='page']{background-color:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand);font-weight:var(--font-weight-medium);}.table-pagination__btn--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);}.table-pagination__btn:disabled,.table-pagination__btn[aria-disabled='true']{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.table-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);font-size:var(--font-sm);color:var(--color-text-muted);user-select:none;cursor:default;}.table-pagination__per-page{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-muted);}.table-pagination__per-page select{height:var(--space-8);padding:0 var(--space-6) 0 var(--space-2);font-size:var(--font-sm);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);appearance:none;-webkit-appearance:none;cursor:pointer;}.table-pagination__per-page select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (max-width:639px){.table-toolbar{flex-direction:column;align-items:stretch;}.table-toolbar__left,.table-toolbar__right{width:100%;}.table-pagination{flex-direction:column;align-items:center;gap:var(--space-3);}.table-pagination__summary{order:2;}.table-pagination__controls{order:1;}.table-pagination__per-page{order:3;}}:dir(rtl) .table__th,:dir(rtl) .table__td,[dir='rtl'] .table__th,[dir='rtl'] .table__td{text-align:right;}:dir(rtl) .table__col--numeric,[dir='rtl'] .table__col--numeric{text-align:left;}:dir(rtl) .table__col--actions,[dir='rtl'] .table__col--actions{text-align:left;padding-right:var(--table-cell-padding-x);padding-left:var(--space-4);}:dir(rtl) .table__col--sticky,[dir='rtl'] .table__col--sticky{left:auto;right:0;}:dir(rtl) .table-scroll.is-scrolled .table__col--sticky,[dir='rtl'] .table-scroll.is-scrolled .table__col--sticky{box-shadow:-4px 0 8px rgba(0, 0, 0, 0.06);}:dir(rtl) .table__cell-with-avatar,[dir='rtl'] .table__cell-with-avatar{flex-direction:row-reverse;}:root{--tabs-height-sm:2rem;--tabs-height:2.5rem;--tabs-height-lg:3rem;--tabs-padding-x-sm:var(--space-3);--tabs-padding-x:var(--space-4);--tabs-padding-x-lg:var(--space-5);--tabs-font-size-sm:var(--font-xs);--tabs-font-size:var(--font-sm);--tabs-font-size-lg:var(--font-md);--tabs-indicator-height:2px;--tabs-indicator-radius:var(--radius-full);--tabs-indicator-color:var(--color-brand);--tabs-color:var(--color-text-secondary);--tabs-color-hover:var(--color-text-primary);--tabs-bg-hover:transparent;--tabs-color-active:var(--color-brand);--tabs-pill-bg-active:var(--color-brand);--tabs-pill-color-active:var(--color-text-inverse);--tabs-pill-bg-hover:var(--color-bg-muted);--tabs-pill-bg-wrap:var(--color-bg-muted);--tabs-pill-radius:var(--radius-md);--tabs-boxed-bg-active:var(--color-bg-surface);--tabs-boxed-border:var(--border-color-default);--tabs-panel-padding:var(--space-6);}.tabs{display:flex;flex-direction:column;width:100%;}.tabs__nav{position:relative;border-bottom:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;}.tabs__nav [role="tablist"]{display:flex;align-items:flex-end;gap:var(--space-1);margin:0;padding:0;list-style:none;position:relative;}.tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--tabs-height);padding:0 var(--tabs-padding-x);flex-shrink:0;font-family:var(--font-family-base);font-size:var(--tabs-font-size);font-weight:var(--font-weight-medium);color:var(--tabs-color);white-space:nowrap;text-decoration:none;background:none;border:none;border-bottom:var(--tabs-indicator-height) solid transparent;border-radius:0;cursor:pointer;position:relative;margin-bottom:calc(var(--tabs-indicator-height) * -1);transition:colorvar(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none;}.tabs__tab:hover:not([aria-disabled='true']){color:var(--tabs-color-hover);background-color:var(--tabs-bg-hover);}.tabs__tab[aria-selected='true']{color:var(--tabs-color-active);border-bottom-color:var(--tabs-indicator-color);font-weight:var(--font-weight-semibold);}.tabs__tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;}.tabs__tab[aria-disabled='true']{color:var(--color-text-muted);cursor:not-allowed;opacity:var(--opacity-disabled);}.tabs__tab-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);color:inherit;}.tabs__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);line-height:1;background-color:var(--color-bg-muted);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.tabs__tab[aria-selected='true'] .tabs__tab-badge{background-color:var(--color-brand-muted);color:var(--color-brand);}.tabs--pills .tabs__nav{border-bottom:none;padding:var(--space-1);background-color:var(--tabs-pill-bg-wrap);border-radius:var(--radius-lg);display:inline-flex;width:100%;}.tabs--pills .tabs__nav [role="tablist"]{align-items:center;gap:var(--space-1);width:100%;}.tabs--pills .tabs__tab{border-bottom:none;margin-bottom:0;border-radius:var(--tabs-pill-radius);color:var(--color-text-secondary);padding:0 var(--tabs-padding-x);}.tabs--pills .tabs__tab:hover:not([aria-disabled='true']){background-color:var(--tabs-pill-bg-hover);color:var(--color-text-primary);}.tabs--pills .tabs__tab[aria-selected='true']{background-color:var(--tabs-pill-bg-active);color:var(--tabs-pill-color-active);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold);}.tabs--pills .tabs__tab[aria-selected='true'] .tabs__tab-badge{background-color:rgba(255, 255, 255, 0.25);color:var(--color-text-inverse);}.tabs--pills .tabs__tab:focus-visible{border-radius:var(--tabs-pill-radius);}.tabs--boxed .tabs__nav{border-bottom:var(--border-width-thin) solid var(--tabs-boxed-border);padding:0 var(--space-4);padding-top:var(--space-2);background-color:var(--color-bg-subtle);}.tabs--boxed .tabs__nav [role="tablist"]{align-items:flex-end;gap:var(--space-1);}.tabs--boxed .tabs__tab{border:var(--border-width-thin) solid transparent;border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:calc(var(--border-width-thin) * -1);background-color:transparent;color:var(--color-text-secondary);}.tabs--boxed .tabs__tab:hover:not([aria-disabled='true']){background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--tabs-boxed-border);}.tabs--boxed .tabs__tab[aria-selected='true']{background-color:var(--tabs-boxed-bg-active);color:var(--color-text-primary);border-color:var(--tabs-boxed-border);border-bottom-color:var(--tabs-boxed-bg-active);font-weight:var(--font-weight-semibold);}.tabs--boxed .tabs__panels{border:var(--border-width-thin) solid var(--tabs-boxed-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);}.tabs--boxed .tabs__tab:focus-visible{border-radius:var(--radius-md) var(--radius-md) 0 0;}.tabs--flush .tabs__nav [role="tablist"]{gap:0;}.tabs--flush .tabs__tab{flex:1;justify-content:center;}.tabs--sm .tabs__tab{height:var(--tabs-height-sm);padding:0 var(--tabs-padding-x-sm);font-size:var(--tabs-font-size-sm);}.tabs--sm .tabs__tab-icon{width:var(--space-3);height:var(--space-3);}.tabs--sm .tabs__tab-badge{min-width:var(--space-4);height:var(--space-4);font-size:calc(var(--font-xs) * 0.9);}.tabs--lg .tabs__tab{height:var(--tabs-height-lg);padding:0 var(--tabs-padding-x-lg);font-size:var(--tabs-font-size-lg);}.tabs--lg .tabs__tab-icon{width:var(--space-5);height:var(--space-5);}.tabs--full-width .tabs__nav [role="tablist"]{width:100%;}.tabs--full-width .tabs__tab{flex:1;justify-content:center;}.tabs--overflow .tabs__nav{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.tabs--overflow .tabs__nav::-webkit-scrollbar{display:none;}.tabs--overflow .tabs__nav [role="tablist"]{width:max-content;}.tabs--vertical{flex-direction:row;align-items:flex-start;gap:var(--space-6);}.tabs--vertical .tabs__nav{border-bottom:none;border-right:var(--border-width-thin) solid var(--border-color-default);flex-shrink:0;width:200px;padding:var(--space-2) 0;}.tabs--vertical .tabs__nav [role="tablist"]{flex-direction:column;align-items:stretch;gap:var(--space-1);}.tabs--vertical .tabs__tab{justify-content:flex-start;text-align:left;height:auto;min-height:var(--tabs-height);padding:var(--space-2) var(--space-4);border-bottom:none;border-left:var(--tabs-indicator-height) solid transparent;border-right:none;border-radius:0;margin-bottom:0;margin-right:calc(var(--border-width-thin) * -1);}.tabs--vertical .tabs__tab:hover:not([aria-disabled='true']){background-color:var(--color-bg-muted);}.tabs--vertical .tabs__tab[aria-selected='true']{border-left-color:var(--tabs-indicator-color);background-color:var(--color-bg-subtle);}.tabs--vertical .tabs__tab:focus-visible{border-radius:var(--radius-sm);outline-offset:-2px;}.tabs--vertical .tabs__panels{flex:1;min-width:0;}.tabs__panels{width:100%;}.tabs__panel{padding:var(--tabs-panel-padding);outline:none;}.tabs__panel--flush{padding:0;}.tabs__panel[hidden]{display:none;}.tabs__separator{width:var(--border-width-thin);height:var(--space-5);background-color:var(--border-color-default);flex-shrink:0;align-self:center;margin:0 var(--space-1);}.tabs--vertical .tabs__separator{width:calc(100% - var(--space-8));height:var(--border-width-thin);margin:var(--space-2) var(--space-4);align-self:auto;}@media (prefers-reduced-motion:no-preference){.tabs__panel.is-entering{animation:tab-panel-enter var(--duration-normal) var(--ease-out) both;}@keyframes tab-panel-enter{from{opacity:0;transform:translateY(var(--space-2));}to{opacity:1;transform:translateY(0);}}}:dir(rtl) .tabs--vertical,[dir='rtl'] .tabs--vertical{flex-direction:row-reverse;}:dir(rtl) .tabs--vertical .tabs__nav,[dir='rtl'] .tabs--vertical .tabs__nav{border-right:none;border-left:var(--border-width-thin) solid var(--border-color-default);}:dir(rtl) .tabs--vertical .tabs__tab,[dir='rtl'] .tabs--vertical .tabs__tab{text-align:right;border-left:none;border-right:var(--tabs-indicator-height) solid transparent;margin-right:0;margin-left:calc(var(--border-width-thin) * -1);}:dir(rtl) .tabs--vertical .tabs__tab[aria-selected='true'],[dir='rtl'] .tabs--vertical .tabs__tab[aria-selected='true']{border-right-color:var(--tabs-indicator-color);border-left-color:transparent;}:dir(rtl) .tabs--boxed .tabs__tab[aria-selected='true'],[dir='rtl'] .tabs--boxed .tabs__tab[aria-selected='true']{border-bottom-color:var(--tabs-boxed-bg-active);}:root{--tag-height:26px;--tag-height-sm:20px;--tag-height-lg:32px;--tag-padding-x:var(--space-3);--tag-padding-x-sm:var(--space-2);--tag-padding-x-lg:var(--space-3);--tag-gap:var(--space-1);--tag-radius:var(--radius-full);--tag-font-size:var(--font-xs);--tag-font-size-sm:calc(var(--font-xs) * 0.85);--tag-font-size-lg:var(--font-sm);--tag-font-weight:var(--font-weight-medium);--tag-icon-size:14px;--tag-icon-size-lg:16px;--tag-remove-size:16px;--tag-remove-size-sm:14px;--tag-bg:var(--color-bg-muted);--tag-color:var(--color-text-secondary);--tag-border:transparent;--tag-bg-hover:var(--border-color-default);--tag-bg-selected:var(--color-brand-subtle);--tag-color-selected:var(--color-brand);}.tag{display:inline-flex;align-items:center;gap:var(--tag-gap);height:var(--tag-height);padding:0 var(--tag-padding-x);border-radius:var(--tag-radius);background-color:var(--tag-bg);color:var(--tag-color);border:var(--border-width-thin) solid var(--tag-border);font-family:var(--font-family-base);font-size:var(--tag-font-size);font-weight:var(--tag-font-weight);line-height:1;white-space:nowrap;max-width:200px;vertical-align:middle;cursor:default;appearance:none;-webkit-appearance:none;text-decoration:none;}button.tag,a.tag,.tag[role="button"]{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);}button.tag:hover:not(:disabled),a.tag:hover,.tag[role="button"]:hover{background-color:var(--tag-bg-hover);}button.tag:focus-visible,a.tag:focus-visible,.tag[role="button"]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.tag.is-selected,button.tag[aria-pressed="true"]{background-color:var(--tag-bg-selected);color:var(--tag-color-selected);border-color:var(--color-brand-muted);}.tag.is-selected:hover,button.tag[aria-pressed="true"]:hover{background-color:var(--color-brand-muted);}.tag.is-disabled,button.tag:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none;}.tag__label{overflow:hidden;text-overflow:ellipsis;line-height:1;}.tag__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--tag-icon-size);height:var(--tag-icon-size);color:inherit;opacity:0.75;}.tag__icon svg{width:100%;height:100%;}.tag__avatar{width:calc(var(--tag-height) - 6px);height:calc(var(--tag-height) - 6px);border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;margin-left:calc(var(--tag-padding-x) * -0.5);}.tag__remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--tag-remove-size);height:var(--tag-remove-size);border-radius:var(--radius-full);border:none;background:none;padding:0;color:inherit;opacity:0.6;cursor:pointer;margin-right:calc(var(--tag-padding-x) * -0.5);transition:opacityvar(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);}.tag__remove:hover{opacity:1;background-color:rgb(0 0 0 / 0.10);}.tag__remove:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.tag__remove svg{width:10px;height:10px;pointer-events:none;}.tag__remove::before,.tag__remove::after{content:'';position:absolute;width:8px;height:1.5px;background-color:currentColor;border-radius:1px;}.tag__remove::before{transform:rotate(45deg);}.tag__remove::after{transform:rotate(-45deg);}.tag__remove:has(svg)::before,.tag__remove:has(svg)::after{display:none;}.tag__remove{position:relative;}.tag--sm{height:var(--tag-height-sm);padding:0 var(--tag-padding-x-sm);font-size:var(--tag-font-size-sm);--tag-icon-size:12px;--tag-remove-size:var(--tag-remove-size-sm);}.tag--sm .tag__avatar{width:calc(var(--tag-height-sm) - 4px);height:calc(var(--tag-height-sm) - 4px);}.tag--lg{height:var(--tag-height-lg);padding:0 var(--tag-padding-x-lg);font-size:var(--tag-font-size-lg);--tag-icon-size:var(--tag-icon-size-lg);}.tag--lg .tag__avatar{width:calc(var(--tag-height-lg) - 8px);height:calc(var(--tag-height-lg) - 8px);}.tag--square{border-radius:var(--radius-sm);}.tag--outline{background-color:transparent;border-color:var(--border-color-default);color:var(--color-text-secondary);}.tag--outline:hover{background-color:var(--color-bg-subtle);}.tag--solid{background-color:var(--color-text-primary);color:var(--color-text-inverse);border-color:transparent;}.tag--brand{--tag-bg:var(--color-brand-subtle);--tag-color:var(--color-brand);}.tag--brand.tag--solid{--tag-bg:var(--color-brand);--tag-color:var(--color-text-inverse);}.tag--success{--tag-bg:var(--color-success-bg);--tag-color:var(--color-success);}.tag--warning{--tag-bg:var(--color-warning-bg);--tag-color:var(--color-warning);}.tag--danger{--tag-bg:var(--color-danger-bg);--tag-color:var(--color-danger);}.tag--info{--tag-bg:var(--color-info-bg);--tag-color:var(--color-info);}.tag--success.tag--solid{--tag-bg:var(--color-success);--tag-color:var(--color-text-inverse);}.tag--warning.tag--solid{--tag-bg:var(--color-warning);--tag-color:var(--color-text-inverse);}.tag--danger.tag--solid{--tag-bg:var(--color-danger);--tag-color:var(--color-text-inverse);}.tag--info.tag--solid{--tag-bg:var(--color-info);--tag-color:var(--color-text-inverse);}.tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);}.tag-group--sm{gap:var(--space-1);}.tag-group--lg{gap:var(--space-3);}.tag-group--overflow{flex-wrap:nowrap;overflow:hidden;}.tag-input{display:flex;flex-direction:column;gap:var(--space-2);width:100%;}.tag-input__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.tag-input__field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-input);border-radius:var(--radius-md);cursor:text;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.tag-input__field:focus-within{border-color:var(--border-color-input-focus);box-shadow:var(--shadow-focus);}.tag-input.is-error .tag-input__field{border-color:var(--border-color-danger);}.tag-input__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);}.tag-input__input{flex:1;min-width:120px;height:var(--space-6);border:none;outline:none;background:transparent;font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--color-text-primary);line-height:1;}.tag-input__input::placeholder{color:var(--color-text-muted);}.tag-input__hint{font-size:var(--font-xs);color:var(--color-text-muted);}.tag-input__error{font-size:var(--font-xs);color:var(--color-danger);font-weight:var(--font-weight-medium);}:dir(rtl) .tag__remove,[dir='rtl'] .tag__remove{margin-right:0;margin-left:calc(var(--tag-padding-x) * -0.5);}:dir(rtl) .tag__avatar,[dir='rtl'] .tag__avatar{margin-left:0;margin-right:calc(var(--tag-padding-x) * -0.5);}:root{--toast-width:360px;--toast-padding:var(--space-4);--toast-radius:var(--radius-lg);--toast-gap:var(--space-3);--toast-icon-size:var(--space-5);--toast-region-gap:var(--space-3);--toast-region-offset:var(--space-6);--toast-bg:var(--color-bg-surface);--toast-border:var(--border-color-default);--toast-color:var(--color-text-primary);--toast-shadow:var(--shadow-floating);--toast-success-bg:var(--color-bg-surface);--toast-success-border:var(--color-success);--toast-success-icon:var(--color-success);--toast-danger-bg:var(--color-bg-surface);--toast-danger-border:var(--color-danger);--toast-danger-icon:var(--color-danger);--toast-warning-bg:var(--color-bg-surface);--toast-warning-border:var(--color-warning);--toast-warning-icon:var(--color-warning);--toast-info-icon:var(--color-info);--toast-progress-height:3px;--toast-progress-duration:4000ms;--alert-padding:var(--space-4);--alert-radius:var(--radius-md);--alert-icon-size:var(--space-5);--alert-border-width:var(--border-width-thin);--alert-bg:var(--color-info-bg);--alert-border:var(--color-info);--alert-icon-color:var(--color-info);--alert-title-color:var(--color-text-primary);--alert-text-color:var(--color-text-primary);}.toast-region{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--toast-region-gap);pointer-events:none;width:var(--toast-width);max-width:calc(100vw - var(--space-8));}.toast-region--top-right{top:var(--toast-region-offset);right:var(--toast-region-offset);align-items:flex-end;}.toast-region--top-left{top:var(--toast-region-offset);left:var(--toast-region-offset);align-items:flex-start;}.toast-region--top-center{top:var(--toast-region-offset);left:50%;transform:translateX(-50%);align-items:center;}.toast-region--bottom-right{bottom:var(--toast-region-offset);right:var(--toast-region-offset);align-items:flex-end;flex-direction:column-reverse;}.toast-region--bottom-left{bottom:var(--toast-region-offset);left:var(--toast-region-offset);align-items:flex-start;flex-direction:column-reverse;}.toast-region--bottom-center{bottom:var(--toast-region-offset);left:50%;transform:translateX(-50%);align-items:center;flex-direction:column-reverse;}@media (max-width:639px){.toast-region{width:100%;max-width:100%;left:0;right:0;bottom:0;top:auto;transform:none;padding:0 var(--space-4) var(--space-4);align-items:stretch;flex-direction:column-reverse;}}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--toast-gap);width:100%;padding:var(--toast-padding);background-color:var(--toast-bg);border:var(--border-width-thin) solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);pointer-events:auto;overflow:hidden;opacity:0;transform:translateX(var(--space-8));transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-fast)var(--ease-out);}.toast.is-entering{opacity:1;transform:translateX(0);}.toast.is-leaving{opacity:0;transform:translateX(var(--space-8));pointer-events:none;transition:opacity var(--duration-normal) var(--ease-in),transform var(--duration-normal) var(--ease-in);}.toast-region--top-left .toast,.toast-region--bottom-left .toast{transform:translateX(calc(var(--space-8) * -1));}.toast-region--top-left .toast.is-entering,.toast-region--bottom-left .toast.is-entering{transform:translateX(0);}.toast-region--top-left .toast.is-leaving,.toast-region--bottom-left .toast.is-leaving{transform:translateX(calc(var(--space-8) * -1));}.toast-region--top-center .toast,.toast-region--bottom-center .toast{transform:translateY(calc(var(--space-4) * -1));}.toast-region--top-center .toast.is-entering,.toast-region--bottom-center .toast.is-entering{transform:translateY(0);}.toast-region--top-center .toast.is-leaving,.toast-region--bottom-center .toast.is-leaving{transform:translateY(calc(var(--space-4) * -1));opacity:0;}.toast:hover{box-shadow:var(--shadow-overlay);}@media (prefers-reduced-motion:reduce){.toast,.toast.is-entering,.toast.is-leaving,.toast-region--top-left .toast,.toast-region--bottom-left .toast,.toast-region--top-center .toast,.toast-region--bottom-center .toast{transform:none;transition:opacity var(--duration-normal) var(--ease-out);}}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--toast-icon-size);height:var(--toast-icon-size);margin-top:1px;color:var(--color-text-muted);}.toast__icon svg{width:100%;height:100%;}.toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);}.toast__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--toast-color);line-height:var(--line-height-snug);margin:0;}.toast__message{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0;word-break:break-word;}.toast__actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);}.toast__action-btn{background:none;border:none;padding:0;font-family:var(--font-family-base);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out);}.toast__action-btn:hover{color:var(--color-brand-hover);}.toast__action-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm);text-decoration:none;}.toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-6);height:var(--space-6);margin-top:calc((var(--space-6) - var(--toast-icon-size)) / -2);padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.toast__close:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.toast__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}.toast__close svg{width:var(--space-4);height:var(--space-4);}.toast__progress{position:absolute;bottom:0;left:0;height:var(--toast-progress-height);width:100%;background-color:var(--border-color-default);transform-origin:left center;}.toast__progress::after{content:'';position:absolute;inset:0;background-color:var(--color-brand);transform-origin:left center;animation:toast-progress var(--toast-progress-duration) linear forwards;}.toast:hover .toast__progress::after,.toast:focus-within .toast__progress::after{animation-play-state:paused;}@keyframes toast-progress{from{transform:scaleX(1);}to{transform:scaleX(0);}}.toast--persistent .toast__progress{display:none;}@media (prefers-reduced-motion:reduce){.toast__progress,.toast__progress::after{display:none;}}.toast--success{border-left:var(--border-width-thick) solid var(--toast-success-border);}.toast--success .toast__icon{color:var(--toast-success-icon);}.toast--success .toast__progress::after{background-color:var(--color-success);}.toast--danger{border-left:var(--border-width-thick) solid var(--toast-danger-border);}.toast--danger .toast__icon{color:var(--toast-danger-icon);}.toast--danger .toast__progress::after{background-color:var(--color-danger);}.toast--warning{border-left:var(--border-width-thick) solid var(--toast-warning-border);}.toast--warning .toast__icon{color:var(--toast-warning-icon);}.toast--warning .toast__progress::after{background-color:var(--color-warning);}.toast--info .toast__icon{color:var(--toast-info-icon);}.toast--info .toast__progress::after{background-color:var(--color-info);}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--alert-padding);background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border);border-radius:var(--alert-radius);width:100%;}.alert__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-top:1px;color:var(--alert-icon-color);}.alert__icon svg{width:100%;height:100%;}.alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);}.alert__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--alert-title-color);line-height:var(--line-height-snug);margin:0;}.alert__message{font-size:var(--font-sm);color:var(--alert-text-color);line-height:var(--line-height-normal);margin:0;}.alert__body a{color:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:2px;}.alert__body a:hover{text-decoration:none;}.alert__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;}.alert__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-6);height:var(--space-6);padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--alert-icon-color);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),opacityvar(--duration-fast) var(--ease-out);opacity:0.6;}.alert__close:hover{opacity:1;background-color:rgba(0, 0, 0, 0.06);}.alert__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);opacity:1;}.alert__close svg{width:var(--space-4);height:var(--space-4);}.alert--info{--alert-bg:var(--color-info-bg);--alert-border:var(--color-info);--alert-icon-color:var(--color-info);}.alert--success{--alert-bg:var(--color-success-bg);--alert-border:var(--color-success);--alert-icon-color:var(--color-success);}.alert--danger{--alert-bg:var(--color-danger-bg);--alert-border:var(--color-danger);--alert-icon-color:var(--color-danger);}.alert--warning{--alert-bg:var(--color-warning-bg);--alert-border:var(--color-warning);--alert-icon-color:var(--color-warning);}.alert--neutral{--alert-bg:var(--color-bg-muted);--alert-border:var(--border-color-default);--alert-icon-color:var(--color-text-secondary);}.alert--banner{border-radius:0;border-left:none;border-right:none;}.alert--soft{border-color:transparent;}.alert--accented{border-color:transparent;border-left:var(--border-width-thick) solid var(--alert-border);border-radius:0 var(--alert-radius) var(--alert-radius) 0;}.alert.is-dismissing{animation:alert-dismiss var(--duration-normal) var(--ease-in) forwards;}@keyframes alert-dismiss{to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden;}}@media (prefers-reduced-motion:reduce){.alert.is-dismissing{animation-duration:var(--duration-fast);}}:dir(rtl) .toast-region--top-right,[dir='rtl'] .toast-region--top-right{right:auto;left:var(--toast-region-offset);align-items:flex-start;}:dir(rtl) .toast-region--top-left,[dir='rtl'] .toast-region--top-left{left:auto;right:var(--toast-region-offset);align-items:flex-end;}:dir(rtl) .toast-region--bottom-right,[dir='rtl'] .toast-region--bottom-right{right:auto;left:var(--toast-region-offset);align-items:flex-start;}:dir(rtl) .toast-region--bottom-left,[dir='rtl'] .toast-region--bottom-left{left:auto;right:var(--toast-region-offset);align-items:flex-end;}:dir(rtl) .toast,[dir='rtl'] .toast{transform:translateX(calc(var(--space-8) * -1));}:dir(rtl) .toast.is-entering,[dir='rtl'] .toast.is-entering{transform:translateX(0);}:dir(rtl) .toast.is-leaving,[dir='rtl'] .toast.is-leaving{transform:translateX(calc(var(--space-8) * -1));}:dir(rtl) .toast-region--top-left .toast,:dir(rtl) .toast-region--bottom-left .toast,[dir='rtl'] .toast-region--top-left .toast,[dir='rtl'] .toast-region--bottom-left .toast{transform:translateX(var(--space-8));}:dir(rtl) .toast-region--top-left .toast.is-entering,:dir(rtl) .toast-region--bottom-left .toast.is-entering,[dir='rtl'] .toast-region--top-left .toast.is-entering,[dir='rtl'] .toast-region--bottom-left .toast.is-entering{transform:translateX(0);}:dir(rtl) .alert--accented,[dir='rtl'] .alert--accented{border-left:none;border-right:var(--border-width-thick) solid var(--alert-border);border-radius:var(--alert-radius) 0 0 var(--alert-radius);}:dir(rtl) .toast__progress,[dir='rtl'] .toast__progress{transform-origin:right center;}:dir(rtl) .toast__progress::after,[dir='rtl'] .toast__progress::after{transform-origin:right center;}#toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:calc(100vw - (var(--space-5) * 2));}.toast{min-width:280px;max-width:360px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-inverse);font-family:var(--font-family-base);font-size:var(--font-sm);box-shadow:var(--shadow-floating);opacity:0;transform:translateY(var(--space-5));transition:all var(--duration-slow) var(--ease-spring);pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);cursor:grab;}.toast.swiping{transition:none;user-select:none;}.toast.swipe-out{transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);transform:translateX(120%);opacity:0;}.toast.show{opacity:1;transform:translateY(0);}.toast.hide{opacity:0;transform:translateY(var(--space-2));transition:all var(--duration-normal) var(--ease-out);}.toast-success{background-color:var(--color-success);}.toast-error{background-color:var(--color-danger);}.toast-info{background-color:var(--color-info);}.toast-warning{background-color:var(--color-warning);color:var(--color-text-primary);}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);}.toast__icon svg{width:100%;height:100%;}.toast-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-1);}.toast__message{line-height:var(--line-height-snug);margin:0;color:inherit;}.toast__actions{margin-top:0;}.toast button{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;opacity:0.8;transition:opacity var(--duration-fast) var(--ease-out);padding:0;display:flex;align-items:center;justify-content:center;}.toast button:hover{opacity:1;}.toast-action{font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:2px;font-size:var(--font-xs);padding:var(--space-1) 0;}.toast-close{width:var(--space-5);height:var(--space-5);margin-left:var(--space-2);}.toast-close svg{width:16px;height:16px;}.persistent-alert{padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);border:var(--border-width-thin) solid transparent;}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);}.alert-error{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info);}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning);}.persistent-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;font-weight:var(--font-weight-bold);opacity:0.7;}.persistent-alert button:hover{opacity:1;}@keyframes fadeIn{from{opacity:0;transform:scale(0.97);}to{opacity:1;transform:scale(1);}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4);opacity:0;transition:opacity 200ms ease-out;}.modal-overlay.is-visible{opacity:1;}.modal{background:var(--color-bg-surface);padding:var(--space-6);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:fadeIn 200ms var(--ease-spring);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;gap:var(--space-4);}.modal__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.modal__message{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);}.modal-actions .btn.danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse);}.modal-actions .btn.danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);}.container--xs{max-width:var(--width-content-xs);}.container--sm{max-width:var(--width-content-sm);}.container--md{max-width:var(--width-content-md);}.container--lg{max-width:var(--width-content-lg);}.container--xl{max-width:var(--width-content-xl);}.container--2xl{max-width:var(--width-content-2xl);}.container--full{max-width:100%;padding-left:0;padding-right:0;}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6);}.container--full{padding-left:0;padding-right:0;}}@media (min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8);}.container--full{padding-left:0;padding-right:0;}}.section{width:100%;}.section__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-default);}.section__title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);}.section__actions{display:flex;gap:var(--space-2);flex-shrink:0;}.section__body{}.grid{display:grid;gap:var(--space-6);}.grid--gap-sm{gap:var(--space-2);}.grid--gap-md{gap:var(--space-4);}.grid--gap-lg{gap:var(--space-8);}.grid--gap-xl{gap:var(--space-12);}.grid--cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.grid--cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.grid--cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.grid--cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}.grid--cols-5{grid-template-columns:repeat(5, minmax(0, 1fr));}.grid--cols-6{grid-template-columns:repeat(6, minmax(0, 1fr));}@media (min-width:640px){.grid--sm-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.grid--sm-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.grid--sm-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.grid--sm-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}}@media (min-width:768px){.grid--md-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.grid--md-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.grid--md-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.grid--md-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}}@media (min-width:1024px){.grid--lg-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr));}.grid--lg-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr));}.grid--lg-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr));}.grid--lg-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr));}.grid--lg-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr));}.grid--lg-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr));}}@media (min-width:1024px){.grid--2-1-split{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);align-items:start;}}@media (min-width:1024px){.grid--lg-cols-3{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media (min-width:768px){.grid--cols-3{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}.stack{display:flex;flex-direction:column;gap:var(--space-4);}.stack--gap-1{gap:var(--space-1);}.stack--gap-2{gap:var(--space-2);}.stack--gap-3{gap:var(--space-3);}.stack--gap-4{gap:var(--space-4);}.stack--gap-5{gap:var(--space-5);}.stack--gap-6{gap:var(--space-6);}.stack--gap-8{gap:var(--space-8);}.stack--gap-10{gap:var(--space-10);}.stack--gap-12{gap:var(--space-12);}.stack--gap-16{gap:var(--space-16);}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;}.list__item-wrapper{margin:0;padding:0;}.list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-sm);color:var(--color-text-primary);text-decoration:none;}.list__item-icon{flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);}.list__item-label{flex-grow:1;font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.list__item-meta{flex-shrink:0;margin-left:auto;font-size:var(--font-xs);color:var(--color-text-secondary);}.list--divided .list__item-wrapper + .list__item-wrapper{border-top:var(--border-width-thin) solid var(--border-color-subtle);}.list--hoverable .list__item{cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);}.list--hoverable .list__item:hover{background-color:var(--color-bg-muted);color:var(--color-brand);}.list--hoverable .list__item:hover .list__item-icon{color:var(--color-brand);}.prose{color:var(--color-text-primary);font-size:var(--font-md);line-height:var(--line-height-relaxed);max-width:65ch;}.prose--sm{font-size:var(--font-sm);}.prose--lg{font-size:var(--font-lg);max-width:75ch;}.prose p{margin-top:0;margin-bottom:1.25em;}.prose p:last-child{margin-bottom:0;}.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6{color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin-top:1.5em;margin-bottom:0.5em;line-height:var(--line-height-tight);}.prose h1:first-child, .prose h2:first-child, .prose h3:first-child{margin-top:0;}.prose ul, .prose ol{margin-top:0;margin-bottom:1.25em;padding-left:1.5em;}.prose li{margin-bottom:0.25em;}.prose strong{font-weight:var(--font-weight-semibold);}.prose a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px;font-weight:var(--font-weight-medium);}.prose a:hover{color:var(--color-brand-hover);}.prose blockquote{border-left:var(--border-width-thick) solid var(--border-color-default);padding-left:var(--space-4);margin-left:0;margin-right:0;font-style:italic;color:var(--color-text-secondary);}.filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) 0;}.filter-bar__start{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex-grow:1;}.filter-bar__search{flex-grow:1;min-width:240px;max-width:360px;}.filter-bar__filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;}.filter-bar__end{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}.filter-bar__sort{min-width:180px;}.filter-bar__actions{display:flex;gap:var(--space-2);}.pricing-card{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-surface);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised);}.pricing-card--featured{border-color:var(--color-brand);border-width:var(--border-width-medium);box-shadow:var(--shadow-interactive);}.pricing-card__header{margin-bottom:var(--space-6);}.pricing-card__plan-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2);}.pricing-card__price{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;flex-grow:1;}.pricing-card__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--color-text-secondary);}.pricing-card__feature-icon{color:var(--color-brand);flex-shrink:0;}.pricing-card__footer{margin-top:auto;}.product-card{border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-surface);transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:flex;flex-direction:column;}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}.product-card article{display:flex;flex-direction:column;height:100%;}.product-card__img-wrap{display:block;position:relative;aspect-ratio:1;background:var(--color-bg-subtle);}.product-card__img{width:100%;height:100%;object-fit:cover;display:block;}.product-card__overlay{position:absolute;inset:0;background:rgb(var(--color-white) / 0.7);display:flex;align-items:center;justify-content:center;}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex-grow:1;}.product-card__brand{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0;}.product-card__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0;line-height:var(--line-height-snug);}.product-card__title-link{color:var(--color-text-primary);text-decoration:none;}.product-card__title-link:hover{color:var(--color-brand);}.product-card__meta{margin-top:auto;padding-top:var(--space-2);}.product-price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;}.product-price__current{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);}.product-price__original{font-size:var(--font-sm);color:var(--color-text-muted);text-decoration:line-through;}.product-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);}.product-card__add{flex:1;}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px, 100vw);background:var(--color-bg-surface);border-left:var(--border-width-thin) solid var(--border-color-default);box-shadow:var(--shadow-overlay);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--duration-normal) var(--ease-spring);}.cart-drawer:not([hidden]){transform:none;}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);flex-shrink:0;}.cart-drawer__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2);}.cart-drawer__body{flex:1;overflow-y:auto;padding:var(--space-4);}.cart-drawer__footer{padding:var(--space-5);border-top:var(--border-width-thin) solid var(--border-color-subtle);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;}.cart-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4);}.cart-item{display:flex;align-items:flex-start;gap:var(--space-3);}.cart-item__img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;border:var(--border-width-thin) solid var(--border-color-subtle);}.cart-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);}.cart-item__name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.cart-item__variant{font-size:var(--font-xs);color:var(--color-text-muted);margin:0;}.cart-item__price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0;}.cart-item__price-current{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);}.qty-control{display:flex;align-items:center;gap:0;border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-2);}.qty-control__btn{width:var(--space-7);height:var(--space-7);border:none;background:none;cursor:pointer;font-size:var(--font-md);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out);}.qty-control__btn:hover{background:var(--color-bg-muted);}.qty-control__input{width:var(--space-10);height:var(--space-7);border:none;border-left:var(--border-width-thin) solid var(--border-color-subtle);border-right:var(--border-width-thin) solid var(--border-color-subtle);text-align:center;font-size:var(--font-sm);background:transparent;color:var(--color-text-primary);appearance:textfield;-moz-appearance:textfield;}.qty-control__input::-webkit-outer-spin-button,.qty-control__input::-webkit-inner-spin-button{-webkit-appearance:none;}.cart-summary{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);margin-bottom:var(--space-3);}.cart-summary__row{display:flex;justify-content:space-between;font-size:var(--font-sm);color:var(--color-text-secondary);}.cart-summary__row--total{font-size:var(--font-md);color:var(--color-text-primary);}.filter-row{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-1);}.filter-row::-webkit-scrollbar{display:none;}.filter-pill{flex-shrink:0;}.filter-pill.is-active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse);}.filter-pill.is-active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse);}[data-density="compact"] .page-content{padding:var(--space-4) var(--space-5);}[data-density="compact"] .page-header{padding-top:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);}[data-density="compact"] .section__header{padding-bottom:var(--space-3);margin-bottom:var(--space-4);}[data-density="compact"] .card__body{padding:var(--space-4);}[data-density="compact"] .card__header{padding:var(--space-3) var(--space-4);}[data-density="compact"] .card__footer{padding:var(--space-3) var(--space-4);}[data-density="compact"] .table__th,[data-density="compact"] .table__td{padding:var(--space-2) var(--space-3);height:auto;min-height:36px;}[data-density="compact"] .list__item{padding:var(--space-2) var(--space-3);}[data-density="compact"] .stack--gap-lg{gap:var(--space-4);}[data-density="compact"] .stack--gap-xl{gap:var(--space-6);}[data-density="compact"] .grid--gap-lg{gap:var(--space-4);}[data-density="compact"] .grid--gap-xl{gap:var(--space-6);}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);align-items:start;max-width:1200px;margin:0 auto;}.settings-nav{position:sticky;top:calc(64px + var(--space-6));display:flex;flex-direction:column;gap:var(--space-6);}.settings-nav__group{display:flex;flex-direction:column;gap:var(--space-1);}.settings-nav__group-label{font-size:calc(var(--font-xs) * 0.85);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);padding:0 var(--space-3);margin:0 0 var(--space-1);}.settings-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;}.settings-nav__link{display:flex;align-items:center;gap:var(--space-2);height:var(--space-9);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);}.settings-nav__link:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.settings-nav__link[aria-current="page"]{background-color:var(--color-brand-subtle);color:var(--color-brand);font-weight:var(--font-weight-semibold);}.settings-nav__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.settings-content{min-width:0;}.settings-content .page-header{border-bottom:none;padding-bottom:0;margin-bottom:var(--space-6);}.settings-content__body{display:flex;flex-direction:column;gap:var(--space-8);}@media (max-width:768px){.settings-layout{grid-template-columns:1fr;gap:var(--space-4);}.settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:0;border-bottom:var(--border-width-thin) solid var(--border-color-default);padding-bottom:var(--space-2);scrollbar-width:none;}.settings-nav::-webkit-scrollbar{display:none;}.settings-nav__group-label{display:none;}.settings-nav__group, .settings-nav__list{flex-direction:row;gap:0;}.settings-nav__link{white-space:nowrap;border-radius:0;height:var(--space-10);padding:0 var(--space-4);border-bottom:var(--border-width-medium) solid transparent;}.settings-nav__link[aria-current="page"]{background-color:transparent;border-bottom-color:var(--color-brand);color:var(--color-brand);border-radius:0;}}.log-viewer{margin:0;padding:var(--space-5);white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-family-mono);font-size:var(--font-xs);max-height:70vh;overflow-y:auto;background-color:var(--color-bg-inverse);color:var(--color-text-inverse);border-radius:var(--radius-lg);}[data-theme="light"] .theme-icon--dark{display:none;}[data-theme="light"] .theme-icon--light{display:block;}[data-theme="dark"] .theme-icon--light{display:none;}[data-theme="dark"] .theme-icon--dark{display:block;}.notif-bell-wrap{position:relative;display:inline-flex;align-items:center;}.notif-bell__btn{position:relative;}.notif-bell__badge{position:absolute;top:-4px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);background-color:var(--color-danger);color:var(--color-text-inverse);font-size:0.625rem;font-weight:var(--font-weight-bold);line-height:1;border-radius:var(--radius-full);border:2px solid var(--color-bg-surface);pointer-events:none;transform:scale(0);opacity:0;transition:transform var(--duration-normal) var(--ease-spring),opacity var(--duration-normal) var(--ease-out);}.notif-bell__badge--visible{transform:scale(1);opacity:1;}@keyframes notif-badge-shake{0%, 100%{transform:scale(1) rotate(0deg);}20%{transform:scale(1.2) rotate(-8deg);}40%{transform:scale(1.2) rotate(8deg);}60%{transform:scale(1.1) rotate(-4deg);}80%{transform:scale(1.1) rotate(4deg);}}.notif-bell__badge--shake{animation:notif-badge-shake 0.5s var(--ease-spring);}.notifications-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-dropdown);width:360px;max-height:520px;display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);transform-origin:top right;transform:translateY(-8px) scale(0.97);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),visibility0ms var(--duration-normal);}.notifications-dropdown.is-open{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transformvar(--duration-normal) var(--ease-spring),opacityvar(--duration-normal) var(--ease-out),visibility 0ms;}@media (max-width:400px){.notifications-dropdown{right:calc(var(--space-4) * -1);left:var(--space-4);width:auto;max-height:80vh;}}.notifications-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);flex-shrink:0;}.notifications-dropdown__title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);}.notif-divider{border:none;border-top:var(--border-width-thin) solid var(--border-color-divider);margin:0;flex-shrink:0;}.notifications-list{list-style:none;padding:0;margin:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 0%;}.notifications-list--full{overflow-y:visible;}.notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);position:relative;transition:background-color var(--duration-fast) var(--ease-out);}.notif-item:not(:last-child){border-bottom:var(--border-width-thin) solid var(--border-color-divider);}.notif-item:hover{background-color:var(--color-bg-muted);}.notif-item--unread{background-color:var(--color-brand-subtle);}.notif-item--unread::before{content:'';position:absolute;left:0;top:var(--space-3);bottom:var(--space-3);width:3px;background-color:var(--color-brand);border-radius:0 var(--radius-full) var(--radius-full) 0;}.notif-item--unread:hover{background-color:var(--color-brand-muted);}.notif-item__visual{flex-shrink:0;position:relative;margin-top:2px;}.notif-item__icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.notif-item__icon--booking_confirmed{background-color:var(--color-success-bg);color:var(--color-success);}.notif-item__icon--booking_cancelled{background-color:var(--color-danger-bg);color:var(--color-danger);}.notif-item__icon--match_result{background-color:var(--color-info-bg);color:var(--color-info);}.notif-item__icon--team_invite{background-color:var(--color-brand-muted);color:var(--color-brand);}.notif-item__icon--payment_due{background-color:var(--color-warning-bg);color:var(--color-warning);}.notif-item__icon--achievement{background-color:var(--color-brand-muted);color:var(--color-brand);}.notif-item__icon--system{background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.notif-item__type-icon{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:var(--radius-full);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);display:flex;align-items:center;justify-content:center;color:var(--color-brand);}.notif-item__type-icon svg{width:10px;height:10px;}.notif-item__content{flex:1 1 0%;min-width:0;}.notif-item__link{display:block;text-decoration:none;color:inherit;}.notif-item__link:hover .notif-item__title{color:var(--color-text-link);}.notif-item__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-sm);}.notif-item__title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);margin:0 0 var(--space-1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.notif-item__body{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-1);}.notif-item__time{display:block;font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);}.notif-item__dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-brand);margin-top:6px;align-self:flex-start;}.notif-item__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:none;background:none;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacityvar(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.notif-item:hover .notif-item__dismiss,.notif-item:focus-within .notif-item__dismiss{opacity:1;}.notif-item__dismiss:hover{background-color:var(--color-bg-raised);color:var(--color-text-primary);}.notif-item__dismiss:focus-visible{opacity:1;outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;}.notif-item__dismiss svg{width:14px;height:14px;pointer-events:none;}@media (hover:none){.notif-item__dismiss{opacity:1;}}@keyframes notif-soft-enter{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}.notif-skeleton-wrap:not([hidden]){animation:notif-soft-enter 400ms var(--ease-out) 150ms backwards;}.notif-page-empty-state:not([hidden]),.notif-empty-state:not([hidden]),.notifications-list--full:not([hidden]){animation:notif-soft-enter 400ms var(--ease-out) forwards;}.notif-empty-state[hidden],.notif-page-empty-state[hidden],.notif-skeleton-wrap[hidden]{display:none !important;}.notif-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;}.notif-empty-state__icon{color:var(--color-text-muted);opacity:0.5;}.notif-empty-state__icon svg{width:32px;height:32px;}.notif-empty-state__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.notif-empty-state__body{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;}.notifications-dropdown__footer{flex-shrink:0;padding:var(--space-2) var(--space-3);border-top:var(--border-width-thin) solid var(--border-color-divider);}.notifications-dropdown__footer .btn{justify-content:center;}@keyframes notif-shimmer{0%{background-position:-400px 0;}100%{background-position:400px 0;}}.notif-skeleton-wrap{padding:var(--space-2) 0;}.notif-skeleton-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);}.notif-skeleton__avatar,.notif-skeleton__line,.notif-skeleton__dismiss{background:linear-gradient(90deg,rgb(var(--color-gray-200)) 25%,rgb(var(--color-gray-100)) 50%,rgb(var(--color-gray-200)) 75%);background-size:400px 100%;animation:notif-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);}@media (prefers-color-scheme:dark){.notif-skeleton__avatar,.notif-skeleton__line,.notif-skeleton__dismiss{background:linear-gradient(90deg,rgb(var(--color-gray-700)) 25%,rgb(var(--color-gray-600)) 50%,rgb(var(--color-gray-700)) 75%);background-size:400px 100%;}}.notif-skeleton__avatar{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);}.notif-skeleton__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1);}.notif-skeleton__line{height:10px;border-radius:var(--radius-full);}.notif-skeleton__line--title{width:65%;}.notif-skeleton__line--body{width:85%;}.notif-skeleton__line--time{width:35%;}.notif-skeleton__dismiss{flex-shrink:0;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);}.notif-skeleton-row:nth-child(2) .notif-skeleton__avatar,.notif-skeleton-row:nth-child(2) .notif-skeleton__line{animation-delay:0.1s;}.notif-skeleton-row:nth-child(3) .notif-skeleton__avatar,.notif-skeleton-row:nth-child(3) .notif-skeleton__line{animation-delay:0.2s;}.notif-skeleton-row:nth-child(4) .notif-skeleton__avatar,.notif-skeleton-row:nth-child(4) .notif-skeleton__line{animation-delay:0.3s;}.notif-skeleton-row:nth-child(5) .notif-skeleton__avatar,.notif-skeleton-row:nth-child(5) .notif-skeleton__line{animation-delay:0.4s;}.notif-skeleton-row:nth-child(6) .notif-skeleton__avatar,.notif-skeleton-row:nth-child(6) .notif-skeleton__line{animation-delay:0.5s;}@media (prefers-reduced-motion:reduce){.notif-skeleton__avatar,.notif-skeleton__line,.notif-skeleton__dismiss{animation:none;background:rgb(var(--color-gray-200));}}.notifications-page{display:flex;flex-direction:column;gap:0;}.notifications-page__tabs{margin-bottom:var(--space-4);}.notifications-page__tabs .tabs__nav{padding-left:var(--space-4);padding-right:var(--space-4);}.notifications-page__actions-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--space-4);padding-left:var(--space-4);padding-right:var(--space-4);}.notifications-list--full,.notif-skeleton-wrap--full,.notif-page-empty-state,.notifications-page__pagination{padding-left:var(--space-4);padding-right:var(--space-4);}@media (min-width:640px){.notifications-page__tabs .tabs__nav,.notifications-page__actions-bar,.notifications-list--full,.notif-skeleton-wrap--full,.notif-page-empty-state,.notifications-page__pagination{padding-left:var(--space-6);padding-right:var(--space-6);}}.notifications-list--full .notif-item{border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color-default);margin-bottom:var(--space-2);background-color:var(--color-bg-surface);}.notifications-list--full .notif-item:not(:last-child){border-bottom:var(--border-width-thin) solid var(--border-color-default);}.notifications-list--full .notif-item:hover{box-shadow:var(--shadow-sm);}.notifications-list--full .notif-item__title{-webkit-line-clamp:unset;display:block;}.notif-skeleton-row--full{padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color-default);margin-bottom:var(--space-2);background-color:var(--color-bg-surface);}.notif-page-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-20);padding-bottom:var(--space-8);text-align:center;}.notif-page-empty-state__icon{color:var(--color-text-muted);opacity:0.4;}.notif-page-empty-state__icon svg{width:48px;height:48px;}.notif-page-empty-state__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.notif-page-empty-state__body{font-size:var(--font-md);color:var(--color-text-secondary);max-width:36ch;margin:0;line-height:var(--line-height-relaxed);}.notifications-page__pagination{margin-top:var(--space-6);border-top:var(--border-width-thin) solid var(--border-color-divider);padding-top:var(--space-4);}.booking-cal{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-card);border-radius:var(--radius-lg);overflow:hidden;width:100%;contain:layout;}.booking-cal__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--border-color-divider);gap:var(--space-3);flex-wrap:wrap;}.booking-cal__nav{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;}.booking-cal__heading{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;text-align:center;flex:1;white-space:nowrap;}.booking-cal__view-toggle{display:flex;align-items:center;background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);flex-shrink:0;}.booking-cal__view-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:none;background:none;font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.booking-cal__view-btn:hover{color:var(--color-text-primary);}.booking-cal__view-btn.is-active{background-color:var(--color-bg-surface);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs);}.booking-cal__view-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);}@media (max-width:480px){.booking-cal__toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3);}.booking-cal__heading{text-align:left;order:-1;}.booking-cal__nav,.booking-cal__view-toggle{justify-content:space-between;}}.booking-cal__shortcuts{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);background-color:var(--color-bg-subtle);border-bottom:var(--border-width-thin) solid var(--border-color-divider);font-size:var(--font-xs);color:var(--color-text-muted);overflow-x:auto;white-space:nowrap;}.booking-cal__shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1);font-family:var(--font-family-mono);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);margin-right:2px;}@media (hover:none) and (pointer:coarse){.booking-cal__shortcuts{display:none;}}.booking-cal__grid-wrap{overflow:auto;max-height:65vh;overscroll-behavior:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;position:relative;}.booking-cal__grid-wrap:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.booking-cal__empty{padding:var(--space-12) var(--space-6);}.booking-cal__grid{display:grid;grid-template-columns:72px repeat(var(--cal-court-count, 1), minmax(160px, 1fr));min-width:100%;min-height:100%;}.booking-cal__court-col{scroll-snap-align:start;}.booking-cal__time-col{position:sticky;left:0;z-index:var(--z-raised);background-color:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--border-color-divider);}.booking-cal__corner-cell{height:52px;border-bottom:var(--border-width-thin) solid var(--border-color-divider);background-color:var(--color-bg-subtle);position:sticky;top:0;z-index:1;}.booking-cal__time-axis{position:relative;}.booking-cal__time-label{position:absolute;right:var(--space-3);font-size:var(--font-xs);color:var(--color-text-muted);transform:translateY(-50%);line-height:1;user-select:none;white-space:nowrap;}.booking-cal__court-col{border-right:var(--border-width-thin) solid var(--border-color-divider);display:flex;flex-direction:column;min-width:0;}.booking-cal__court-col:last-child{border-right:none;}.booking-cal__court-header{height:52px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-color-divider);position:sticky;top:0;z-index:var(--z-raised);background-color:var(--color-bg-subtle);flex-shrink:0;}.booking-cal__court-col--today .booking-cal__court-header{background-color:var(--color-brand-subtle);border-bottom-color:var(--color-brand-muted);}.booking-cal__court-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.booking-cal__slots-container{position:relative;background-color:var(--color-bg-surface);cursor:crosshair;flex:1;overflow:visible;}[data-interactive="false"] .booking-cal__slots-container{cursor:default;}.booking-cal__grid-line{position:absolute;left:0;right:0;height:1px;background-color:var(--border-color-subtle);pointer-events:none;z-index:1;}.booking-cal__grid-line--hour{background-color:var(--border-color-default);z-index:2;}.booking-cal__now-line{position:absolute;left:0;right:0;height:2px;background-color:var(--color-danger);z-index:30;pointer-events:none;}.booking-cal__now-dot{position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-danger);}.booking-cal__unavailable-block{position:absolute;left:0;right:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(-45deg,rgb(var(--color-gray-200) / 0.5),rgb(var(--color-gray-200) / 0.5) 3px,transparent 3px,transparent 10px);border-top:var(--border-width-thin) solid var(--border-color-default);border-bottom:var(--border-width-thin) solid var(--border-color-default);overflow:hidden;}@media (prefers-color-scheme:dark){.booking-cal__unavailable-block{background:repeating-linear-gradient(-45deg,rgb(var(--color-gray-700) / 0.5),rgb(var(--color-gray-700) / 0.5) 3px,transparent 3px,transparent 10px);}}.booking-cal__unavailable-label{display:block;padding:var(--space-1) var(--space-2);font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.booking-cal__booking-block{position:absolute;left:4px;right:4px;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);overflow:hidden;cursor:grab;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:var(--shadow-xs);transition:box-shadowvar(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:10;user-select:none;-webkit-user-select:none;touch-action:none;}.booking-cal__booking-block:hover{box-shadow:var(--shadow-md);z-index:20;}.booking-cal__booking-block:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px;z-index:25;}.booking-cal__booking-block:active{cursor:grabbing;}.booking-cal__booking-content{display:flex;flex-direction:column;gap:1px;pointer-events:none;min-height:0;}.booking-cal__booking-time{font-size:10px;font-weight:var(--font-weight-semibold);opacity:0.75;line-height:1.2;white-space:nowrap;}.booking-cal__booking-title{font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}.booking-cal__booking-block.is-booked{background-color:var(--color-bg-muted);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--border-color-default);cursor:not-allowed;}.booking-cal__booking-block.is-booked:hover{box-shadow:var(--shadow-xs);}.booking-cal__booking-block.is-mine{background-color:var(--color-brand-subtle);color:var(--color-brand);border:var(--border-width-thin) solid var(--color-brand-muted);}.booking-cal__booking-block.is-mine:hover{background-color:var(--color-brand-muted);}.booking-cal__booking-block.ghost{background-color:rgb(var(--color-primary-500) / 0.15);border:var(--border-width-medium) dashed var(--color-brand);pointer-events:none;z-index:30;opacity:0.85;cursor:none;animation:ghost-pulse 1.2s ease-in-out infinite;}@keyframes ghost-pulse{0%, 100%{opacity:0.85;}50%{opacity:0.6;}}.booking-cal__booking-block.ghost.is-invalid{background-color:rgb(var(--color-danger-500) / 0.12);border-color:var(--color-danger);animation:none;}.booking-cal__booking-block.is-dragging{opacity:0.3;pointer-events:none;}.booking-cal__resize-handle{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:28px;height:4px;border-radius:var(--radius-full);background-color:currentColor;opacity:0.2;cursor:ns-resize;transition:opacity var(--duration-fast) var(--ease-out);touch-action:none;}.booking-cal__booking-block:hover .booking-cal__resize-handle,.booking-cal__booking-block:focus-visible .booking-cal__resize-handle{opacity:0.5;}[data-view-mode="compact"] .booking-cal__grid{grid-template-columns:64px repeat(var(--cal-court-count, 1), minmax(100px, 1fr));}[data-view-mode="compact"] .booking-cal__court-header{height:40px;}[data-view-mode="compact"] .booking-cal__corner-cell{height:40px;}[data-view-mode="compact"] .booking-cal__booking-time{display:none;}[data-view-mode="compact"] .booking-cal__booking-block{padding:2px var(--space-1);}@media (max-width:639px){.booking-cal__grid-wrap{max-height:75vh;}.booking-cal__grid{grid-template-columns:56px repeat(var(--cal-court-count, 1), minmax(140px, 1fr));}.booking-cal__time-col{width:56px;}.booking-cal__time-label{font-size:9px;right:var(--space-2);}}:root{--hub-mgt-50:#EFF6FF;--hub-mgt-100:#DBEAFE;--hub-mgt-600:#2563EB;--hub-sch-50:#F5F3FF;--hub-sch-100:#EDE9FE;--hub-sch-600:#7C3AED;--hub-fin-50:#ECFDF5;--hub-fin-100:#D1FAE5;--hub-fin-600:#059669;--hub-ana-50:#FFF7ED;--hub-ana-100:#FFEDD5;--hub-ana-600:#EA580C;--hub-eng-50:#F0FDFA;--hub-eng-100:#CCFBF1;--hub-eng-600:#0D9488;--hub-alr-50:#FEF2F2;--hub-alr-100:#FEE2E2;--hub-alr-600:#DC2626;--hub-sys-50:#F9FAFB;--hub-sys-100:#F3F4F6;--hub-sys-600:#4B5563;}@media (prefers-color-scheme:dark){:root{--hub-mgt-50:rgba(37, 99, 235, 0.15);--hub-mgt-100:rgba(37, 99, 235, 0.25);--hub-mgt-600:#60A5FA;--hub-sch-50:rgba(124, 58, 237, 0.15);--hub-sch-100:rgba(124, 58, 237, 0.25);--hub-sch-600:#A78BFA;--hub-fin-50:rgba(5, 150, 105, 0.15);--hub-fin-100:rgba(5, 150, 105, 0.25);--hub-fin-600:#34D399;--hub-ana-50:rgba(234, 88, 12, 0.15);--hub-ana-100:rgba(234, 88, 12, 0.25);--hub-ana-600:#FB923C;--hub-eng-50:rgba(13, 148, 136, 0.15);--hub-eng-100:rgba(13, 148, 136, 0.25);--hub-eng-600:#2DD4BF;--hub-alr-50:rgba(220, 38, 38, 0.15);--hub-alr-100:rgba(220, 38, 38, 0.25);--hub-alr-600:#F87171;--hub-sys-50:rgba(75, 85, 99, 0.25);--hub-sys-100:rgba(75, 85, 99, 0.35);--hub-sys-600:#9CA3AF;}}.hub-card{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding:16px;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:12px;text-decoration:none;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;}.hub-card:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-md);transform:translateY(-2px);}.hub-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;}.hub-card__icon-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;margin-bottom:auto;transition:all var(--duration-fast) var(--ease-out);}.hub-card__icon{width:20px;height:20px;}.hub-card__content{display:flex;flex-direction:column;gap:4px;width:calc(100% - 28px);}.hub-card__title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.hub-card__description{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.hub-card__badge{position:absolute;top:16px;right:16px;font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.hub-card__arrow{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;justify-content:center;opacity:0.85;transition:transform var(--duration-fast) var(--ease-out);}.hub-card__arrow svg{width:20px;height:20px;}.hub-card:hover .hub-card__arrow{transform:translateX(4px);}.hub-card--management:hover{border-color:var(--hub-mgt-600);}.hub-card--management .hub-card__icon-box{background-color:var(--hub-mgt-50);color:var(--hub-mgt-600);}.hub-card--management .hub-card__arrow{color:var(--hub-mgt-600);}.hub-card--scheduling:hover{border-color:var(--hub-sch-600);}.hub-card--scheduling .hub-card__icon-box{background-color:var(--hub-sch-50);color:var(--hub-sch-600);}.hub-card--scheduling .hub-card__arrow{color:var(--hub-sch-600);}.hub-card--finance:hover{border-color:var(--hub-fin-600);}.hub-card--finance .hub-card__icon-box{background-color:var(--hub-fin-50);color:var(--hub-fin-600);}.hub-card--finance .hub-card__arrow{color:var(--hub-fin-600);}.hub-card--analytics:hover{border-color:var(--hub-ana-600);}.hub-card--analytics .hub-card__icon-box{background-color:var(--hub-ana-50);color:var(--hub-ana-600);}.hub-card--analytics .hub-card__arrow{color:var(--hub-ana-600);}.hub-card--engagement:hover{border-color:var(--hub-eng-600);}.hub-card--engagement .hub-card__icon-box{background-color:var(--hub-eng-50);color:var(--hub-eng-600);}.hub-card--engagement .hub-card__arrow{color:var(--hub-eng-600);}.hub-card--alerts:hover{border-color:var(--hub-alr-600);}.hub-card--alerts .hub-card__icon-box{background-color:var(--hub-alr-50);color:var(--hub-alr-600);}.hub-card--alerts .hub-card__arrow{color:var(--hub-alr-600);}.hub-card--system:hover{border-color:var(--hub-sys-600);}.hub-card--system .hub-card__icon-box{background-color:var(--hub-sys-50);color:var(--hub-sys-600);}.hub-card--system .hub-card__arrow{color:var(--hub-sys-600);}.card--profile{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);}.profile-card__header{display:flex;align-items:center;gap:var(--space-4);}.profile-card__avatar-wrap{position:relative;flex-shrink:0;}.profile-card__status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-bg-surface);background-color:var(--color-success);}.profile-card__status-dot--away{background-color:var(--color-warning);}.profile-card__status-dot--offline{background-color:var(--color-text-muted);}.profile-card__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.profile-card__name{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.profile-card__role{font-size:var(--font-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal);}.profile-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-brand-subtle);color:var(--color-brand);line-height:1;white-space:nowrap;}.profile-card__badge--admin{background-color:var(--color-warning-bg);color:var(--color-warning);}.profile-card__badge--ai{background-color:var(--color-info-bg);color:var(--color-info);}.profile-card__stats{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) 0;border-top:var(--border-width-thin) solid var(--border-color-divider);border-bottom:var(--border-width-thin) solid var(--border-color-divider);}.profile-card__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;min-width:0;}.profile-card__stat + .profile-card__stat{border-left:var(--border-width-thin) solid var(--border-color-divider);}.profile-card__stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.profile-card__stat-value{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums;}.profile-card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;}.profile-card__actions > *{flex:1 1 auto;min-width:0;}.detail-card{display:flex;flex-direction:column;}.detail-card__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-color-divider);display:flex;flex-direction:column;gap:var(--space-1);}@media (min-width:640px){.detail-card__header{padding:var(--space-6);padding-bottom:var(--space-5);}}.detail-card__subtitle{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);}.detail-card__title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);}.detail-card__header-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2);}.detail-card__sections{display:flex;flex-direction:column;}.detail-card__section{padding:var(--space-5);}@media (min-width:640px){.detail-card__section{padding:var(--space-6);}}.detail-card__divider{border:none;border-top:var(--border-width-thin) solid var(--border-color-divider);margin:0;}.detail-card__section-title{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);margin:0 0 var(--space-4) 0;}.detail-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-4);}@media (min-width:480px){.detail-card__grid{grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:var(--space-5) var(--space-6);}}.detail-card__item{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.detail-card__item--full{grid-column:1 / -1;}.detail-card__label{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:var(--font-weight-medium);gap:var(--space-1);}.detail-card__value{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);word-break:break-word;}.detail-card__value-icon{display:inline-flex;align-items:center;gap:var(--space-1);}.detail-card__value-icon svg{flex-shrink:0;color:var(--color-text-muted);}.detail-card__footer{padding:var(--space-4) var(--space-5);border-top:var(--border-width-thin) solid var(--border-color-divider);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;}@media (min-width:640px){.detail-card__footer{padding:var(--space-4) var(--space-6);}}.summary-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-surface);transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);text-decoration:none;min-height:60px;}@media (min-width:640px){.summary-card{padding:var(--space-4);}}a.summary-card:hover,a.summary-card:focus-visible{background-color:var(--color-bg-subtle);box-shadow:var(--shadow-xs);}a.summary-card:active{background-color:var(--color-bg-muted);box-shadow:none;}a.summary-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;}.summary-card__leading{flex-shrink:0;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.summary-card__leading--brand{background-color:var(--color-brand-subtle);color:var(--color-brand);}.summary-card__main{display:flex;flex-direction:column;gap:var(--space-px);flex:1 1 0%;min-width:0;}.summary-card__title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.summary-card__subtitle{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.summary-card__meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);}.summary-card__price{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;}.summary-card__trailing{flex-shrink:0;color:var(--color-text-muted);margin-left:var(--space-1);transition:transform var(--duration-fast) var(--ease-out);}a.summary-card:hover .summary-card__trailing{transform:translateX(2px);}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;}.status-badge--confirmed,.status-badge--active,.status-badge--success{background-color:var(--color-success-bg);color:var(--color-success);}.status-badge--pending,.status-badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning);}.status-badge--cancelled,.status-badge--danger,.status-badge--error{background-color:var(--color-danger-bg);color:var(--color-danger);}.status-badge--info{background-color:var(--color-info-bg);color:var(--color-info);}.status-badge--neutral{background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.status-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;}.coaching-service-card{background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);}.coaching-service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-color-strong);}.coaching-service-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);}.coaching-service-card__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);}.coaching-service-card__price{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-brand);font-variant-numeric:tabular-nums;flex-shrink:0;}.coaching-service-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);}.coaching-service-card__desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;}.coaching-service-card__footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:var(--space-3);}.coaching-review-card{background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);}.coaching-review-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);}.coaching-review-card__author{display:flex;align-items:center;gap:var(--space-3);}.coaching-review-card__author-info{display:flex;flex-direction:column;gap:0;}.coaching-review-card__author-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2;}.coaching-review-card__date{font-size:var(--font-xs);color:var(--color-text-muted);}.coaching-review-card__rating{display:flex;align-items:center;gap:2px;}.coaching-review-card__rating .star-filled{color:var(--color-warning);}.coaching-review-card__rating .star-empty{color:var(--border-color-default);}.coaching-review-card__comment{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-style:italic;margin:0;}.conv-thread{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4);}.conv-msg{display:flex;align-items:flex-end;gap:var(--space-3);width:100%;}.conv-msg--left{padding-right:15%;}.conv-msg--right{flex-direction:row-reverse;padding-left:15%;}.conv-msg__avatar{flex-shrink:0;margin-bottom:var(--space-1);}.conv-msg__main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;}.conv-msg--right .conv-msg__main{align-items:flex-end;}.conv-msg__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-1);margin-bottom:2px;}.conv-msg--right .conv-msg__meta{flex-direction:row-reverse;}.conv-msg__author{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.conv-msg__time{font-size:calc(var(--font-xs) * 0.9);color:var(--color-text-muted);display:flex;align-items:center;gap:4px;}.conv-msg__time svg{color:var(--color-text-muted);opacity:0.7;}.conv-msg__bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);box-shadow:var(--shadow-xs);position:relative;word-break:break-word;}.conv-msg--left .conv-msg__bubble{border-bottom-left-radius:4px;}.conv-msg--right .conv-msg__bubble{border-bottom-right-radius:4px;}.conv-msg__bubble--brand{background-color:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand);box-shadow:var(--shadow-interactive);}.conv-msg__bubble--brand a{color:var(--color-text-inverse);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}.conv-msg__bubble--brand a:hover{text-decoration:none;}.conv-msg__bubble--internal{background-color:var(--color-warning-bg);color:var(--color-text-primary);border:1px dashed var(--color-warning);}.conv-msg__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);}.checkout-panel{position:relative;min-height:200px;width:100%;}.checkout-state{display:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);width:100%;}.checkout-state.is-active{display:block;opacity:1;}.checkout-methods .radio-card{transition:all var(--duration-fast) var(--ease-out);}.checkout-methods .radio-card:has(input:checked){border-color:var(--color-brand);background-color:var(--color-brand-subtle);box-shadow:var(--shadow-focus);}.checkout-split-box label{display:flex;align-items:center;cursor:pointer;user-select:none;margin:0;}.checkout-split-box input:checked ~ .switch__track{background-color:var(--color-brand);}.checkout-split-box input:checked ~ .switch__track .switch__thumb{transform:translateX(16px);}.checkout-offline-box{animation:fadeIn var(--duration-fast) var(--ease-out);}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}.mod-feature-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;height:100%;}.mod-feature-card:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-sm);}.mod-feature-card:active{background-color:var(--color-bg-subtle);box-shadow:none;}.mod-feature-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;}.mod-feature-card__header{display:flex;align-items:flex-start;justify-content:space-between;}.mod-feature-card__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-bg-muted);color:var(--color-text-secondary);transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);}.mod-feature-card__icon{width:24px;height:24px;}.mod-feature-card:hover .mod-feature-card__icon-wrap{transform:scale(1.05);}.mod-feature-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}.mod-feature-card__title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);}.mod-feature-card__description{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.mod-feature-card__trailing{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-6);height:var(--space-6);color:var(--color-text-muted);opacity:0.5;transform:translateX(-4px);transition:transform var(--duration-normal) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);}.mod-feature-card__trailing svg{width:20px;height:20px;}.mod-feature-card:hover .mod-feature-card__trailing{transform:translateX(0);opacity:1;color:var(--color-text-primary);}.mod-feature-card--primary:hover .mod-feature-card__icon-wrap{background-color:var(--color-brand-subtle);color:var(--color-brand);}.mod-feature-card--primary:hover .mod-feature-card__trailing{color:var(--color-brand);}.mod-feature-card--success:hover .mod-feature-card__icon-wrap{background-color:var(--color-success-bg);color:var(--color-success);}.mod-feature-card--success:hover .mod-feature-card__trailing{color:var(--color-success);}.mod-feature-card--warning:hover .mod-feature-card__icon-wrap{background-color:var(--color-warning-bg);color:var(--color-warning);}.mod-feature-card--warning:hover .mod-feature-card__trailing{color:var(--color-warning);}.mod-feature-card--danger:hover .mod-feature-card__icon-wrap{background-color:var(--color-danger-bg);color:var(--color-danger);}.mod-feature-card--danger:hover .mod-feature-card__trailing{color:var(--color-danger);}.mod-feature-card--info:hover .mod-feature-card__icon-wrap{background-color:var(--color-info-bg);color:var(--color-info);}.mod-feature-card--info:hover .mod-feature-card__trailing{color:var(--color-info);}.mod-feature-card--neutral:hover .mod-feature-card__icon-wrap{background-color:var(--color-bg-muted);color:var(--color-text-secondary);}.mod-feature-card--neutral:hover .mod-feature-card__trailing{color:var(--color-text-primary);}@media (prefers-reduced-motion:reduce){.mod-feature-card{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);}.mod-feature-card:hover{transform:none;}.mod-feature-card__trailing,.mod-feature-card__icon-wrap,.mod-feature-card:hover .mod-feature-card__trailing,.mod-feature-card:hover .mod-feature-card__icon-wrap{transform:none;transition:none;}}.feed-post{display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:0;transition:box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);}.feed-post:hover{border-color:var(--border-color-default);box-shadow:var(--shadow-surface);}.feed-post__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);}.feed-post__avatar{flex-shrink:0;}.feed-post__meta{display:flex;flex-direction:column;min-width:0;flex:1;}.feed-post__author{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.feed-post__time{font-size:var(--font-xs);color:var(--color-text-muted);line-height:var(--line-height-tight);margin-top:1px;}.feed-post__options{margin-left:auto;flex-shrink:0;}.feed-post__body{padding:0 var(--space-5) var(--space-4);font-size:var(--font-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);}.feed-post__body p:last-child{margin-bottom:0;}.feed-post__footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background-color:var(--color-bg-subtle);border-top:var(--border-width-thin) solid var(--border-color-subtle);}.feed-post__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);user-select:none;-webkit-user-select:none;}.feed-post__action svg{width:18px;height:18px;fill:none;stroke:currentColor;transition:fill var(--duration-fast) var(--ease-out),stroke var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);}.feed-post__action:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);}.feed-post__action:active svg{transform:scale(0.9);}.feed-post__action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;}.feed-post__action--like.is-active{color:var(--color-brand);}.feed-post__action--like.is-active svg{fill:var(--color-brand);stroke:var(--color-brand);}.kanban-board{display:flex;gap:var(--space-4);align-items:flex-start;overflow-x:auto;padding-bottom:var(--space-4);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent;width:100%;min-height:50vh;}.kanban-board::-webkit-scrollbar{height:8px;}.kanban-board::-webkit-scrollbar-track{background:transparent;}.kanban-board::-webkit-scrollbar-thumb{background-color:var(--border-color-strong);border-radius:var(--radius-full);}.kanban-column{flex:0 0 320px;background-color:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 240px);overflow:hidden;}.kanban-column__header{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width-thin) solid var(--border-color-default);background-color:var(--color-bg-muted);}.kanban-column__title{font-weight:var(--font-weight-bold);font-size:var(--font-sm);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);}.kanban-column__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;overscroll-behavior-y:contain;flex:1 1 auto;}.kanban-card{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised);border-color:var(--color-brand-muted);}@media (max-width:768px){.kanban-column{flex:0 0 280px;}}.data-table-container{position:relative;display:flex;flex-direction:column;gap:0;}.data-table-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;flex-wrap:wrap;}.data-table-toolbar__search{flex:1;min-width:200px;max-width:340px;}.data-table-toolbar__filters{display:flex;gap:var(--space-2);flex-wrap:wrap;}.data-table-toolbar__actions{margin-left:auto;display:flex;gap:var(--space-2);}.data-table-filters{display:flex;align-items:center;gap:var(--space-3);padding:0 0 var(--space-3);flex-wrap:wrap;}.bulk-action-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-brand-subtle);border:var(--border-width-thin) solid var(--color-brand-muted);border-radius:var(--radius-md);margin-bottom:var(--space-3);flex-wrap:wrap;}.bulk-action-bar__count{font-size:var(--font-sm);color:var(--color-brand);white-space:nowrap;}.bulk-action-bar__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;}.table-scroll-wrap{overflow-x:auto;overflow-y:auto;max-height:70vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);position:relative;}.table__head--sticky .table__th{position:sticky;top:0;z-index:10;background-color:var(--table-header-bg);box-shadow:inset 0 -2px 0 var(--table-border);border-bottom:none;}.table-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-bg-surface) / 0.80);border-radius:var(--radius-lg);z-index:var(--z-raised);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity var(--duration-normal) var(--ease-out);}.table-loading-overlay[hidden]{display:none;pointer-events:none;visibility:hidden;}.table__row[data-href]{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);}.table__row[data-href]:hover{background-color:var(--color-bg-muted);}.table__th--sortable{cursor:pointer;user-select:none;}.table__sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;font:inherit;color:inherit;font-weight:inherit;padding:0;text-transform:inherit;white-space:nowrap;}.table__sort-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-sm);}.table__sort-icon{display:inline-flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;width:8px;margin-left:2px;vertical-align:middle;}.table__sort-icon::before,.table__sort-icon::after{content:'';display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;transition:border-color var(--duration-fast) var(--ease-out),opacityvar(--duration-fast) var(--ease-out);}.table__sort-icon::before{border-bottom:4px solid rgb(var(--color-gray-400));opacity:0.45;}.table__sort-icon::after{border-top:4px solid rgb(var(--color-gray-400));opacity:0.45;}[aria-sort="ascending"] .table__sort-icon::before{border-bottom-color:var(--color-brand);opacity:1;}[aria-sort="ascending"] .table__sort-icon::after{opacity:0.2;}[aria-sort="descending"] .table__sort-icon::after{border-top-color:var(--color-brand);opacity:1;}[aria-sort="descending"] .table__sort-icon::before{opacity:0.2;}.table__th--check,.table__td--check{width:var(--space-10);padding-right:0;}.table__td--check{position:static;}.table__th--actions,.table__td--actions{width:var(--space-10);text-align:right;position:static;}.table-empty{padding:var(--space-12) var(--space-4);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);margin-top:var(--space-px);background-color:var(--color-bg-surface);}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;flex-wrap:wrap;gap:var(--space-3);}.table-pagination__info{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;}.pagination{display:flex;align-items:center;gap:var(--space-1);}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-2);border-radius:var(--radius-sm);border:var(--border-width-thin) solid transparent;background:none;font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),colorvar(--duration-fast) var(--ease-out);}.pagination__btn:hover:not(:disabled){background-color:var(--color-bg-muted);}.pagination__btn--active{background-color:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand);font-weight:var(--font-weight-semibold);}.pagination__btn--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);}.pagination__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;}.pagination__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm);}.pagination__ellipsis{color:var(--color-text-muted);padding:0 var(--space-1);font-size:var(--font-sm);line-height:var(--space-8);}@media (max-width:639px){.data-table-toolbar{flex-direction:column;align-items:stretch;}.data-table-toolbar__search{max-width:100%;}.data-table-toolbar__actions{margin-left:0;}.table-pagination{flex-direction:column;align-items:flex-start;}}.menu-list{list-style:none;padding:0;margin:0;}.menu-item{background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color-subtle);cursor:grab;}.menu-item:active{cursor:grabbing;}.menu-item-content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:40px;}.menu-item .menu-list{padding-left:var(--space-5);margin-top:var(--space-2);}.menu-item-icon{color:var(--color-text-muted);}.menu-item-label{flex-grow:1;}.menu-item.is-dragging{opacity:0.5;background:var(--color-brand-subtle);border-style:dashed;border-color:var(--color-brand);}.drop-indicator{height:2px;background:var(--color-brand);margin:var(--space-1) 0;border-radius:var(--radius-full);}.pos-terminal-layout{height:calc(100vh - var(--space-16));overflow:hidden;margin:calc(var(--space-6) * -1) calc(var(--space-8) * -1);}.pos-terminal-layout .sidebar-layout__main{height:100%;overflow-y:auto;padding:var(--space-6) var(--space-8);background-color:var(--color-bg-page);scrollbar-width:thin;}.pos-terminal-layout .sidebar-layout__aside{height:100%;width:400px;background-color:var(--color-bg-surface);border-left:var(--border-width-thin) solid var(--border-color-subtle);border-right:none;display:flex;flex-direction:column;}.pos-terminal-layout .cart-drawer{display:flex;flex-direction:column;height:100%;width:100%;border:none;border-radius:0;box-shadow:none;position:relative;right:auto;top:auto;}.pos-terminal-layout .cart-drawer__header{background-color:var(--color-bg-subtle);padding:var(--space-5) var(--space-6);}.pos-terminal-layout .cart-drawer__body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);}.pos-terminal-layout .cart-drawer__footer{padding:var(--space-6);background-color:var(--color-bg-surface);border-top:var(--border-width-medium) solid var(--border-color-subtle);box-shadow:0 -4px 12px rgba(0, 0, 0, 0.03);}.pos-terminal-layout .product-grid{--grid-item-min:200px;grid-template-columns:repeat(auto-fill, minmax(var(--grid-item-min), 1fr));gap:var(--space-5);}.pos-terminal-layout .product-card{transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-out);cursor:pointer;}.pos-terminal-layout .product-card:active{transform:scale(0.97);}@media (max-width:1023px){.pos-terminal-layout{height:auto;overflow:visible;margin:calc(var(--space-4) * -1);}.pos-terminal-layout .sidebar-layout__main{padding:var(--space-4);}.pos-terminal-layout .sidebar-layout__aside{width:100%;height:auto;border-left:none;border-top:var(--border-width-thin) solid var(--border-color-subtle);}.pos-terminal-layout .cart-drawer{min-height:50vh;}}.pos-product-form{display:flex;flex-direction:column;gap:var(--space-6);}.pos-product-form__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);align-items:start;}.pos-product-form__gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--space-4);margin-top:var(--space-4);}.pos-product-form__gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color-default);overflow:hidden;background-color:var(--color-bg-muted);}.pos-product-form__gallery-item img{width:100%;height:100%;object-fit:cover;}.pos-product-form__remove-image{position:absolute;top:var(--space-2);right:var(--space-2);background-color:var(--color-danger);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0.8;transition:opacity var(--duration-fast) var(--ease-out);}.pos-product-form__remove-image:hover{opacity:1;}.pos-product-form__remove-image svg{width:14px;height:14px;}@media (max-width:1023px){.pos-product-form__grid{grid-template-columns:1fr;}}.standings-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);}.standings-header__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.standings-header__meta{display:flex;align-items:center;gap:var(--space-3);}.col-pos{width:40px;text-align:center;}.col-team{min-width:160px;}.col-num{width:44px;text-align:center;}.col-pts{width:52px;text-align:center;font-weight:var(--font-weight-bold);}.col-form{width:90px;}.standings-row--promotion td:first-child{border-left:3px solid var(--color-success);}.standings-row--relegation td:first-child{border-left:3px solid var(--color-danger);}.form-guide{display:flex;gap:2px;align-items:center;}.form-pip{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);font-size:9px;font-weight:var(--font-weight-bold);line-height:1;}.form-pip--w{background-color:var(--color-success);color:var(--color-text-inverse);}.form-pip--l{background-color:var(--color-danger);color:var(--color-text-inverse);}.form-pip--d{background-color:var(--color-text-muted);color:var(--color-text-inverse);}.standings-legend{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--font-xs);color:var(--color-text-muted);align-items:center;}.standings-legend__item{display:flex;align-items:center;gap:var(--space-2);}.standings-legend__color{width:12px;height:12px;border-radius:var(--radius-sm);}.standings-legend__color--promotion{background-color:var(--color-success);}.standings-legend__color--relegation{background-color:var(--color-danger);}.bracket{display:flex;gap:var(--space-12);min-width:max-content;}.bracket__round{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);}.bracket__round-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap;margin:0;}.bracket__matches{display:flex;flex-direction:column;justify-content:space-around;flex:1;}.bracket__match{position:relative;margin:var(--space-4) 0;border-left:2px solid var(--border-color-default);padding-left:var(--space-4);}.bracket__match--live{border-left-color:var(--color-danger);}.bracket__seed{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-sm);margin-bottom:1px;font-size:var(--font-sm);}.bracket__seed-num{width:20px;text-align:center;color:var(--color-text-muted);font-size:var(--font-xs);}.bracket__seed-name{flex:1;font-weight:var(--font-weight-medium);}.bracket__seed-score{font-weight:var(--font-weight-bold);}.bracket__seed--winner{background:var(--color-success-bg);border-color:var(--color-success);font-weight:var(--font-weight-semibold);}.bracket__seed--winner .bracket__seed-score{color:var(--color-success);}.schedule-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);}.schedule-nav{display:flex;align-items:center;gap:var(--space-1);}.schedule-day__label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin:0 0 var(--space-3);}.match-list{list-style:none;padding:0;margin:0 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-2);}.match-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--border-color-default);border-radius:var(--radius-lg);flex-wrap:wrap;}.match-card--live{border-color:var(--color-danger);background:var(--color-danger-bg);}.match-card--complete{background:var(--color-bg-subtle);}.match-card__time{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:var(--space-16);font-size:var(--font-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;}.match-card__teams{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:180px;flex-wrap:wrap;}.match-card__team{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);}.match-card__team--winner{font-weight:var(--font-weight-bold);}.match-card__vs{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);}.match-card__score, .match-card__final-score{font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;}.match-card__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-xs);color:var(--color-text-muted);}.match-card__actions{margin-left:auto;}.live-indicator{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-danger);}.live-indicator__dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-danger);animation:live-pulse 1.5s ease-in-out infinite;}@keyframes live-pulse{0%, 100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.8);}}.score-modal__match{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-5);}.score-modal__date{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular);}.score-entry{display:flex;align-items:flex-start;gap:var(--space-4);justify-content:space-between;}.score-entry__team{flex:1;display:flex;flex-direction:column;gap:var(--space-3);}.score-entry__team-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;}.score-entry__games{display:flex;gap:var(--space-2);justify-content:center;}.score-entry__game{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);}.score-entry__game-label{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;}.score-entry__game-input{width:var(--space-12);text-align:center;font-size:var(--font-lg);font-weight:var(--font-weight-bold);}.score-entry__divider{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:var(--font-weight-bold);padding-top:calc(var(--space-8) + var(--space-4));flex-shrink:0;}.leaderboard{display:flex;flex-direction:column;}.leaderboard__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);padding:var(--space-6) 0;}.podium__place{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);}.podium__name{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);}.podium__bar{display:flex;align-items:center;justify-content:center;width:72px;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);border-radius:var(--radius-md) var(--radius-md) 0 0;}.podium__bar--1{height:72px;background-color:var(--color-warning);}.podium__bar--2{height:52px;background-color:var(--color-text-muted);}.podium__bar--3{height:40px;background-color:#b45309;}.podium__crown{font-size:var(--font-xl);line-height:1;}.leaderboard__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;}.leaderboard__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-color-subtle);}.leaderboard__row:last-child{border-bottom:none;}.leaderboard__row--gold{background-color:rgb(255 243 199 / 0.4);}.leaderboard__row--silver{background-color:rgb(243 244 246 / 0.6);}.leaderboard__row--bronze{background-color:rgb(254 237 213 / 0.4);}.leaderboard__row--self{background-color:var(--color-brand-subtle);border-left:3px solid var(--color-brand);}.leaderboard__rank{width:var(--space-8);text-align:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);}.leaderboard__player{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;}.leaderboard__name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);}.leaderboard__stat-line{font-size:var(--font-xs);color:var(--color-text-muted);}.leaderboard__scores{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex-shrink:0;}.leaderboard__primary-stat{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);}.leaderboard__secondary-stat{font-size:var(--font-xs);color:var(--color-text-muted);}.search-form-container{margin-bottom:var(--space-8);}.search-form-container form{display:flex;}.search-form-container .input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;}.search-form-container .btn{border-top-left-radius:0;border-bottom-left-radius:0;height:var(--input-height);}.search-result-item .card__body{display:flex;justify-content:space-between;align-items:center;}.search-result-item__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);margin:0;}.search-result-item__title a{text-decoration:none;color:var(--color-text-link);}.search-result-item__title a:hover{color:var(--color-brand-hover);}.inbox-item{transition:box-shadow var(--duration-fast) ease-out, background-color var(--duration-fast) ease-out;}.inbox-item:hover{box-shadow:var(--shadow-md);}.inbox-item__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-decoration:none;color:inherit;}.inbox-item--unread .inbox-item__link{border-left:3px solid var(--color-brand);background-color:var(--color-brand-subtle);}.inbox-item__main{flex:1;min-width:0;}.inbox-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);}.inbox-item__title{font-size:var(--font-md);font-weight:var(--font-weight-medium);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.inbox-item--unread .inbox-item__title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);}.inbox-item__preview{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-snug);}.inbox-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0;}.inbox-item__timestamp{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;}.inbox-item__unread-dot{width:10px;height:10px;background:var(--color-brand);border-radius:var(--radius-full);}.prose{line-height:1.7;font-size:var(--font-md);color:var(--color-text-primary);}.prose h1, .prose h2, .prose h3{margin-top:1.5em;margin-bottom:0.5em;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);}.prose p{margin-bottom:1em;}.prose a{color:var(--color-brand);text-decoration:underline;}.prose ul{list-style:disc;padding-left:1.5em;}.prose strong{font-weight:var(--font-weight-semibold);}.instant-play-container{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%;max-width:480px;margin:0 auto;text-align:center;}.instant-play-state{width:100%;opacity:0;transform:scale(0.95);transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-spring);pointer-events:none;}.instant-play-state.is-active{opacity:1;transform:scale(1);pointer-events:auto;}.ip-pulse-ring{position:relative;width:120px;height:120px;margin:0 auto;display:flex;align-items:center;justify-content:center;}.ip-pulse-core{position:relative;z-index:var(--z-raised);width:80px;height:80px;background-color:var(--color-brand);color:var(--color-text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);}.ip-pulse-ring::before,.ip-pulse-ring::after{content:'';position:absolute;inset:0;border-radius:var(--radius-full);background-color:var(--color-brand);z-index:var(--z-base);opacity:0;}@media (prefers-reduced-motion:no-preference){.ip-pulse-ring::before{animation:ip-pulse-anim 2s var(--ease-out) infinite;transform-origin:center;}.ip-pulse-ring::after{animation:ip-pulse-anim 2s var(--ease-out) infinite;animation-delay:1s;transform-origin:center;}@keyframes ip-pulse-anim{0%{transform:scale(0.6);opacity:0.8;}100%{transform:scale(1.6);opacity:0;}}}@media (prefers-reduced-motion:reduce){.ip-pulse-ring::before,.ip-pulse-ring::after{display:none;}.ip-pulse-core{animation:none;}}