@rakeyshgidwani/roger-ui-bank-theme-harvey 0.2.52 → 0.3.0

package/dist/styles.css

@@ -1,5 +1,5 @@
 /* Complete Theme CSS Bundle - harvey */
-/* Generated on 2025-10-08T15:20:38.775Z */
+/* Generated on 2025-10-10T13:57:45.025Z */
 
 /* ===== COMPONENT STYLES (Navigation & UI Components) ===== */
 
@@ -987,7 +987,7 @@
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .breadcrumb {
     font-size: var(--cs-fonts-primary-sizes-base);
   }
@@ -1384,7 +1384,7 @@
 }
 
 /* Menu Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .menu {
     min-width: 100%;
     max-width: 100%;
@@ -1413,7 +1413,7 @@
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .menu {
     font-size: var(--menu-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -2008,7 +2008,7 @@
 }
 
 /* Pagination Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .pagination {
     flex-direction: column;
     gap: var(--pagination-group-spacing);
@@ -2034,7 +2034,7 @@
   }
 }
 
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .pagination__total {
     display: none;
   }
@@ -2045,7 +2045,7 @@
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .pagination {
     font-size: var(--pagination-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -2248,7 +2248,7 @@
 }
 
 /* Responsive Design for Showcase */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .pagination-responsive-grid {
     grid-template-columns: 1fr 1fr !important;
   }
@@ -2773,7 +2773,7 @@
 }
 
 /* Sidebar Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .sidebar {
     transform: translateX(-100%);
   }
@@ -2787,7 +2787,7 @@
   }
 }
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .sidebar {
     width: 100%;
     font-size: var(--sidebar-mobile-font-size, var(--cs-fonts-primary-sizes-xs));
@@ -2804,7 +2804,7 @@
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .sidebar {
     font-size: var(--sidebar-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -3058,7 +3058,7 @@
 }
 
 /* Responsive Design for Showcase */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .sidebar-responsive-grid {
     grid-template-columns: 1fr 1fr !important;
   }
@@ -3476,7 +3476,7 @@
 }
 
 /* Stepper Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .stepper--horizontal {
     flex-direction: column;
   }
@@ -3500,7 +3500,7 @@
   }
 }
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .stepper__step-number {
     width: var(--stepper-step-size-small);
     height: var(--stepper-step-size-small);
@@ -3976,7 +3976,7 @@
 }
 
 /* Tabs Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .tabs__list--vertical {
     flex-direction: row;
     overflow-x: auto;
@@ -3996,8 +3996,7 @@
 
 
 /* ===== COMPILED STYLES (Tailwind + Components) ===== */
-@layer reset,base,themes,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer themes;@layer overrides.overrides{.a11y-override{outline:2px solid var(--cs-colors-interactive-focus)!important;outline-offset:2px!important}@media (prefers-contrast: high){*{border-color:currentColor!important}.button,.input,.card{border-width:var(--cs-border-width-thick)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.button--ghost,.tooltip,.popover,.modal__overlay,.sidebar__mobile-toggle{display:none!important}.card,.alert,.modal__container{border:1px solid #000!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")"!important;font-size:.8em!important;color:#666!important}}.force-visible{display:block!important;visibility:visible!important;opacity:1!important}.force-hidden{display:none!important}.debug-outline *{outline:1px solid red!important}.debug-spacing *{background:#ff00001a!important}@supports (-webkit-appearance: none){.input{-webkit-appearance:none!important}}@-moz-document url-prefix(){.button{-moz-user-select:none!important}}@supports (-ms-ime-align: auto){.grid{display:-ms-grid!important}}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:var(--cs-fonts-body-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--cs-fonts-body-size, 16px);font-weight:var(--cs-fonts-body-weight, 400);line-height:var(--cs-fonts-body-line-height, 1.5);color:var(--cs-colors-text-primary, #0f172a)}h1,h2,h3,h4,h5,h6{font-family:var(--cs-fonts-heading-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-weight:var(--cs-fonts-heading-weight, 600);line-height:var(--cs-fonts-heading-line-height, 1.2);color:var(--cs-colors-text-primary, #0f172a);margin-bottom:var(--cs-spacing-scale-3, .75rem)}h1{font-size:var(--cs-fonts-heading-h1-size, 2.25rem)}h2{font-size:var(--cs-fonts-heading-h2-size, 1.875rem)}h3{font-size:var(--cs-fonts-heading-h3-size, 1.5rem)}h4{font-size:var(--cs-fonts-heading-h4-size, 1.25rem)}h5{font-size:var(--cs-fonts-heading-h5-size, 1.125rem)}h6{font-size:var(--cs-fonts-heading-h6-size, 1rem)}p{margin-bottom:var(--cs-spacing-scale-3, .75rem)}a{color:var(--cs-colors-primary, #3b82f6);text-decoration:underline}a:hover{color:var(--cs-colors-primary-hover, #2563eb)}code{font-family:var(--cs-fonts-mono-family, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:var(--cs-fonts-mono-size, .875rem);background-color:var(--cs-colors-surface-secondary, #f1f5f9);padding:var(--cs-spacing-scale-1, .25rem) var(--cs-spacing-scale-2, .5rem);border-radius:var(--cs-border-radius-sm, .25rem)}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@supports not (font-variation-settings: normal){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}}@supports not (font-display: swap){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff) format("woff");font-weight:200 700;font-style:normal}}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}:root{--badge-height: var(--cs-spacing-scale-lg);--badge-padding-y: var(--cs-spacing-scale-xs);--badge-padding-x: var(--cs-spacing-scale-sm);--badge-font-size: var(--cs-fonts-primary-sizes-xs);--badge-font-weight: var(--cs-fonts-primary-weights-semibold);--badge-line-height: var(--cs-fonts-primary-line-heights-tight);--badge-border-width: var(--cs-spacing-scale-xs);--badge-border-radius: var(--cs-border-radius-full);--badge-transition: var(--cs-transitions-properties-colors);--badge-default-background: var(--cs-colors-primary-500);--badge-default-text: var(--cs-colors-text-inverse);--badge-default-border: var(--cs-colors-border-transparent);--badge-secondary-background: var(--cs-colors-surface-surface);--badge-secondary-text: var(--cs-colors-text-primary);--badge-secondary-border: var(--cs-colors-border-transparent);--badge-destructive-background: var(--cs-colors-semantic-error);--badge-destructive-text: var(--cs-colors-text-inverse);--badge-destructive-border: var(--cs-colors-border-transparent);--badge-outline-background: var(--cs-colors-border-transparent);--badge-outline-text: var(--cs-colors-text-primary);--badge-outline-border: var(--cs-colors-border-transparent);--badge-default-hover: var(--cs-colors-primary-hover);--badge-secondary-hover: var(--cs-colors-interactive-hover);--badge-destructive-hover: var(--cs-colors-semantic-error-dark);--badge-outline-hover: var(--cs-colors-interactive-hover);--badge-outline-hover-border: var(--cs-colors-border-transparent);--badge-hover-transform: translateY(calc(-1 * var(--cs-spacing-scale-xs)));--badge-hover-shadow: var(--cs-shadows-md);--badge-focus-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--badge-focus-offset: var(--cs-spacing-scale-xs);--badge-active-transform: translateY(0);--badge-active-shadow: var(--cs-shadows-sm);--badge-focus-ring-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--badge-focus-ring-offset: var(--cs-spacing-scale-xs);--badge-high-contrast-border-width: var(--cs-spacing-scale-xs);--badge-outline-high-contrast-border-width: var(--cs-spacing-scale-xs);--badge-mobile-font-size: var(--cs-fonts-primary-sizes-xs);--badge-mobile-padding-y: var(--cs-spacing-scale-xs);--badge-mobile-padding-x: var(--cs-spacing-scale-sm);--badge-container-font-size: var(--cs-fonts-primary-sizes-sm);--badge-sm-height: var(--cs-spacing-scale-md);--badge-sm-padding-y: var(--cs-spacing-scale-xs);--badge-sm-padding-x: var(--cs-spacing-scale-sm);--badge-sm-font-size: var(--cs-fonts-primary-sizes-xs);--badge-lg-height: var(--cs-spacing-scale-xl);--badge-lg-padding-y: var(--cs-spacing-scale-sm);--badge-lg-padding-x: var(--cs-spacing-scale-sm);--badge-lg-font-size: var(--cs-fonts-primary-sizes-sm);--badge-icon-margin: var(--cs-spacing-scale-xs);--badge-icon-size: var(--cs-fonts-primary-sizes-sm);--badge-showcase-gap: var(--cs-spacing-scale-md);--badge-status-showcase-gap: var(--cs-spacing-scale-sm);--badge-status-item-gap: var(--cs-spacing-scale-sm);--badge-status-text-size: var(--cs-fonts-primary-sizes-sm);--badge-notification-text-size: var(--cs-fonts-primary-sizes-sm);--badge-category-title-size: var(--cs-fonts-primary-sizes-lg);--badge-category-title-weight: var(--cs-fonts-primary-weights-semibold);--badge-category-grid-gap: var(--cs-spacing-scale-sm);--badge-responsive-grid-gap: var(--cs-spacing-scale-md);--badge-responsive-title-size: var(--cs-fonts-primary-sizes-md);--badge-responsive-title-weight: var(--cs-fonts-primary-weights-medium);--badge-responsive-badges-gap: var(--cs-spacing-scale-sm)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-lg);padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-family:var(--cs-fonts-primary-family);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);border:var(--cs-spacing-scale-xs) solid var(--cs-colors-border-transparent);border-radius:var(--cs-border-radius-full);transition:var(--cs-transitions-properties-colors);outline:none;cursor:default}.badge--default{background-color:var(--badge-default-background, var(--cs-colors-primary-500));color:var(--badge-default-text, var(--cs-colors-text-inverse));border-color:var(--badge-default-border)}.badge--secondary{background-color:var(--badge-secondary-background, var(--cs-colors-surface-surface));color:var(--badge-secondary-text, var(--cs-colors-text-primary));border-color:var(--badge-secondary-border, var(--cs-colors-surface-border))}.badge--destructive{background-color:var(--badge-destructive-background, var(--cs-colors-semantic-error));color:var(--badge-destructive-text, var(--cs-colors-text-inverse));border-color:var(--badge-destructive-border, var(--cs-colors-semantic-error))}.badge--outline{background-color:var(--badge-outline-background);color:var(--badge-outline-text, var(--cs-colors-text-primary));border-color:var(--badge-outline-border, var(--cs-colors-surface-border))}.badge[tabindex]:hover,.badge[role=button]:hover,.badge[role=link]:hover{transform:var(--badge-hover-transform, translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--badge-hover-shadow, var(--cs-shadows-md))}.badge--default:hover{background-color:var(--badge-default-hover, var(--cs-colors-primary-hover))}.badge--secondary:hover{background-color:var(--badge-secondary-hover, var(--cs-colors-interactive-hover))}.badge--destructive:hover{background-color:var(--badge-destructive-hover)}.badge--outline:hover{background-color:var(--badge-outline-hover, var(--cs-colors-interactive-hover));border-color:var(--badge-outline-hover-border, var(--cs-colors-surface-border))}.badge[tabindex]:focus,.badge[role=button]:focus,.badge[role=link]:focus{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}.badge[tabindex]:active,.badge[role=button]:active,.badge[role=link]:active{transform:var(--badge-active-transform, translateY(0));box-shadow:var(--badge-active-shadow, var(--cs-shadow-sm))}.badge:focus-visible{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}@media (prefers-contrast: high){.badge{border-width:var(--badge-high-contrast-border-width)}.badge--outline{border-width:var(--badge-outline-high-contrast-border-width)}}@media (prefers-reduced-motion: reduce){.badge{transition:none}.badge[tabindex]:hover,.badge[role=button]:hover,.badge[role=link]:hover{transform:none}}@media (max-width: var(--cs-breakpoints-mobile)){.badge{font-size:var(--badge-mobile-font-size, var(--cs-fonts-primary-sizes-xs));padding:var(--badge-mobile-padding-y, var(--cs-spacing-scale-xs)) var(--badge-mobile-padding-x, var(--cs-spacing-scale-sm))}}@container (min-width: var(--cs-breakpoints-tablet)){.badge{font-size:var(--badge-container-font-size, var(--cs-fonts-primary-sizes-sm))}}.badge__icon{margin-right:var(--badge-icon-margin, var(--cs-spacing-scale-xs));width:var(--badge-icon-size, var(--cs-fonts-primary-sizes-sm));height:var(--badge-icon-size, var(--cs-fonts-primary-sizes-sm));flex-shrink:0}.badge--sm{min-height:var(--badge-sm-height, var(--cs-spacing-scale-md));padding:var(--badge-sm-padding-y, var(--cs-spacing-scale-xs)) var(--badge-sm-padding-x, var(--cs-spacing-scale-sm));font-size:var(--badge-sm-font-size, var(--cs-fonts-primary-sizes-xs))}.badge--lg{min-height:var(--badge-lg-height, var(--cs-spacing-scale-xl));padding:var(--badge-lg-padding-y, var(--cs-spacing-scale-sm)) var(--badge-lg-padding-x, var(--cs-spacing-scale-sm));font-size:var(--badge-lg-font-size, var(--cs-fonts-primary-sizes-sm))}.badge-showcase{display:flex;flex-wrap:wrap;gap:var(--badge-showcase-gap, var(--cs-spacing-scale-md));align-items:center}.badge-status-showcase{display:flex;flex-direction:column;gap:var(--badge-status-showcase-gap, var(--cs-spacing-scale-md))}.badge-status-item{display:flex;align-items:center;gap:var(--badge-status-item-gap, var(--cs-spacing-scale-sm))}.badge-status-text{font-size:var(--badge-status-text-size, var(--cs-fonts-primary-sizes-sm));color:var(--cs-text-secondary)}.badge-notification-showcase{display:flex;flex-direction:column;gap:var(--badge-notification-gap, var(--cs-spacing-scale-md))}.badge-notification-item{display:flex;align-items:center;gap:var(--badge-notification-item-gap, var(--cs-spacing-scale-sm))}.badge-notification-text{font-size:var(--badge-notification-text-size, var(--cs-fonts-primary-sizes-sm));color:var(--cs-text-secondary)}.badge-category-showcase{display:flex;flex-direction:column;gap:var(--badge-category-gap, var(--cs-spacing-scale-md))}.badge-category-section{display:flex;flex-direction:column;gap:var(--badge-category-section-gap, var(--cs-spacing-scale-sm))}.badge-category-title{font-size:var(--badge-category-title-size, var(--cs-fonts-primary-sizes-lg));font-weight:var(--badge-category-title-weight, var(--cs-fonts-primary-weights-semibold));margin-bottom:var(--badge-category-title-margin, var(--cs-spacing-scale-sm));color:var(--cs-text-primary)}.badge-category-grid{display:flex;flex-wrap:wrap;gap:var(--badge-category-grid-gap, var(--cs-spacing-scale-sm))}.badge-interactive-showcase{display:flex;flex-direction:column;gap:var(--badge-interactive-gap, var(--cs-spacing-scale-md))}.badge-interactive-grid{display:flex;flex-wrap:wrap;gap:var(--badge-interactive-grid-gap, var(--cs-spacing-scale-sm))}.badge-interactive-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-size-showcase{display:flex;flex-direction:column;gap:var(--badge-size-gap, var(--cs-spacing-scale-md))}.badge-size-grid{display:flex;align-items:center;gap:var(--badge-size-grid-gap, var(--cs-spacing-scale-sm))}.badge-size-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-icon-showcase{display:flex;flex-direction:column;gap:var(--badge-icon-gap, var(--cs-spacing-scale-md))}.badge-icon-grid{display:flex;flex-wrap:wrap;gap:var(--badge-icon-grid-gap, var(--cs-spacing-scale-sm))}.badge-icon-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-responsive-showcase{display:flex;flex-direction:column;gap:var(--badge-responsive-gap, var(--cs-spacing-scale-md))}.badge-responsive-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted);margin-bottom:var(--badge-responsive-description-margin, var(--cs-spacing-scale-sm))}.badge-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--badge-responsive-grid-gap, var(--cs-spacing-scale-md));width:100%;max-width:var(--badge-responsive-grid-max-width, var(--cs-spacing-scale-6xl))}.badge-responsive-column{display:flex;flex-direction:column;gap:var(--badge-responsive-column-gap, var(--cs-spacing-scale-sm))}.badge-responsive-title{font-size:var(--badge-responsive-title-size, var(--cs-fonts-primary-sizes-base));font-weight:var(--badge-responsive-title-weight, var(--cs-fonts-primary-weights-medium));margin-bottom:var(--badge-responsive-title-margin, var(--cs-spacing-scale-sm));color:var(--cs-text-primary)}.badge-responsive-badges{display:flex;flex-wrap:wrap;gap:var(--badge-responsive-badges-gap, var(--cs-spacing-scale-sm));width:100%}@media (min-width: 768px){.badge-responsive-grid{grid-template-columns:1fr 1fr!important}}:root{--button-height-sm: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-md));--button-height-md: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));--button-height-lg: var(--cs-spacing-scale-3xl);--button-height-icon: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));--button-height-mobile: var(--cs-spacing-scale-3xl);--button-padding-y-sm: var(--cs-spacing-scale-sm);--button-padding-x-sm: var(--cs-spacing-scale-md);--button-padding-y-md: var(--cs-spacing-scale-md);--button-padding-x-md: var(--cs-spacing-scale-lg);--button-padding-y-lg: var(--cs-spacing-scale-lg);--button-padding-x-lg: var(--cs-spacing-scale-xl);--button-padding-icon: var(--cs-spacing-scale-sm);--button-padding-mobile-y: var(--cs-spacing-scale-lg);--button-padding-mobile-x: var(--cs-spacing-scale-xl);--button-font-size-sm: var(--cs-fonts-primary-sizes-sm);--button-font-size-md: var(--cs-fonts-primary-sizes-base);--button-font-size-lg: var(--cs-fonts-primary-sizes-lg);--button-font-size-mobile: var(--cs-fonts-primary-sizes-base);--button-font-weight: var(--cs-fonts-primary-weights-medium);--button-line-height: var(--cs-fonts-primary-line-heights-tight);--button-border-radius: var(--cs-border-radius-md);--button-transition: var(--cs-transitions-properties-colors);--button-gap: var(--cs-spacing-scale-sm);--button-default-background: var(--cs-colors-primary-500);--button-default-text: var(--cs-colors-text-on-primary);--button-default-border: var(--cs-colors-primary-500);--button-default-shadow: var(--cs-shadows-sm);--button-primary-background: var(--cs-colors-primary-500);--button-primary-text: var(--cs-colors-text-on-primary);--button-primary-border: var(--cs-colors-primary-500);--button-primary-shadow: var(--cs-shadows-sm);--button-secondary-background: var(--cs-colors-secondary-100);--button-secondary-text: var(--cs-colors-text-primary);--button-secondary-border: var(--cs-colors-border);--button-secondary-shadow: var(--cs-shadows-sm);--button-outline-background: transparent;--button-outline-text: var(--cs-colors-text-primary);--button-outline-border: var(--cs-colors-border);--button-outline-shadow: var(--cs-shadows-sm);--button-ghost-background: transparent;--button-ghost-text: var(--cs-colors-text-secondary);--button-ghost-border: transparent;--button-ghost-shadow: none;--button-destructive-background: var(--cs-colors-semantic-error);--button-destructive-text: var(--cs-colors-text-inverse);--button-destructive-border: var(--cs-colors-semantic-error);--button-destructive-shadow: var(--cs-shadows-sm);--button-link-background: transparent;--button-link-text: var(--cs-colors-primary-500);--button-link-border: none;--button-link-shadow: none;--button-link-padding-y: var(--cs-spacing-scale-sm);--button-link-padding-x: var(--cs-spacing-scale-md);--button-link-underline-offset: var(--cs-spacing-scale-xs);--button-default-hover-background: var(--cs-colors-primary-hover);--button-default-hover-border: var(--cs-colors-primary-hover);--button-default-hover-shadow: var(--cs-shadows-md);--button-primary-hover-background: var(--cs-colors-primary-hover);--button-primary-hover-border: var(--cs-colors-primary-hover);--button-primary-hover-shadow: var(--cs-shadows-md);--button-secondary-hover-background: var(--cs-colors-interactive-hover);--button-secondary-hover-border: var(--cs-colors-primary-500);--button-secondary-hover-shadow: var(--cs-shadows-md);--button-outline-hover-background: var(--cs-colors-interactive-hover);--button-outline-hover-border: var(--cs-colors-primary-500);--button-outline-hover-shadow: var(--cs-shadows-md);--button-ghost-hover-background: var(--cs-colors-interactive-hover);--button-ghost-hover-text: var(--cs-colors-text-primary);--button-ghost-hover-shadow: var(--cs-shadows-sm);--button-destructive-hover-background: var(--cs-colors-semantic-error-dark);--button-destructive-hover-border: var(--cs-colors-semantic-error-dark);--button-destructive-hover-shadow: var(--cs-shadows-md);--button-link-hover-text: var(--cs-colors-primary-hover);--button-link-hover-underline-thickness: var(--button-link-hover-underline-thickness);--button-focus-outline: var(--button-focus-outline-width) solid var(--cs-colors-interactive-focus);--button-focus-offset: var(--button-focus-offset);--button-focus-visible-outline: var(--button-focus-visible-outline-width) solid var(--cs-colors-interactive-focus);--button-focus-visible-offset: var(--button-focus-visible-offset);--button-active-transform: scale(.98);--button-active-shadow: var(--cs-shadows-sm);--button-hover-transform: translateY(calc(-1 * var(--cs-spacing-scale-xs)));--button-hover-shadow: var(--cs-shadows-md);--button-loading-color: transparent;--button-loading-spinner-size: var(--cs-spacing-scale-lg);--button-loading-spinner-animation: spin 1s linear infinite;--button-disabled-background: var(--cs-colors-interactive-disabled);--button-disabled-text: var(--cs-colors-text-muted);--button-disabled-border: var(--cs-colors-interactive-disabled);--button-disabled-opacity: var(--button-disabled-opacity);--button-disabled-cursor: var(--button-disabled-cursor);--button-icon-size: var(--cs-spacing-scale-lg);--button-icon-pointer-events: var(--button-icon-pointer-events);--button-icon-flex-shrink: var(--button-icon-flex-shrink);--button-content-gap: var(--cs-spacing-scale-sm);--button-spinner-size: var(--cs-spacing-scale-lg);--button-spinner-animation: spin 1s linear infinite;--button-touch-target-min-height: var(--button-touch-target-min-height);--button-touch-target-min-width: var(--button-touch-target-min-width);--button-touch-target-breakpoint: var(--button-touch-target-breakpoint);--button-high-contrast-border-width: var(--button-high-contrast-border-width);--button-high-contrast-focus-outline-width: var(--button-high-contrast-focus-outline-width);--button-focus-outline-width: var(--cs-border-width-focus);--button-focus-visible-outline-width: var(--cs-border-width-focus);--button-focus-offset: var(--cs-border-width-focus);--button-focus-visible-offset: var(--cs-border-width-focus);--button-link-hover-underline-thickness: var(--cs-border-width-focus);--button-icon-pointer-events: none;--button-icon-flex-shrink: 0;--button-disabled-cursor: not-allowed;--button-disabled-opacity: .6;--button-mobile-breakpoint: var(--cs-breakpoints-mobile);--button-tablet-breakpoint: var(--cs-breakpoints-tablet);--button-desktop-breakpoint: var(--cs-breakpoints-desktop);--button-showcase-gap: var(--cs-spacing-scale-md);--button-variant-showcase-gap: var(--cs-spacing-scale-md);--button-size-showcase-gap: var(--cs-spacing-scale-md);--button-state-showcase-gap: var(--cs-spacing-scale-md);--button-responsive-showcase-gap: var(--cs-spacing-scale-md);--button-showcase-title-size: var(--cs-fonts-primary-sizes-lg);--button-showcase-title-weight: var(--cs-fonts-primary-weights-semibold);--button-showcase-description-size: var(--cs-fonts-primary-sizes-sm);--button-showcase-description-color: var(--cs-colors-text-muted);--button-showcase-grid-gap: var(--cs-spacing-scale-sm);--button-responsive-grid-gap: var(--cs-spacing-scale-md);--button-responsive-grid-max-width: var(--cs-spacing-scale-6xl)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);border-radius:var(--button-border-radius);font-family:var(--cs-fonts-primary-family);font-weight:var(--button-font-weight);line-height:var(--button-line-height);border:none;outline:none;text-decoration:none;white-space:nowrap;transition:var(--button-transition);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button--size-sm{height:var(--button-height-sm);padding:var(--button-padding-y-sm) var(--button-padding-x-sm);font-size:var(--button-font-size-sm);border-radius:var(--button-border-radius)}.button--size-lg{height:var(--button-height-lg);padding:var(--button-padding-y-lg) var(--button-padding-x-lg);font-size:var(--button-font-size-lg);border-radius:var(--button-border-radius)}.button--size-icon{height:var(--button-height-icon);width:var(--button-height-icon);padding:var(--button-padding-icon);border-radius:var(--button-border-radius)}.button--size-mobile{height:var(--button-height-mobile);padding:var(--button-padding-mobile-y) var(--button-padding-mobile-x);font-size:var(--button-font-size-mobile);border-radius:var(--button-border-radius)}.button--variant-default{background-color:var(--button-default-background);color:var(--button-default-text);border:var(--cs-border-width-normal) solid var(--button-default-border);box-shadow:var(--button-default-shadow)}.button--variant-default:hover{background-color:var(--button-default-hover-background);border-color:var(--button-default-hover-border);box-shadow:var(--button-default-hover-shadow);transform:var(--button-hover-transform)}.button--variant-default:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-default:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-secondary{background-color:var(--button-secondary-background);color:var(--button-secondary-text);border:var(--cs-border-width-normal) solid var(--button-secondary-border);box-shadow:var(--button-secondary-shadow)}.button--variant-secondary:hover{background-color:var(--button-secondary-hover-background);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-secondary-hover-shadow);transform:var(--button-hover-transform)}.button--variant-secondary:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-secondary:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-outline{background-color:var(--button-outline-background);color:var(--button-outline-text);border:var(--cs-border-width-normal) solid var(--button-outline-border);box-shadow:var(--button-outline-shadow)}.button--variant-outline:hover{background-color:var(--button-outline-hover-background);border-color:var(--button-outline-hover-border);box-shadow:var(--button-outline-hover-shadow);transform:var(--button-hover-transform)}.button--variant-outline:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-outline:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-ghost{background-color:var(--button-ghost-background);color:var(--button-ghost-text);border:var(--cs-border-width-normal) solid var(--button-ghost-border);box-shadow:var(--button-ghost-shadow)}.button--variant-ghost:hover{background-color:var(--button-ghost-hover-background);color:var(--button-ghost-hover-text);box-shadow:var(--button-ghost-hover-shadow);transform:var(--button-hover-transform)}.button--variant-ghost:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-ghost:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-destructive{background-color:var(--button-destructive-background);color:var(--button-destructive-text);border:var(--cs-border-width-normal) solid var(--button-destructive-border);box-shadow:var(--button-destructive-shadow)}.button--variant-destructive:hover{background-color:var(--button-destructive-hover-background);border-color:var(--button-destructive-hover-border);box-shadow:var(--button-destructive-hover-shadow);transform:var(--button-hover-transform)}.button--variant-destructive:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-destructive:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-link{background-color:var(--button-link-background);color:var(--button-link-text);text-decoration:underline;text-underline-offset:var(--button-link-underline-offset);border:var(--button-link-border);box-shadow:var(--button-link-shadow);padding:var(--button-link-padding-y) var(--button-link-padding-x)}.button--variant-link:hover{color:var(--button-link-hover-text);text-decoration-thickness:var(--button-link-hover-underline-thickness);transform:var(--button-hover-transform)}.button--variant-link:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-link:active{transform:var(--button-active-transform)}.button--state-loading{position:relative;color:var(--button-loading-color)}.button--state-loading .button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:currentColor}.button:focus-visible{outline:var(--button-focus-visible-outline);outline-offset:var(--button-focus-visible-offset)}@media (max-width: var(--button-touch-target-breakpoint)){.button{min-height:var(--button-touch-target-min-height);min-width:var(--button-touch-target-min-width)}}@media (prefers-contrast: high){.button{border-width:var(--button-high-contrast-border-width)}.button:focus{outline-width:var(--button-high-contrast-focus-outline-width)}}@media (prefers-reduced-motion: reduce){.button{transition:none}.button__spinner{animation:none}}.dark .button--variant-default,.dark .button--variant-primary{background-color:var(--cs-modes-dark-colors-primary-500);border-color:var(--cs-modes-dark-colors-primary-500)}.dark .button--variant-default:hover,.dark .button--variant-primary:hover{background-color:var(--cs-modes-dark-colors-primary-hover);border-color:var(--cs-modes-dark-colors-primary-hover)}.dark .button--variant-secondary{background-color:var(--cs-modes-dark-colors-secondary-100);border-color:var(--cs-modes-dark-colors-border)}.dark .button--variant-outline{border-color:var(--cs-modes-dark-colors-border)}.dark .button--variant-ghost{background-color:transparent}.dark .button--variant-ghost:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.dark .button--variant-destructive{background-color:var(--cs-modes-dark-colors-semantic-error);border-color:var(--cs-modes-dark-colors-semantic-error)}.dark .button--variant-link{color:var(--cs-modes-dark-colors-primary-500)}.dark .button--variant-link:hover{color:var(--cs-modes-dark-colors-primary-hover)}.button-showcase{display:flex;flex-wrap:wrap;gap:var(--button-showcase-gap);align-items:center}.button-variant-showcase{display:flex;flex-direction:column;gap:var(--button-variant-showcase-gap)}.button-variant-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-variant-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-variant-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-variant-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-size-showcase{display:flex;flex-direction:column;gap:var(--button-size-showcase-gap)}.button-size-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-size-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-size-grid{display:flex;align-items:center;gap:var(--button-showcase-grid-gap)}.button-size-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-state-showcase{display:flex;flex-direction:column;gap:var(--button-state-showcase-gap)}.button-state-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-state-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-state-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-state-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-icon-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-icon-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-icon-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-icon-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-responsive-showcase{display:flex;flex-direction:column;gap:var(--button-responsive-showcase-gap)}.button-responsive-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color);margin-bottom:var(--cs-spacing-scale-sm)}.button-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--button-responsive-grid-gap);width:100%;max-width:var(--button-responsive-grid-max-width)}.button-responsive-column{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm)}.button-responsive-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-responsive-buttons{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap);width:100%}.button--full-width{width:100%}@media (min-width: var(--cs-breakpoints-tablet)){.button-responsive-grid{grid-template-columns:1fr 1fr!important}}@container (min-width: var(--cs-breakpoints-tablet)){.button-showcase{gap:var(--cs-spacing-scale-lg)}.button-variant-grid,.button-size-grid,.button-state-grid,.button-icon-grid{gap:var(--cs-spacing-scale-md)}}@media (prefers-contrast: high){.button-variant-title,.button-size-title,.button-state-title,.button-icon-title,.button-responsive-title{border-bottom:var(--button-high-contrast-border-width) solid var(--cs-colors-text-primary);padding-bottom:var(--cs-spacing-scale-xs)}}@media (prefers-reduced-motion: reduce){.button-showcase,.button-variant-showcase,.button-size-showcase,.button-state-showcase,.button-icon-showcase,.button-responsive-showcase{transition:none}}:root{--card-padding-base: var(--cs-spacing-scale-lg);--card-padding-compact: var(--cs-spacing-scale-md);--card-padding-spacious: var(--cs-spacing-scale-xl);--card-border-radius: var(--cs-border-radius-lg);--card-border-width: var(--card-border-width-normal);--card-border-color: var(--cs-colors-border);--card-border-color-hover: var(--cs-colors-border);--card-border-color-focus: var(--cs-colors-interactive-focus);--card-shadow-base: var(--cs-shadows-sm);--card-shadow-elevated: var(--cs-shadows-md);--card-shadow-interactive: var(--cs-shadows-lg);--card-shadow-hover: var(--cs-shadows-md);--card-shadow-focus: var(--cs-shadows-lg);--card-background: var(--cs-colors-surface-background);--card-background-hover: var(--cs-colors-surface-surface);--card-background-active: var(--cs-colors-surface-surface);--card-background-focus: var(--cs-colors-surface-background);--card-text-primary: var(--cs-colors-text-primary);--card-text-secondary: var(--cs-colors-text-secondary);--card-text-muted: var(--cs-colors-text-muted);--card-text-inverse: var(--cs-colors-text-inverse);--card-spacing-header: var(--cs-spacing-scale-lg);--card-spacing-content: var(--cs-spacing-scale-lg);--card-spacing-footer: var(--cs-spacing-scale-lg);--card-spacing-compact: var(--cs-spacing-scale-md);--card-spacing-spacious: var(--cs-spacing-scale-xl);--card-transition-duration: var(--cs-transitions-duration-normal);--card-transition-easing: var(--cs-transitions-easing-ease);--card-transition-properties: all var(--card-transition-duration) var(--card-transition-easing);--card-min-height: auto;--card-max-width: none;--card-width: auto;--card-cursor-default: default;--card-cursor-interactive: pointer;--card-outline-focus: var(--card-border-width-focus) solid var(--cs-colors-interactive-focus);--card-outline-offset: var(--card-outline-offset-focus);--card-title-font-size: var(--cs-fonts-display-sizes-sm);--card-title-font-weight: var(--cs-fonts-display-weights-semibold);--card-title-line-height: var(--cs-fonts-display-line-heights-tight);--card-title-letter-spacing: var(--cs-fonts-display-letter-spacing-tight);--card-description-font-size: var(--cs-fonts-body-sizes-sm);--card-description-font-weight: var(--cs-fonts-body-weights-normal);--card-description-line-height: var(--cs-fonts-body-line-heights-normal);--card-description-letter-spacing: var(--cs-fonts-body-letter-spacing-normal);--card-mobile-padding: var(--cs-spacing-scale-md);--card-tablet-padding: var(--cs-spacing-scale-lg);--card-desktop-padding: var(--cs-spacing-scale-xl);--card-transform-hover: translateY(var(--card-transform-hover-y));--card-transform-active: translateY(var(--cs-spacing-scale-none));--card-transform-focus: var(--cs-animation-transforms-scale-up);--card-focus-ring-color: var(--cs-colors-interactive-focus);--card-focus-ring-width: var(--card-focus-ring-width);--card-focus-ring-offset: var(--card-focus-ring-offset);--card-focus-ring-radius: var(--cs-border-radius-md);--card-border-width-normal: var(--cs-border-width-normal);--card-border-width-focus: var(--cs-border-width-focus);--card-border-width-thick: var(--cs-border-width-thick);--card-border-width-extra-thick: var(--cs-border-width-extra-thick);--card-outline-offset-focus: var(--cs-accessibility-outline-offset);--card-focus-ring-width: var(--cs-accessibility-focus-ring-width);--card-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--card-animation-duration-fast: var(--cs-animation-duration-fast);--card-animation-duration-slow: var(--cs-animation-duration-slow);--card-animation-offset-y: var(--cs-animation-transforms-offset-y);--card-transform-hover-y: var(--cs-animation-transforms-hover-y);--card-container-breakpoint-small: var(--cs-container-query-small);--card-container-breakpoint-medium: var(--cs-container-query-medium);--card-print-border-color: var(--cs-print-border-color);--card-print-text-color: var(--cs-print-text-color);--card-print-text-secondary-color: var(--cs-print-text-secondary-color);--card-high-contrast-border-width: var(--cs-accessibility-high-contrast-border-width);--card-high-contrast-outline-width: var(--cs-accessibility-high-contrast-outline-width);--card-shimmer-alpha: var(--cs-shimmer-alpha)}.dark{--card-background: var(--cs-modes-dark-colors-surface-background);--card-background-hover: var(--cs-modes-dark-colors-surface-surface);--card-background-active: var(--cs-modes-dark-colors-surface-surface);--card-background-focus: var(--cs-modes-dark-colors-surface-background);--card-text-primary: var(--cs-modes-dark-colors-text-primary);--card-text-secondary: var(--cs-modes-dark-colors-text-secondary);--card-text-muted: var(--cs-modes-dark-colors-text-muted);--card-text-inverse: var(--cs-modes-dark-colors-text-inverse);--card-border-color: var(--cs-modes-dark-colors-border);--card-border-color-hover: var(--cs-modes-dark-colors-border);--card-border-color-focus: var(--cs-modes-dark-colors-interactive-focus)}.card{background-color:var(--card-background);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-base);color:var(--card-text-primary);cursor:var(--card-cursor-default);display:block;font-family:inherit;line-height:var(--cs-fonts-primary-line-heights-normal);min-height:var(--card-min-height);max-width:var(--card-max-width);overflow:hidden;position:relative;text-decoration:none;transition:var(--card-transition-properties);width:var(--card-width);outline:none}.card--variant-primary{border-color:var(--cs-colors-primary-500);background-color:var(--cs-colors-primary-50)}.card--variant-secondary{border-color:var(--cs-colors-secondary-500);background-color:var(--cs-colors-secondary-50)}.card--variant-success{border-color:var(--cs-colors-semantic-success);background-color:rgba(var(--cs-colors-semantic-success-rgb),var(--cs-colors-alpha-low))}.card--variant-warning{border-color:var(--cs-colors-semantic-warning);background-color:rgba(var(--cs-colors-semantic-warning-rgb),var(--cs-colors-alpha-low))}.card--variant-error{border-color:var(--cs-colors-semantic-error);background-color:rgba(var(--cs-colors-semantic-error-rgb),var(--cs-colors-alpha-low))}.card--elevation-base{box-shadow:var(--card-shadow-base)}.card--elevation-elevated{box-shadow:var(--card-shadow-elevated)}.card--elevation-interactive{box-shadow:var(--card-shadow-interactive)}.card--size-compact{padding:var(--card-padding-compact)}.card--size-normal{padding:var(--card-padding-base)}.card--size-spacious{padding:var(--card-padding-spacious)}.card--interactive{cursor:var(--card-cursor-interactive)}.card--interactive:hover{background-color:var(--card-background-hover);border-color:var(--card-border-color-hover);box-shadow:var(--card-shadow-hover);transform:var(--card-transform-hover)}.card--interactive:active{background-color:var(--card-background-active);transform:var(--card-transform-active)}.card--interactive:focus-visible{background-color:var(--card-background-focus);border-color:var(--card-border-color-focus);box-shadow:var(--card-shadow-focus);outline:var(--card-outline-focus);outline-offset:var(--card-outline-offset);transform:var(--card-transform-focus)}.card__header{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm);padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__header--spacing-compact{padding:var(--card-spacing-compact);padding-bottom:var(--cs-spacing-scale-sm)}.card__header--spacing-normal{padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__header--spacing-spacious{padding:var(--card-spacing-spacious);padding-bottom:var(--cs-spacing-scale-lg)}.card__title{color:var(--card-text-primary);font-family:inherit;font-size:var(--card-title-font-size);font-weight:var(--card-title-font-weight);line-height:var(--card-title-line-height);letter-spacing:var(--card-title-letter-spacing);margin:0;padding:0}.card__title--size-small{font-size:var(--cs-fonts-display-sizes-xs)}.card__title--size-normal{font-size:var(--card-title-font-size)}.card__title--size-large{font-size:var(--cs-fonts-display-sizes-md)}.card__description{color:var(--card-text-secondary);font-family:inherit;font-size:var(--card-description-font-size);font-weight:var(--card-description-font-weight);line-height:var(--card-description-line-height);letter-spacing:var(--card-description-letter-spacing);margin:0;padding:0}.card__description--size-small{font-size:var(--cs-fonts-body-sizes-xs)}.card__description--size-normal{font-size:var(--card-description-font-size)}.card__content{padding:var(--card-spacing-content);padding-top:0}.card__content--spacing-compact{padding:var(--card-spacing-compact);padding-top:0}.card__content--spacing-normal{padding:var(--card-spacing-content);padding-top:0}.card__content--spacing-spacious{padding:var(--card-spacing-spacious);padding-top:0}.card__footer{align-items:center;display:flex;gap:var(--cs-spacing-scale-md);padding:var(--card-spacing-footer);padding-top:0}.card__footer--layout-horizontal{flex-direction:row;justify-content:flex-start}.card__footer--layout-vertical,.card__footer--layout-stacked{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-sm)}.card__footer--layout-justified{flex-direction:row;justify-content:space-between}.card__footer--layout-centered{flex-direction:row;justify-content:center}@media (min-width: var(--cs-breakpoints-tablet)){.card{padding:var(--card-tablet-padding)}.card__header{padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__content{padding:var(--card-spacing-content);padding-top:0}.card__footer{padding:var(--card-spacing-footer);padding-top:0}}@media (min-width: var(--cs-breakpoints-desktop)){.card{padding:var(--card-desktop-padding)}.card__header{padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__content{padding:var(--card-spacing-content);padding-top:0}.card__footer{padding:var(--card-spacing-footer);padding-top:0}}@container (min-width: var(--card-container-breakpoint-small)){.card__footer--layout-horizontal{gap:var(--cs-spacing-scale-lg)}}@container (min-width: var(--card-container-breakpoint-medium)){.card__header{flex-direction:row;align-items:center;justify-content:space-between}}.card:focus-visible{outline:var(--card-focus-ring-width) solid var(--card-focus-ring-color);outline-offset:var(--card-focus-ring-offset);border-radius:var(--card-focus-ring-radius)}@media print{.card{background:transparent!important;border:var(--card-border-width-normal) solid var(--card-print-border-color)!important;box-shadow:none!important;color:var(--card-print-text-color)!important;page-break-inside:avoid}.card__title{color:var(--card-print-text-color)!important}.card__description{color:var(--card-print-text-secondary-color)!important}}@media (prefers-contrast: high){.card{border-width:var(--card-high-contrast-border-width);border-color:currentColor}.card:focus-visible{outline-width:var(--card-high-contrast-outline-width);outline-color:currentColor}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card--interactive:hover,.card--interactive:focus-visible{transform:none}}.dark .card--variant-primary{background-color:rgba(var(--cs-modes-dark-colors-primary-500-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-secondary{background-color:rgba(var(--cs-modes-dark-colors-secondary-500-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-success{background-color:rgba(var(--cs-modes-dark-colors-semantic-success-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-warning{background-color:rgba(var(--cs-modes-dark-colors-semantic-warning-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-error{background-color:rgba(var(--cs-modes-dark-colors-semantic-error-rgb),var(--cs-colors-alpha-low))}.card--full-width{width:100%}.card--centered{margin-left:auto;margin-right:auto}.card--text-center{text-align:center}.card--text-left{text-align:left}.card--text-right{text-align:right}.card--animate-in{animation:cardFadeIn var(--card-animation-duration-fast) ease-out}.card--animate-out{animation:cardFadeOut var(--card-animation-duration-fast) ease-in}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(var(--card-animation-offset-y))}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--card-animation-offset-y)))}}.card--loading{position:relative;overflow:hidden}.card--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,var(--card-shimmer-alpha)),transparent);animation:cardShimmer var(--card-animation-duration-slow) infinite}@keyframes cardShimmer{0%{left:-100%}to{left:100%}}.card--disabled{opacity:var(--cs-accessibility-disabled-opacity);pointer-events:none;cursor:not-allowed}.card--disabled:hover,.card--disabled:focus-visible{background-color:var(--card-background);border-color:var(--card-border-color);box-shadow:var(--card-shadow-base);transform:none}:root{--checkbox-size-base: var(--cs-spacing-scale-md);--checkbox-size-small: var(--cs-spacing-scale-sm);--checkbox-size-large: var(--cs-spacing-scale-lg);--checkbox-border-width: var(--cs-border-width-normal);--checkbox-border-radius: var(--cs-border-radius-sm);--checkbox-transition: var(--cs-transitions-properties-colors);--checkbox-focus-ring-width: var(--cs-accessibility-focus-ring-width);--checkbox-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--checkbox-focus-ring-color: var(--cs-accessibility-focus-ring-color);--checkbox-disabled-opacity: var(--cs-colors-interactive-disabled);--checkbox-disabled-cursor: var(--cs-accessibility-disabled-cursor, not-allowed);--checkbox-checked-color: var(--cs-colors-primary-500);--checkbox-unchecked-color: var(--cs-colors-surface-border);--checkbox-hover-color: var(--cs-colors-primary-400);--checkbox-active-color: var(--cs-colors-primary-600);--checkbox-transform-check: var(--cs-animation-transforms-scale);--checkbox-animation-duration: var(--cs-animation-duration-fast);--checkbox-animation-easing: var(--cs-animation-easing-ease-out);--checkbox-label-spacing: var(--cs-spacing-scale-sm);--checkbox-group-spacing: var(--cs-spacing-scale-md);--checkbox-container-width: calc(var(--cs-spacing-scale-6xl) * 2.667);--checkbox-container-max-width: 100%}.checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size-base);height:var(--checkbox-size-base);border:var(--checkbox-border-width) solid var(--checkbox-unchecked-color);border-radius:var(--checkbox-border-radius);background-color:transparent;cursor:pointer;transition:var(--checkbox-transition);appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox:hover{border-color:var(--checkbox-hover-color);background-color:var(--cs-colors-interactive-hover)}.checkbox:active{border-color:var(--checkbox-active-color);background-color:var(--cs-colors-interactive-active)}.checkbox:focus{outline:none;border-color:var(--checkbox-focus-ring-color);box-shadow:0 0 0 var(--checkbox-focus-ring-width) var(--checkbox-focus-ring-color)}.checkbox:checked{background-color:var(--checkbox-checked-color);border-color:var(--checkbox-checked-color)}.checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) scale(1);transition:transform var(--checkbox-animation-duration) var(--checkbox-animation-easing)}.checkbox:checked:hover:after{transform:translate(-50%,-50%) var(--checkbox-transform-check)}.checkbox:disabled{opacity:var(--cs-accessibility-disabled-opacity);cursor:var(--checkbox-disabled-cursor);background-color:var(--cs-colors-interactive-disabled);border-color:var(--cs-colors-interactive-disabled)}.checkbox:disabled:hover{border-color:var(--cs-colors-interactive-disabled);background-color:var(--cs-colors-interactive-disabled)}.checkbox:disabled:checked{background-color:var(--cs-colors-interactive-disabled);border-color:var(--cs-colors-interactive-disabled)}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:var(--checkbox-label-spacing)}@keyframes checkbox-check{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.checkbox:checked:after{animation:checkbox-check var(--checkbox-animation-duration) var(--checkbox-animation-easing)}@keyframes checkbox-focus-ring{0%{box-shadow:0 0 0 0 var(--checkbox-focus-ring-color)}to{box-shadow:0 0 0 var(--checkbox-focus-ring-width) var(--checkbox-focus-ring-color)}}.checkbox:focus{animation:checkbox-focus-ring var(--cs-animation-duration-fast) var(--cs-animation-easing-ease-out)}@keyframes checkbox-hover{0%{transform:scale(1)}to{transform:var(--checkbox-transform-check)}}.checkbox:hover{animation:checkbox-hover var(--cs-animation-duration-fast) var(--cs-animation-easing-ease-out)}@media (prefers-contrast: high){.checkbox{border-width:var(--cs-accessibility-high-contrast-border-width)}.checkbox:focus{outline:var(--cs-accessibility-high-contrast-outline-width) solid var(--checkbox-focus-ring-color);outline-offset:var(--cs-accessibility-outline-offset)}}@media (prefers-reduced-motion: reduce){.checkbox,.checkbox:after{transition:none;animation:none}.checkbox:hover{animation:none}.checkbox:focus{animation:none}}@media print{.checkbox{border-color:var(--cs-print-border-color);background-color:transparent}.checkbox:checked{background-color:var(--cs-print-border-color)}.checkbox__label{color:var(--cs-print-text-color)}.checkbox__description{color:var(--cs-print-text-secondary-color)}}:root{--input-height-sm: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-sm));--input-height-md: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-md));--input-height-lg: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));--input-height-xl: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-xl));--input-padding-y-sm: var(--cs-spacing-scale-sm);--input-padding-x-sm: var(--cs-spacing-scale-md);--input-padding-y-md: var(--cs-spacing-scale-md);--input-padding-x-md: var(--cs-spacing-scale-lg);--input-padding-y-lg: var(--cs-spacing-scale-lg);--input-padding-x-lg: var(--cs-spacing-scale-xl);--input-padding-y-xl: var(--cs-spacing-scale-xl);--input-padding-x-xl: var(--cs-spacing-scale-2xl);--input-font-size-sm: var(--cs-fonts-primary-sizes-sm);--input-font-size-md: var(--cs-fonts-primary-sizes-base);--input-font-size-lg: var(--cs-fonts-primary-sizes-lg);--input-font-size-xl: var(--cs-fonts-primary-sizes-xl);--input-font-weight: var(--cs-fonts-primary-weights-normal);--input-line-height: var(--cs-fonts-primary-line-heights-normal);--input-border-radius: var(--cs-border-radius-md);--input-transition: var(--cs-transitions-properties-colors);--input-gap: var(--cs-spacing-scale-sm);--input-default-background: var(--cs-colors-surface-background);--input-default-text: var(--cs-colors-text-primary);--input-default-border: var(--cs-colors-border);--input-default-placeholder: var(--cs-colors-text-muted);--input-default-shadow: var(--cs-shadows-sm);--input-error-background: rgba(var(--cs-colors-semantic-error-rgb), .05);--input-error-text: var(--cs-colors-text-primary);--input-error-border: var(--cs-colors-semantic-error);--input-error-placeholder: var(--cs-colors-text-muted);--input-error-shadow: var(--cs-shadows-focus-error);--input-success-background: rgba(var(--cs-colors-semantic-success-rgb), .05);--input-success-text: var(--cs-colors-text-primary);--input-success-border: var(--cs-colors-semantic-success);--input-success-placeholder: var(--cs-colors-text-muted);--input-success-shadow: var(--cs-shadows-focus-success);--input-warning-background: rgba(var(--cs-colors-semantic-warning-rgb), .05);--input-warning-text: var(--cs-colors-text-primary);--input-warning-border: var(--cs-colors-semantic-warning);--input-warning-placeholder: var(--cs-colors-text-muted);--input-warning-shadow: var(--cs-shadows-focus-warning);--input-loading-background: var(--cs-colors-surface-background);--input-loading-text: var(--cs-colors-text-muted);--input-loading-border: var(--cs-colors-border);--input-loading-placeholder: var(--cs-colors-text-muted);--input-loading-shadow: var(--cs-shadows-sm);--input-normal-background: var(--input-default-background);--input-normal-text: var(--input-default-text);--input-normal-border: var(--input-default-border);--input-normal-shadow: var(--input-default-shadow);--input-focused-background: var(--cs-colors-surface-background);--input-focused-text: var(--cs-colors-text-primary);--input-focused-border: var(--cs-colors-primary-500);--input-focused-shadow: var(--cs-shadows-focus);--input-disabled-background: var(--cs-colors-interactive-disabled);--input-disabled-text: var(--cs-colors-text-muted);--input-disabled-border: var(--cs-colors-interactive-disabled);--input-disabled-shadow: none;--input-disabled-opacity: var(--cs-opacity-60);--input-disabled-cursor: not-allowed;--input-readonly-background: var(--cs-colors-surface-surface);--input-readonly-text: var(--cs-colors-text-primary);--input-readonly-border: var(--cs-colors-border);--input-readonly-shadow: var(--cs-shadows-sm);--input-readonly-cursor: default;--input-hover-background: var(--cs-colors-surface-background);--input-hover-border: var(--cs-colors-primary-400);--input-hover-shadow: var(--cs-shadows-md);--input-active-background: var(--cs-colors-surface-background);--input-active-border: var(--cs-colors-primary-600);--input-active-shadow: var(--cs-shadows-sm);--input-focus-outline: var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);--input-focus-offset: var(--cs-border-width-focus);--input-focus-visible-outline: var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);--input-focus-visible-offset: var(--cs-border-width-focus);--input-file-button-background: var(--cs-colors-primary-500);--input-file-button-text: var(--cs-colors-text-on-primary);--input-file-button-border: var(--cs-colors-primary-500);--input-file-button-padding: var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--input-file-button-font-size: var(--cs-fonts-primary-sizes-sm);--input-file-button-font-weight: var(--cs-fonts-primary-weights-medium);--input-file-button-border-radius: var(--cs-border-radius-sm);--input-file-button-transition: var(--cs-transitions-properties-colors);--input-file-button-hover-background: var(--cs-colors-primary-hover);--input-file-button-hover-border: var(--cs-colors-primary-hover);--input-mobile-breakpoint: var(--cs-breakpoints-mobile);--input-tablet-breakpoint: var(--cs-breakpoints-tablet);--input-desktop-breakpoint: var(--cs-breakpoints-desktop);--input-showcase-gap: var(--cs-spacing-scale-md);--input-variant-showcase-gap: var(--cs-spacing-scale-md);--input-size-showcase-gap: var(--cs-spacing-scale-md);--input-state-showcase-gap: var(--cs-spacing-scale-md);--input-responsive-showcase-gap: var(--cs-spacing-scale-md);--input-showcase-title-size: var(--cs-fonts-primary-sizes-lg);--input-showcase-title-weight: var(--cs-fonts-primary-weights-semibold);--input-showcase-description-size: var(--cs-fonts-primary-sizes-sm);--input-showcase-description-color: var(--cs-colors-text-muted);--input-showcase-grid-gap: var(--cs-spacing-scale-sm);--input-responsive-grid-gap: var(--cs-spacing-scale-md);--input-responsive-grid-max-width: var(--cs-spacing-scale-6xl);--input-touch-target-min: var(--cs-touch-target-min);--input-touch-target-small: var(--cs-touch-target-small);--input-touch-target-medium: var(--cs-touch-target-medium);--input-touch-target-large: calc(var(--cs-spacing-scale-2xl) * 1.6);--input-touch-target-extra-large: var(--cs-touch-target-extra-large);--input-hover-transform-y: calc(-1 * var(--cs-spacing-scale-xs));--input-focus-transform-y: calc(-1 * var(--cs-spacing-scale-sm));--input-print-border: var(--cs-colors-black);--input-print-background: transparent;--input-print-text: var(--cs-colors-black);--input-animation-duration-fast: var(--cs-transitions-durations-fast);--input-animation-duration-normal: var(--cs-transitions-durations-slow);--input-border-width-thin: var(--cs-border-width-thin);--input-border-width-normal: var(--cs-border-width-normal);--input-border-width-thick: var(--cs-border-width-focus);--input-border-width-focus: var(--cs-border-width-thick);--input-line-height-compact: var(--cs-fonts-primary-line-heights-normal)}.input{position:relative;display:block;width:var(--cs-percentage-full);min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md);font-family:var(--cs-fonts-primary-family);font-size:var(--input-font-size-md);font-weight:var(--input-font-weight);line-height:var(--input-line-height);color:var(--input-normal-text);background-color:var(--input-normal-background);border:var(--input-border-width-normal) solid var(--input-normal-border);border-radius:var(--input-border-radius);box-shadow:var(--input-normal-shadow);transition:var(--input-transition);outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.input:focus-visible{background-color:var(--input-focused-background);color:var(--input-focused-text);border-color:var(--input-focused-border);box-shadow:var(--input-focused-shadow);outline:var(--input-focus-outline);outline-offset:var(--input-focus-offset)}.input:hover:not(:disabled):not(:readonly){background-color:var(--input-hover-background);border-color:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.input:active:not(:disabled):not(:readonly){background-color:var(--input-active-background);border-color:var(--input-active-border);box-shadow:var(--input-active-shadow)}.input:disabled{background-color:var(--input-disabled-background);color:var(--input-disabled-text);border-color:var(--input-disabled-border);box-shadow:var(--input-disabled-shadow);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.input[readonly]{background-color:var(--input-readonly-background);color:var(--input-readonly-text);border-color:var(--input-readonly-border);box-shadow:var(--input-readonly-shadow);cursor:var(--input-readonly-cursor)}.input::-moz-placeholder{color:var(--input-default-placeholder);opacity:1}.input::placeholder{color:var(--input-default-placeholder);opacity:1}.input:focus::-moz-placeholder{color:var(--input-focused-text);opacity:var(--cs-opacity-70)}.input:focus::placeholder{color:var(--input-focused-text);opacity:var(--cs-opacity-70)}.input--variant-default{background-color:var(--input-default-background);color:var(--input-default-text);border-color:var(--input-default-border);box-shadow:var(--input-default-shadow)}.input--variant-error{background-color:var(--input-error-background);color:var(--input-error-text);border-color:var(--input-error-border);box-shadow:var(--input-error-shadow)}.input--variant-error:focus{border-color:var(--input-error-border);box-shadow:var(--input-error-shadow)}.input--variant-success{background-color:var(--input-success-background);color:var(--input-success-text);border-color:var(--input-success-border);box-shadow:var(--input-success-shadow)}.input--variant-success:focus{border-color:var(--input-success-border);box-shadow:var(--input-success-shadow)}.input--variant-warning{background-color:var(--input-warning-background);color:var(--input-warning-text);border-color:var(--input-warning-border);box-shadow:var(--input-warning-shadow)}.input--variant-warning:focus{border-color:var(--input-warning-border);box-shadow:var(--input-warning-shadow)}.input--variant-loading{background-color:var(--input-loading-background);color:var(--input-loading-text);border-color:var(--input-loading-border);box-shadow:var(--input-loading-shadow)}.input--size-sm{min-height:var(--input-height-sm);padding:var(--input-padding-y-sm) var(--input-padding-x-sm);font-size:var(--input-font-size-sm)}.input--size-md{min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md);font-size:var(--input-font-size-md)}.input--size-lg{min-height:var(--input-height-lg);padding:var(--input-padding-y-lg) var(--input-padding-x-lg);font-size:var(--input-font-size-lg)}.input--size-xl{min-height:var(--input-height-xl);padding:var(--input-padding-y-xl) var(--input-padding-x-xl);font-size:var(--input-font-size-xl)}.input--state-normal{background-color:var(--input-normal-background);color:var(--input-normal-text);border-color:var(--input-normal-border);box-shadow:var(--input-normal-shadow)}.input--state-focused{background-color:var(--input-focused-background);color:var(--input-focused-text);border-color:var(--input-focused-border);box-shadow:var(--input-focused-shadow)}.input--state-disabled{background-color:var(--input-disabled-background);color:var(--input-disabled-text);border-color:var(--input-disabled-border);box-shadow:var(--input-disabled-shadow);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor)}.input--state-readonly{background-color:var(--input-readonly-background);color:var(--input-readonly-text);border-color:var(--input-readonly-border);box-shadow:var(--input-readonly-shadow);cursor:var(--input-readonly-cursor)}.input[type=file]{padding:var(--input-padding-y-md) var(--input-padding-x-md);line-height:var(--input-line-height-compact)}.input[type=file]::-webkit-file-upload-button{background-color:var(--input-file-button-background);color:var(--input-file-button-text);border:var(--input-border-width-normal) solid var(--input-file-button-border);padding:var(--input-file-button-padding);font-size:var(--input-file-button-font-size);font-weight:var(--input-file-button-font-weight);border-radius:var(--input-file-button-border-radius);-webkit-transition:var(--input-file-button-transition);transition:var(--input-file-button-transition);cursor:pointer;margin-right:var(--cs-spacing-scale-md)}.input[type=file]::-webkit-file-upload-button:hover{background-color:var(--input-file-button-hover-background);border-color:var(--input-file-button-hover-border)}.input[type=file]::-webkit-file-upload-button:active{transform:scale(var(--cs-scale-98))}.input[type=search]{padding-left:calc(var(--input-padding-x-md) + var(--cs-spacing-scale-lg))}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--cs-spacing-scale-lg);width:var(--cs-spacing-scale-lg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");background-size:contain;cursor:pointer}.input[aria-invalid=true]{border-color:var(--cs-colors-semantic-error);background-color:var(--cs-colors-semantic-error-alpha-5)}.input[aria-invalid=true]:focus{border-color:var(--cs-colors-semantic-error);box-shadow:var(--cs-shadows-focus-error)}.input[data-valid=true]{border-color:var(--cs-colors-semantic-success);background-color:var(--cs-colors-semantic-success-alpha-5)}.input[data-valid=true]:focus{border-color:var(--cs-colors-semantic-success);box-shadow:var(--cs-shadows-focus-success)}.input[data-loading=true]{position:relative;color:transparent}.input[data-loading=true]:after{content:"";position:absolute;top:var(--cs-percentage-50);left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)),calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);border:var(--input-border-width-thick) solid var(--cs-colors-border);border-top-color:var(--cs-colors-primary-500);border-radius:var(--cs-border-radius-full);animation:spin var(--input-animation-duration-normal) linear infinite}@keyframes spin{to{transform:translate(calc(-1 * var(--cs-percentage-50)),calc(-1 * var(--cs-percentage-50))) rotate(var(--cs-rotation-full))}}@media (max-width: 767px){.input{min-height:var(--input-touch-target-min);padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);font-size:var(--cs-fonts-primary-sizes-base);border-radius:var(--cs-border-radius-lg)}.input--size-sm{min-height:var(--input-touch-target-small);padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md)}.input--size-lg{min-height:var(--input-touch-target-large);padding:var(--cs-spacing-scale-lg) var(--cs-spacing-scale-xl)}.input--size-xl{min-height:var(--input-touch-target-extra-large);padding:var(--cs-spacing-scale-xl) var(--cs-spacing-scale-2xl)}}@media (min-width: 768px) and (max-width: 1023px){.input{min-height:var(--input-touch-target-medium);padding:var(--input-padding-y-md) var(--input-padding-x-md);border-radius:var(--input-border-radius)}}@media (min-width: 1024px){.input:hover:not(:disabled):not(:readonly){transform:translateY(var(--input-hover-transform-y));box-shadow:var(--cs-shadows-md)}.input:focus:not(:disabled):not(:readonly){transform:translateY(var(--input-focus-transform-y));box-shadow:var(--cs-shadows-lg-primary)}}@container (max-width: 400px){.input{min-height:var(--input-touch-target-min);padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg)}}@container (min-width: 401px) and (max-width: 800px){.input{min-height:var(--input-touch-target-medium);padding:var(--input-padding-y-md) var(--input-padding-x-md)}}@container (min-width: 801px){.input{min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md)}}@media (prefers-color-scheme: dark){.input{background-color:var(--cs-modes-dark-colors-surface-background);border-color:var(--cs-modes-dark-colors-surface-border);color:var(--cs-modes-dark-colors-text-primary)}.input::-moz-placeholder{color:var(--cs-modes-dark-colors-text-muted)}.input::placeholder{color:var(--cs-modes-dark-colors-text-muted)}.input:focus{border-color:var(--cs-modes-dark-colors-primary-500);box-shadow:var(--cs-shadows-focus-dark)}}@media (prefers-contrast: high){.input{border-width:var(--input-border-width-thick)}.input:focus{outline-width:var(--input-border-width-focus);outline-offset:var(--input-border-width-normal)}}@media (prefers-reduced-motion: reduce){.input{transition:none}.input:hover,.input:focus,.input:active{transform:none}}@media print{.input{border:var(--input-border-width-normal) solid var(--input-print-border);background:var(--input-print-background);color:var(--input-print-text);box-shadow:none}.input:focus{outline:var(--input-border-width-thick) solid var(--input-print-border);outline-offset:var(--input-border-width-thick)}}.input-showcase{display:flex;flex-direction:column;gap:var(--input-showcase-gap);max-width:100%}.input-variant-showcase{display:flex;flex-direction:column;gap:var(--input-variant-showcase-gap)}.input-variant-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-variant-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-50),1fr));gap:var(--input-showcase-grid-gap)}.input-variant-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-size-showcase{display:flex;flex-direction:column;gap:var(--input-size-showcase-gap)}.input-size-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-size-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-37-5),1fr));gap:var(--input-showcase-grid-gap)}.input-size-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-state-showcase{display:flex;flex-direction:column;gap:var(--input-state-showcase-gap)}.input-state-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-state-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-50),1fr));gap:var(--input-showcase-grid-gap)}.input-state-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-responsive-showcase{display:flex;flex-direction:column;gap:var(--input-responsive-showcase-gap)}.input-responsive-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-responsive-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-responsive-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--input-responsive-grid-gap);max-width:var(--input-responsive-grid-max-width)}@media (min-width: 768px){.input-responsive-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.input-responsive-grid{grid-template-columns:repeat(3,1fr)}}.input-form-layout{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-lg);max-width:var(--cs-spacing-scale-100)}.input-form-field{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm)}.input-form-helper{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted)}.input-form-error{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-semantic-error)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:calc(var(--input-padding-x-md) + var(--cs-spacing-scale-xl))}.input-icon{position:absolute;left:var(--input-padding-x-md);top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);color:var(--cs-colors-text-muted);pointer-events:none;z-index:1}.input:focus+.input-icon{color:var(--cs-colors-primary-500)}.input-group-row .input{flex:1}@media (max-width: 767px){.input-group-row{flex-direction:column;gap:var(--cs-spacing-scale-sm)}.input-group-row .input{width:var(--cs-percentage-full)}}@keyframes inputFocus{0%{transform:scale(1);box-shadow:var(--cs-shadows-focus-start)}50%{transform:scale(var(--cs-scale-102));box-shadow:var(--cs-shadows-focus-mid)}to{transform:scale(1);box-shadow:var(--cs-shadows-focus-end)}}@keyframes inputError{0%,to{transform:translate(0)}25%{transform:translate(calc(-1 * var(--cs-spacing-scale-1)))}75%{transform:translate(var(--cs-spacing-scale-1))}}.input--variant-error:focus{animation:inputError var(--input-animation-duration-fast) ease-in-out}.input--variant-success:focus{animation:inputFocus var(--input-animation-duration-fast) ease-in-out}.input--variant-loading:after{animation:spin var(--input-animation-duration-normal) linear infinite}.input:focus-visible{outline:var(--input-focus-visible-outline);outline-offset:var(--input-focus-visible-offset)}.input[aria-describedby]{border-color:var(--cs-colors-primary-500)}.input[aria-invalid=true]{border-color:var(--cs-colors-semantic-error)}.input[aria-required=true]{border-left:var(--input-border-width-focus) solid var(--cs-colors-primary-500)}@media (pointer: coarse){.input{min-height:var(--input-touch-target-min);min-width:var(--input-touch-target-min)}.input[type=file]::-webkit-file-upload-button{min-height:var(--input-touch-target-min);min-width:var(--input-touch-target-min)}}@media (min-resolution: 192dpi){.input{border-width:var(--input-border-width-thin)}.input:focus{border-width:var(--input-border-width-normal)}}:root{--label-font-size: var(--cs-fonts-primary-sizes-sm);--label-font-weight: var(--cs-fonts-primary-weights-medium);--label-line-height: var(--cs-fonts-primary-line-heights-tight);--label-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--label-color-primary: var(--cs-colors-text-primary);--label-color-secondary: var(--cs-colors-text-secondary);--label-color-muted: var(--cs-colors-text-muted);--label-color-disabled: var(--cs-colors-text-muted);--label-padding-y: var(--cs-spacing-scale-xs);--label-padding-x: var(--cs-spacing-scale-sm);--label-margin-bottom: var(--cs-spacing-scale-xs);--label-transition: var(--cs-transitions-properties-colors);--label-disabled-opacity: var(--cs-accessibility-disabled-opacity);--label-disabled-cursor: var(--cs-accessibility-disabled-cursor);--label-focus-ring-width: var(--cs-accessibility-focus-ring-width);--label-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--label-focus-ring-color: var(--cs-accessibility-focus-ring-color);--label-focus-outline-offset: var(--cs-accessibility-outline-offset);--label-label-spacing: var(--cs-spacing-scale-sm);--label-group-spacing: var(--cs-spacing-scale-md);--label-container-width: var(--cs-container-width-medium);--label-container-max-width: var(--cs-container-width-full);--label-container-width-wide: var(--cs-container-width-large);--label-container-width-narrow: var(--cs-container-width-small);--label-container-width-xl: var(--cs-container-width-xl);--label-form-layout-width: var(--cs-container-width-large);--label-form-layout-max-width: var(--cs-container-width-full);--label-accessibility-demo-width: var(--cs-container-width-medium);--label-accessibility-demo-max-width: var(--cs-container-width-full);--label-responsive-demo-width: var(--cs-container-width-medium);--label-responsive-demo-max-width: var(--cs-container-width-full)}.label{display:inline-block;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color-primary);padding:var(--label-padding-y) var(--label-padding-x);margin-bottom:var(--label-margin-bottom);transition:var(--label-transition);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label--small{font-size:var(--cs-fonts-primary-sizes-xs)}.label--large{font-size:var(--cs-fonts-primary-sizes-md)}.label--muted{color:var(--label-color-muted)}.label:focus{outline:var(--label-focus-ring-width) solid var(--label-focus-ring-color);outline-offset:var(--label-focus-ring-offset)}.label:focus:not(:focus-visible){outline:none}.label:has(+*:disabled){color:var(--label-color-disabled);cursor:var(--label-disabled-cursor);opacity:var(--label-disabled-opacity)}.label--required:after{content:" *";color:var(--cs-colors-semantic-error);font-weight:var(--cs-fonts-primary-weights-semibold)}.label-group{display:flex;flex-direction:column;gap:var(--label-group-spacing)}.label-input-group{display:flex;flex-direction:column;gap:var(--label-label-spacing)}.label-checkbox-group{display:flex;align-items:center;gap:var(--label-label-spacing)}.label-container{width:var(--cs-container-width-medium);max-width:var(--cs-container-width-full)}.label-form-layout{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md);width:var(--cs-container-width-large);max-width:var(--cs-container-width-full)}.label-accessibility-demo{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-lg);width:var(--cs-container-width-medium);max-width:var(--cs-container-width-full)}.label-responsive-demo{display:grid;grid-template-columns:1fr;gap:var(--cs-spacing-scale-md);width:var(--cs-container-width-full);max-width:var(--cs-container-width-xl)}@media (min-width: var(--cs-breakpoints-tablet)){.label-responsive-demo{grid-template-columns:1fr 1fr}}.label--primary-styled{color:var(--cs-colors-primary-600);font-weight:var(--cs-fonts-primary-weights-semibold)}.label--secondary-styled{color:var(--cs-colors-secondary-600);font-weight:var(--cs-fonts-primary-weights-medium)}.label--accent-styled{color:var(--cs-colors-accent);font-weight:var(--cs-fonts-primary-weights-bold)}.label:hover:not(:has(+*:disabled)){color:var(--cs-colors-primary-600)}.label:active:not(:has(+*:disabled)){transform:translateY(1px)}.label:has(+*:disabled){pointer-events:none}.label:focus-visible{outline:var(--label-focus-ring-width) solid var(--label-focus-ring-color);outline-offset:var(--label-focus-ring-offset);border-radius:var(--cs-border-radius-sm)}@media print{.label{color:var(--cs-print-text-color);background:var(--cs-print-background-color)}}:root{--theme-toggle-transition: var(--cs-transitions-properties-colors);--theme-toggle-icon-size: var(--cs-spacing-scale-md);--theme-toggle-background: transparent;--theme-toggle-text: var(--cs-colors-text-secondary);--theme-toggle-text-hover: var(--cs-colors-text-primary);--theme-toggle-background-hover: var(--cs-colors-interactive-hover);--theme-toggle-focus-ring: var(--cs-colors-primary);--theme-toggle-active-background: var(--cs-colors-interactive-active);--theme-toggle-active-text: var(--cs-colors-primary);--theme-toggle-animation-duration: var(--cs-animation-duration-fast);--theme-toggle-animation-easing: var(--cs-animation-easing-ease-out);--theme-toggle-transform-scale: var(--cs-animation-transforms-scale)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--theme-toggle-text);background-color:var(--theme-toggle-background);transition:var(--theme-toggle-transition);border-radius:var(--cs-border-radius-sm);cursor:pointer;overflow:hidden}.theme-toggle svg{width:var(--theme-toggle-icon-size);height:var(--theme-toggle-icon-size);transition:var(--theme-toggle-transition);stroke-width:1.5}.theme-toggle:hover{color:var(--theme-toggle-text-hover);background-color:var(--theme-toggle-background-hover);transform:var(--theme-toggle-transform-scale)}.theme-toggle:hover svg{color:var(--theme-toggle-text-hover)}.theme-toggle:focus-visible{outline:var(--cs-accessibility-focus-ring-width) solid var(--theme-toggle-focus-ring);outline-offset:var(--cs-accessibility-focus-ring-offset)}.theme-toggle:active{background-color:var(--theme-toggle-active-background);color:var(--theme-toggle-active-text);transform:translateY(1px)}.theme-toggle svg{transition:transform var(--theme-toggle-animation-duration) var(--theme-toggle-animation-easing)}.theme-toggle:hover svg{transform:rotate(180deg)}.theme-toggle .moon-icon{transform:rotate(0)}.theme-toggle:hover .moon-icon{transform:rotate(-30deg) scale(1.1)}.theme-toggle .sun-icon{transform:rotate(0)}.theme-toggle:hover .sun-icon{transform:rotate(180deg) scale(1.1)}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--cs-colors-primary),var(--cs-colors-primary-hover));opacity:0;transition:opacity var(--theme-toggle-animation-duration) var(--theme-toggle-animation-easing);border-radius:inherit;z-index:-1}@media (max-width: 768px){.theme-toggle{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-toggle svg{width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg)}}@media (prefers-contrast: high){.theme-toggle{border:var(--cs-accessibility-high-contrast-border-width) solid var(--theme-toggle-text)}.theme-toggle:focus-visible{outline-width:var(--cs-accessibility-high-contrast-outline-width)}}@media (prefers-reduced-motion: reduce){.theme-toggle,.theme-toggle svg,.theme-toggle:before{transition:none;animation:none}.theme-toggle:hover svg{transform:none}}@media print{.theme-toggle{display:none}}.theme-toggle[aria-pressed=true]{background-color:var(--theme-toggle-active-background);color:var(--theme-toggle-active-text)}.theme-toggle[aria-pressed=true]:before{opacity:.15}.theme-toggle[data-loading=true]{pointer-events:none;opacity:.7}.theme-toggle[data-loading=true] svg{animation:spin var(--cs-animation-duration-slow) linear infinite}:root{--breadcrumb-font-size: var(--cs-fonts-primary-sizes-sm);--breadcrumb-font-weight: var(--cs-fonts-primary-weights-medium);--breadcrumb-line-height: var(--cs-fonts-primary-line-heights-tight);--breadcrumb-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--breadcrumb-color-primary: var(--cs-colors-text-primary);--breadcrumb-color-secondary: var(--cs-colors-text-secondary);--breadcrumb-color-muted: var(--cs-colors-text-muted);--breadcrumb-color-disabled: var(--cs-colors-text-muted);--breadcrumb-color-active: var(--cs-colors-primary-500);--breadcrumb-color-hover: var(--cs-colors-interactive-hover);--breadcrumb-padding-y: var(--cs-spacing-scale-xs);--breadcrumb-padding-x: var(--cs-spacing-scale-sm);--breadcrumb-margin: var(--cs-spacing-scale-xs);--breadcrumb-item-spacing: var(--cs-spacing-scale-xs);--breadcrumb-separator-spacing: var(--cs-spacing-scale-sm);--breadcrumb-transition: var(--cs-transitions-properties-colors);--breadcrumb-border-radius: var(--cs-border-radius-lg);--breadcrumb-border-width: var(--cs-border-width-sm);--breadcrumb-shadow: var(--cs-shadows-sm);--breadcrumb-focus-ring-width: var(--cs-accessibility-focus-ring-width);--breadcrumb-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--breadcrumb-focus-ring-color: var(--cs-accessibility-focus-ring-color);--breadcrumb-focus-outline-offset: var(--cs-accessibility-outline-offset);--breadcrumb-icon-size: var(--cs-fonts-primary-sizes-sm);--breadcrumb-icon-spacing: var(--cs-spacing-scale-xs);--breadcrumb-truncate-width: var(--cs-spacing-scale-4xl);--breadcrumb-responsive-breakpoint: var(--cs-breakpoints-mobile);--breadcrumb-hover-transform: translateY(calc(-1 * var(--cs-spacing-scale-xs)));--breadcrumb-hover-shadow: var(--cs-shadows-md);--breadcrumb-focus-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--breadcrumb-focus-offset: var(--cs-spacing-scale-xs);--breadcrumb-active-transform: translateY(0);--breadcrumb-active-shadow: var(--cs-shadows-sm);--breadcrumb-focus-ring-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--breadcrumb-focus-ring-offset: var(--cs-spacing-scale-xs);--breadcrumb-high-contrast-border-width: var(--cs-spacing-scale-xs);--breadcrumb-showcase-gap: var(--cs-spacing-scale-md);--breadcrumb-variant-showcase-gap: var(--cs-spacing-scale-md);--breadcrumb-variant-section-gap: var(--cs-spacing-scale-sm);--breadcrumb-variant-title-size: var(--cs-fonts-primary-sizes-lg);--breadcrumb-variant-title-weight: var(--cs-fonts-primary-weights-semibold);--breadcrumb-variant-grid-gap: var(--cs-spacing-scale-sm);--breadcrumb-variant-description-size: var(--cs-fonts-primary-sizes-sm);--breadcrumb-variant-description-color: var(--cs-colors-text-muted);--breadcrumb-responsive-showcase-gap: var(--cs-spacing-scale-md);--breadcrumb-responsive-description-size: var(--cs-fonts-primary-sizes-sm);--breadcrumb-responsive-description-color: var(--cs-colors-text-muted);--breadcrumb-responsive-grid-gap: var(--cs-spacing-scale-md);--breadcrumb-responsive-title-size: var(--cs-fonts-primary-sizes-md);--breadcrumb-responsive-title-weight: var(--cs-fonts-primary-weights-medium);--breadcrumb-responsive-buttons-gap: var(--cs-spacing-scale-sm);--breadcrumb-responsive-column-gap: var(--cs-spacing-scale-sm)}.breadcrumb{display:flex;align-items:center;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);letter-spacing:var(--breadcrumb-letter-spacing);padding:var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);border-radius:var(--breadcrumb-border-radius);transition:var(--breadcrumb-transition);border:var(--breadcrumb-border-width) solid transparent;box-shadow:var(--breadcrumb-shadow)}.dark .breadcrumb--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-secondary);border-color:var(--cs-modes-dark-colors-border)}.breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__item:not(:last-child){margin-right:var(--breadcrumb-item-spacing)}.breadcrumb__item-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);border-radius:var(--cs-border-radius-md);transition:var(--breadcrumb-transition);cursor:pointer;border:var(--breadcrumb-border-width) solid transparent;text-decoration:none;color:inherit}.breadcrumb__item-button:hover{background-color:var(--breadcrumb-color-hover)}.dark .breadcrumb__item-button{color:var(--cs-modes-dark-colors-text-secondary);background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .breadcrumb__item-button:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.breadcrumb__item-button:focus{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.breadcrumb__item-button:focus:not(:focus-visible){outline:none}.breadcrumb__item-button--active{color:var(--breadcrumb-color-active);background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border)}.breadcrumb__item-button--disabled{color:var(--breadcrumb-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.breadcrumb__item-button--disabled:hover{background-color:transparent}.dark .breadcrumb__item-button--disabled{color:var(--cs-modes-dark-colors-text-muted)}.breadcrumb__item-button--semantic.breadcrumb__item-button--active{color:var(--cs-colors-text-primary);background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .breadcrumb__item-button--semantic.breadcrumb__item-button--active{background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border)}.breadcrumb__separator{margin:0 var(--breadcrumb-separator-spacing);color:var(--breadcrumb-color-muted);display:flex;align-items:center}.breadcrumb__separator--semantic{color:var(--cs-colors-text-muted);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .breadcrumb__separator--semantic{color:var(--cs-modes-dark-colors-text-muted)}.breadcrumb__home-button{margin-right:var(--cs-spacing-scale-sm)}.dark .breadcrumb__home-button{color:var(--cs-modes-dark-colors-text-secondary)}.breadcrumb__icon{width:var(--breadcrumb-icon-size);height:var(--breadcrumb-icon-size);margin-right:var(--breadcrumb-icon-spacing)}.dark .breadcrumb__icon{color:var(--cs-modes-dark-colors-text-secondary)}.breadcrumb__ellipsis{color:var(--breadcrumb-color-muted)}.breadcrumb__ellipsis:hover{color:var(--breadcrumb-color-secondary);background-color:var(--breadcrumb-color-hover)}.dark .breadcrumb__ellipsis{color:var(--cs-modes-dark-colors-text-muted)}.dark .breadcrumb__ellipsis:hover{color:var(--cs-modes-dark-colors-text-secondary);background-color:var(--cs-modes-dark-colors-interactive-hover)}.breadcrumb__expand-toggle{margin-left:var(--cs-spacing-scale-sm);padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);border-radius:var(--cs-border-radius-md);transition:var(--breadcrumb-transition);cursor:pointer;border:none;background:none}.breadcrumb__expand-toggle--semantic{color:var(--cs-colors-text-secondary);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.breadcrumb__expand-toggle--semantic:hover{color:var(--cs-colors-text-primary);background-color:var(--cs-colors-interactive-hover)}.dark .breadcrumb__expand-toggle--semantic{color:var(--cs-modes-dark-colors-text-secondary)}.dark .breadcrumb__expand-toggle--semantic:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}@media (max-width: var(--breadcrumb-responsive-breakpoint)){.breadcrumb__item-label{max-width:var(--breadcrumb-truncate-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.breadcrumb__item-button:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.breadcrumb__item-button[aria-current=page]{font-weight:var(--cs-fonts-primary-weights-semibold)}@container (min-width: var(--cs-breakpoints-tablet)){.breadcrumb{font-size:var(--cs-fonts-primary-sizes-base)}}.breadcrumb__item-button[tabindex]:hover,.breadcrumb__item-button[role=button]:hover,.breadcrumb__item-button[role=link]:hover{transform:var(--breadcrumb-hover-transform, translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--breadcrumb-hover-shadow, var(--cs-shadows-md))}.breadcrumb__item-button[tabindex]:focus,.breadcrumb__item-button[role=button]:focus,.breadcrumb__item-button[role=link]:focus{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}.breadcrumb__item-button[tabindex]:active,.breadcrumb__item-button[role=button]:active,.breadcrumb__item-button[role=link]:active{transform:var(--breadcrumb-active-transform, translateY(0));box-shadow:var(--breadcrumb-active-shadow, var(--cs-shadows-sm))}.breadcrumb__item-button:focus-visible{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}@media (prefers-contrast: high){.breadcrumb{border-width:var(--breadcrumb-high-contrast-border-width)}}@media (prefers-reduced-motion: reduce){.breadcrumb__item-button{transition:none}.breadcrumb__item-button[tabindex]:hover,.breadcrumb__item-button[role=button]:hover,.breadcrumb__item-button[role=link]:hover{transform:none}}:root{--menu-font-size: var(--cs-fonts-primary-sizes-sm);--menu-font-weight: var(--cs-fonts-primary-weights-medium);--menu-line-height: var(--cs-fonts-primary-line-heights-tight);--menu-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--menu-color-primary: var(--cs-colors-text-primary);--menu-color-secondary: var(--cs-colors-text-secondary);--menu-color-muted: var(--cs-colors-text-muted);--menu-color-disabled: var(--cs-colors-text-muted);--menu-color-active: var(--cs-colors-primary-500);--menu-color-hover: var(--cs-colors-interactive-hover);--menu-padding-y: var(--cs-spacing-scale-xs);--menu-padding-x: var(--cs-spacing-scale-sm);--menu-margin: var(--cs-spacing-scale-xs);--menu-item-spacing: var(--cs-spacing-scale-xs);--menu-group-spacing: var(--cs-spacing-scale-md);--menu-transition: var(--cs-transitions-properties-colors);--menu-border-radius: var(--cs-border-radius-lg);--menu-border-width: var(--cs-border-width-sm);--menu-shadow: var(--cs-shadows-lg);--menu-focus-ring-width: var(--cs-accessibility-focus-ring-width);--menu-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--menu-focus-ring-color: var(--cs-accessibility-focus-ring-color);--menu-focus-outline-offset: var(--cs-accessibility-outline-offset);--menu-icon-size: var(--cs-fonts-primary-sizes-sm);--menu-icon-spacing: var(--cs-spacing-scale-sm);--menu-badge-spacing: var(--cs-spacing-scale-sm);--menu-dropdown-min-width: var(--cs-spacing-scale-3xl);--menu-dropdown-max-width: var(--cs-spacing-scale-5xl);--menu-dropdown-z-index: 1000;--menu-arrow-size: var(--cs-spacing-scale-xs);--menu-arrow-border-width: var(--cs-border-width-focus);--menu-hover-offset: var(--cs-spacing-scale-xs);--menu-slide-offset: var(--cs-spacing-scale-sm);--menu-hover-transform: translateY(calc(-1 * var(--cs-spacing-scale-xs)));--menu-hover-shadow: var(--cs-shadows-md);--menu-focus-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--menu-focus-offset: var(--cs-spacing-scale-xs);--menu-active-transform: translateY(0);--menu-active-shadow: var(--cs-shadows-sm);--menu-focus-ring-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--menu-focus-ring-offset: var(--cs-spacing-scale-xs);--menu-high-contrast-border-width: var(--cs-spacing-scale-xs);--menu-mobile-font-size: var(--cs-fonts-primary-sizes-xs);--menu-mobile-padding-y: var(--cs-spacing-scale-xs);--menu-mobile-padding-x: var(--cs-spacing-scale-sm);--menu-container-font-size: var(--cs-fonts-primary-sizes-sm);--menu-showcase-gap: var(--cs-spacing-scale-md);--menu-variant-showcase-gap: var(--cs-spacing-scale-md);--menu-variant-section-gap: var(--cs-spacing-scale-sm);--menu-variant-title-size: var(--cs-fonts-primary-sizes-lg);--menu-variant-title-weight: var(--cs-fonts-primary-weights-semibold);--menu-variant-grid-gap: var(--cs-spacing-scale-sm);--menu-variant-description-size: var(--cs-fonts-primary-sizes-sm);--menu-variant-description-color: var(--cs-colors-text-muted);--menu-responsive-showcase-gap: var(--cs-spacing-scale-md);--menu-responsive-description-size: var(--cs-fonts-primary-sizes-sm);--menu-responsive-description-color: var(--cs-colors-text-muted);--menu-responsive-grid-gap: var(--cs-spacing-scale-md);--menu-responsive-title-size: var(--cs-fonts-primary-sizes-md);--menu-responsive-title-weight: var(--cs-fonts-primary-weights-medium);--menu-responsive-column-gap: var(--cs-spacing-scale-sm)}.menu{display:flex;flex-direction:column;border-radius:var(--menu-border-radius);border:var(--menu-border-width) solid transparent;box-shadow:var(--menu-shadow);background-color:var(--cs-colors-surface-background);transition:var(--menu-transition);min-width:var(--menu-dropdown-min-width);max-width:var(--menu-dropdown-max-width);z-index:var(--menu-dropdown-z-index)}.dark .menu--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .menu__header{border-bottom-color:var(--cs-modes-dark-colors-border);color:var(--cs-modes-dark-colors-text-primary)}.menu__group{padding:var(--menu-group-spacing) 0}.menu__group:not(:last-child){border-bottom:var(--menu-border-width) solid var(--cs-colors-border)}.menu__group-title{padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--menu-color-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide)}.dark .menu__group{border-bottom-color:var(--cs-modes-dark-colors-border)}.dark .menu__group-title{color:var(--cs-modes-dark-colors-text-muted)}.menu__item{display:flex;align-items:center;width:100%;padding:var(--menu-padding-y) var(--menu-padding-x);font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);line-height:var(--menu-line-height);letter-spacing:var(--menu-letter-spacing);color:var(--menu-color-primary);text-decoration:none;border:none;background:none;cursor:pointer;transition:var(--menu-transition);text-align:left}.menu__item:hover{background-color:var(--menu-color-hover);color:var(--menu-color-primary)}.dark .menu__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .menu__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.menu__item:focus{outline:var(--menu-focus-ring-width) solid var(--menu-focus-ring-color);outline-offset:var(--menu-focus-ring-offset)}.menu__item:focus:not(:focus-visible){outline:none}.menu__item--disabled{color:var(--menu-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.menu__item--disabled:hover{background-color:transparent;color:var(--menu-color-disabled)}.dark .menu__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.dark .menu__item--disabled{color:var(--cs-modes-dark-colors-text-muted)}.menu__item-icon{width:var(--menu-icon-size);height:var(--menu-icon-size);margin-right:var(--menu-icon-spacing);flex-shrink:0}.menu__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu__item-badge{margin-left:var(--menu-badge-spacing);flex-shrink:0}.menu__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--menu-color-muted);margin-top:var(--cs-spacing-scale-xs)}.dark .menu__item-description{color:var(--cs-modes-dark-colors-text-muted)}.dark .menu__submenu{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .menu__divider{background-color:var(--cs-modes-dark-colors-border)}.dark .menu__footer{border-top-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-muted)}@media (max-width: var(--cs-breakpoints-mobile)){.menu{min-width:100%;max-width:100%;font-size:var(--menu-mobile-font-size, var(--cs-fonts-primary-sizes-xs));padding:var(--menu-mobile-padding-y, var(--cs-spacing-scale-xs)) var(--menu-mobile-padding-x, var(--cs-spacing-scale-sm))}.menu__submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:var(--menu-border-width) solid var(--cs-colors-border);margin-left:var(--cs-spacing-scale-md)}.menu__item--has-children:after{transform:rotate(45deg)}.menu__item--has-children:hover:after{transform:rotate(45deg) translateY(var(--menu-hover-offset))}}@container (min-width: var(--cs-breakpoints-tablet)){.menu{font-size:var(--menu-container-font-size, var(--cs-fonts-primary-sizes-sm))}}.menu__item:focus-visible{outline:var(--menu-focus-ring-width) solid var(--menu-focus-ring-color);outline-offset:var(--menu-focus-ring-offset)}.menu__item[aria-expanded=true]:after{transform:rotate(45deg)}@media (prefers-contrast: high){.menu,.menu__submenu{border-width:var(--menu-high-contrast-border-width)}}@media (prefers-reduced-motion: reduce){.menu__item{transition:none}.menu__item[tabindex]:hover,.menu__item[role=button]:hover,.menu__item[role=link]:hover{transform:none}.menu__submenu{transition:none;animation:none}}.menu__item[tabindex]:hover,.menu__item[role=button]:hover,.menu__item[role=link]:hover{transform:var(--menu-hover-transform, translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--menu-hover-shadow, var(--cs-shadows-md))}.menu__item[tabindex]:active,.menu__item[role=button]:active,.menu__item[role=link]:active{transform:var(--menu-active-transform, translateY(0));box-shadow:var(--menu-active-shadow, var(--cs-shadows-sm))}.menu__item{transform:translateZ(0);backface-visibility:hidden}.menu__item:hover{transform:translate(var(--menu-hover-offset))}.menu__item:active{transform:translate(0)}@keyframes menuSlideIn{0%{opacity:0;transform:translate(calc(-1 * var(--menu-slide-offset)))}to{opacity:1;transform:translate(0)}}:root{--pagination-font-size: var(--cs-fonts-primary-sizes-sm);--pagination-font-weight: var(--cs-fonts-primary-weights-medium);--pagination-line-height: var(--cs-fonts-primary-line-heights-tight);--pagination-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--pagination-color-primary: var(--cs-colors-text-primary);--pagination-color-secondary: var(--cs-colors-text-secondary);--pagination-color-muted: var(--cs-colors-text-muted);--pagination-color-disabled: var(--cs-colors-text-muted);--pagination-color-active: var(--cs-colors-primary-500);--pagination-color-hover: var(--cs-colors-interactive-hover);--pagination-padding-y: var(--cs-spacing-scale-xs);--pagination-padding-x: var(--cs-spacing-scale-sm);--pagination-margin: var(--cs-spacing-scale-xs);--pagination-item-spacing: var(--cs-spacing-scale-xs);--pagination-group-spacing: var(--cs-spacing-scale-md);--pagination-transition: var(--cs-transitions-properties-colors);--pagination-border-radius: var(--cs-border-radius-md);--pagination-border-width: var(--cs-border-width-sm);--pagination-shadow: var(--cs-shadows-sm);--pagination-focus-ring-width: var(--cs-accessibility-focus-ring-width);--pagination-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--pagination-focus-ring-color: var(--cs-accessibility-focus-ring-color);--pagination-focus-outline-offset: var(--cs-accessibility-outline-offset);--pagination-icon-size: var(--cs-fonts-primary-sizes-md);--pagination-icon-spacing: var(--cs-spacing-scale-xs);--pagination-size-sm-padding: var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--pagination-size-sm-font: var(--cs-fonts-primary-sizes-sm);--pagination-size-md-padding: var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--pagination-size-md-font: var(--cs-fonts-primary-sizes-sm);--pagination-size-lg-padding: var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);--pagination-size-lg-font: var(--cs-fonts-primary-sizes-base);--pagination-hover-transform: translateY(calc(-1 * var(--cs-spacing-scale-xs)));--pagination-hover-shadow: var(--cs-shadows-md);--pagination-focus-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--pagination-focus-offset: var(--cs-spacing-scale-xs);--pagination-active-transform: translateY(0);--pagination-active-shadow: var(--cs-shadows-sm);--pagination-focus-ring-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--pagination-focus-ring-offset: var(--cs-spacing-scale-xs);--pagination-high-contrast-border-width: var(--cs-spacing-scale-xs);--pagination-mobile-font-size: var(--cs-fonts-primary-sizes-xs);--pagination-mobile-padding-y: var(--cs-spacing-scale-xs);--pagination-mobile-padding-x: var(--cs-spacing-scale-sm);--pagination-container-font-size: var(--cs-fonts-primary-sizes-sm);--pagination-showcase-gap: var(--cs-spacing-scale-md);--pagination-variant-showcase-gap: var(--cs-spacing-scale-md);--pagination-variant-section-gap: var(--cs-spacing-scale-sm);--pagination-variant-title-size: var(--cs-fonts-primary-sizes-lg);--pagination-variant-title-weight: var(--cs-fonts-primary-weights-semibold);--pagination-variant-grid-gap: var(--cs-spacing-scale-sm);--pagination-variant-description-size: var(--cs-fonts-primary-sizes-sm);--pagination-variant-description-color: var(--cs-colors-text-muted);--pagination-size-showcase-gap: var(--cs-spacing-scale-md);--pagination-size-description-size: var(--cs-fonts-primary-sizes-sm);--pagination-size-description-color: var(--cs-colors-text-muted);--pagination-responsive-showcase-gap: var(--cs-spacing-scale-md);--pagination-responsive-description-size: var(--cs-fonts-primary-sizes-sm);--pagination-responsive-description-color: var(--cs-colors-text-muted);--pagination-responsive-grid-gap: var(--cs-spacing-scale-md);--pagination-responsive-title-size: var(--cs-fonts-primary-sizes-md);--pagination-responsive-title-weight: var(--cs-fonts-primary-weights-medium);--pagination-responsive-column-gap: var(--cs-spacing-scale-sm)}.\!pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--pagination-item-spacing)!important;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks)!important;font-size:var(--pagination-font-size)!important;font-weight:var(--pagination-font-weight)!important;line-height:var(--pagination-line-height)!important;letter-spacing:var(--pagination-letter-spacing)!important}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--pagination-item-spacing);font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);letter-spacing:var(--pagination-letter-spacing)}.pagination__container{display:flex;align-items:center;gap:var(--pagination-item-spacing)}.dark .pagination__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.dark .pagination__item--disabled,.dark .pagination__item--ellipsis{color:var(--cs-modes-dark-colors-text-muted)}.dark .pagination__item--default{color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item--default:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item--outlined{color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .pagination__item--outlined:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:var(--cs-modes-dark-colors-primary-300)}.dark .pagination__item--outlined.pagination__item--active{color:var(--cs-modes-dark-colors-primary-500);border-color:var(--cs-modes-dark-colors-primary-500);background-color:var(--cs-modes-dark-colors-primary-50)}.dark .pagination__item--minimal{color:var(--cs-modes-dark-colors-text-primary);border-color:transparent;background-color:transparent}.dark .pagination__item--minimal:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:transparent}.dark .pagination__item--minimal.pagination__item--active{color:var(--cs-modes-dark-colors-primary-500);background-color:transparent;border-color:transparent;font-weight:var(--cs-fonts-primary-weights-semibold)}.pagination__info{display:flex;align-items:center;gap:var(--pagination-group-spacing);color:var(--pagination-color-muted);font-size:var(--cs-fonts-primary-sizes-sm)}.pagination__total,.pagination__items-per-page{display:flex;align-items:center;gap:var(--pagination-item-spacing)}.dark .pagination__info{color:var(--cs-modes-dark-colors-text-muted)}.dark .pagination__items-per-page-select{border-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-primary)}@media (max-width: var(--cs-breakpoints-mobile)){.\!pagination{flex-direction:column!important;gap:var(--pagination-group-spacing)!important}{order:2!important;flex-direction:column!important;gap:var(--pagination-item-spacing)!important;display:none!important}.pagination{flex-direction:column;gap:var(--pagination-group-spacing)}.pagination__nav{order:1}.pagination__info{order:2;flex-direction:column;gap:var(--pagination-item-spacing)}.pagination__item--first,.pagination__item--last,.pagination__item--ellipsis{display:none}}@media (max-width: var(--cs-breakpoints-tablet)){.pagination__total,.pagination__items-per-page{display:none}}@container (min-width: var(--cs-breakpoints-tablet)){.\!pagination{font-size:var(--pagination-container-font-size, var(--cs-fonts-primary-sizes-sm))!important}.pagination{font-size:var(--pagination-container-font-size, var(--cs-fonts-primary-sizes-sm))}}.dark .pagination--semantic .pagination__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}:root{--sidebar-font-size: var(--cs-fonts-primary-sizes-sm);--sidebar-font-weight: var(--cs-fonts-primary-weights-medium);--sidebar-line-height: var(--cs-fonts-primary-line-heights-tight);--sidebar-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--sidebar-color-primary: var(--cs-colors-text-primary);--sidebar-color-secondary: var(--cs-colors-text-secondary);--sidebar-color-muted: var(--cs-colors-text-muted);--sidebar-color-disabled: var(--cs-colors-text-muted);--sidebar-color-active: var(--cs-colors-primary-500);--sidebar-color-hover: var(--cs-colors-interactive-hover);--sidebar-padding-y: var(--cs-spacing-scale-sm);--sidebar-padding-x: var(--cs-spacing-scale-md);--sidebar-margin: var(--cs-spacing-scale-xs);--sidebar-item-spacing: var(--cs-spacing-scale-xs);--sidebar-group-spacing: var(--cs-spacing-scale-md);--sidebar-transition: var(--cs-transitions-properties-transform);--sidebar-border-radius: var(--cs-border-radius-lg);--sidebar-border-width: var(--cs-border-width-sm);--sidebar-shadow: var(--cs-shadows-lg);--sidebar-focus-ring-width: var(--cs-accessibility-focus-ring-width);--sidebar-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--sidebar-focus-ring-color: var(--cs-accessibility-focus-ring-color);--sidebar-focus-outline-offset: var(--cs-accessibility-outline-offset);--sidebar-icon-size: var(--cs-fonts-primary-sizes-lg);--sidebar-icon-spacing: var(--cs-spacing-scale-sm);--sidebar-badge-spacing: var(--cs-spacing-scale-sm);--sidebar-width: var(--cs-spacing-scale-4xl);--sidebar-width-collapsed: var(--cs-spacing-scale-xl);--sidebar-width-mobile: 100%;--sidebar-z-index: 100;--sidebar-hover-transform: translateX(var(--cs-spacing-scale-xs));--sidebar-hover-shadow: var(--cs-shadows-md);--sidebar-focus-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--sidebar-focus-offset: var(--cs-spacing-scale-xs);--sidebar-active-transform: translateX(0);--sidebar-active-shadow: var(--cs-shadows-sm);--sidebar-focus-ring-outline: var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--sidebar-focus-ring-offset: var(--cs-spacing-scale-xs);--sidebar-high-contrast-border-width: var(--cs-spacing-scale-xs);--sidebar-mobile-font-size: var(--cs-fonts-primary-sizes-xs);--sidebar-mobile-padding-y: var(--cs-spacing-scale-xs);--sidebar-mobile-padding-x: var(--cs-spacing-scale-sm);--sidebar-container-font-size: var(--cs-fonts-primary-sizes-sm);--sidebar-showcase-gap: var(--cs-spacing-scale-md);--sidebar-variant-showcase-gap: var(--cs-spacing-scale-md);--sidebar-variant-section-gap: var(--cs-spacing-scale-sm);--sidebar-variant-title-size: var(--cs-fonts-primary-sizes-lg);--sidebar-variant-title-weight: var(--cs-fonts-primary-weights-semibold);--sidebar-variant-grid-gap: var(--cs-spacing-scale-sm);--sidebar-variant-description-size: var(--cs-fonts-primary-sizes-sm);--sidebar-variant-description-color: var(--cs-colors-text-muted);--sidebar-state-showcase-gap: var(--cs-spacing-scale-md);--sidebar-state-description-size: var(--cs-fonts-primary-sizes-sm);--sidebar-state-description-color: var(--cs-colors-text-muted);--sidebar-responsive-showcase-gap: var(--cs-spacing-scale-md);--sidebar-responsive-description-size: var(--cs-fonts-primary-sizes-sm);--sidebar-responsive-description-color: var(--cs-colors-text-muted);--sidebar-responsive-grid-gap: var(--cs-spacing-scale-md);--sidebar-responsive-title-size: var(--cs-fonts-primary-sizes-md);--sidebar-responsive-title-weight: var(--cs-fonts-primary-weights-medium);--sidebar-responsive-column-gap: var(--cs-spacing-scale-sm)}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background-color:var(--cs-colors-surface-background);border-right:var(--sidebar-border-width) solid var(--cs-colors-border);box-shadow:var(--sidebar-shadow);transition:var(--sidebar-transition);position:fixed;top:0;left:0;z-index:var(--sidebar-z-index);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--mobile.sidebar--open{transform:translate(0)}.dark .sidebar--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-md);border-bottom:var(--sidebar-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-surface);min-height:var(--cs-spacing-scale-xl)}.dark .sidebar__header{border-bottom-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .sidebar__logo{color:var(--cs-modes-dark-colors-text-primary)}.dark .sidebar__toggle{color:var(--cs-modes-dark-colors-text-secondary)}.dark .sidebar__toggle:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.sidebar__toggle-icon{width:var(--cs-spacing-scale-md);height:var(--cs-spacing-scale-md)}.sidebar__group{margin-bottom:var(--sidebar-group-spacing)}.sidebar__group--collapsed{margin-bottom:var(--cs-spacing-scale-sm)}.sidebar__group-title{padding:var(--cs-spacing-scale-xs) var(--sidebar-padding-x);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--sidebar-color-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide);white-space:nowrap;overflow:hidden}.dark .sidebar__group-title{color:var(--cs-modes-dark-colors-text-muted)}.sidebar__item{display:flex;align-items:center;width:100%;padding:var(--cs-spacing-scale-sm) var(--sidebar-padding-x);font-size:var(--sidebar-font-size);font-weight:var(--sidebar-font-weight);line-height:var(--sidebar-line-height);letter-spacing:var(--sidebar-letter-spacing);color:var(--sidebar-color-primary);text-decoration:none;border:none;background:none;cursor:pointer;transition:var(--sidebar-transition);text-align:left;position:relative}.sidebar__item:hover{background-color:var(--sidebar-color-hover);color:var(--sidebar-color-primary)}.dark .sidebar__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .sidebar__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.sidebar__item:focus{outline:var(--sidebar-focus-ring-width) solid var(--sidebar-focus-ring-color);outline-offset:var(--sidebar-focus-ring-offset)}.sidebar__item:focus:not(:focus-visible){outline:none}.sidebar__item--active{background-color:var(--sidebar-color-active);color:var(--cs-colors-surface-background);font-weight:var(--cs-fonts-primary-weights-semibold)}.sidebar__item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--cs-spacing-scale-xs);background-color:var(--cs-colors-surface-background)}.sidebar__item--disabled{color:var(--sidebar-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.sidebar__item--disabled:hover{background-color:transparent;color:var(--sidebar-color-disabled)}.dark .sidebar__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.dark .sidebar__item--active:before{background-color:var(--cs-modes-dark-colors-text-inverse)}.dark .sidebar__item--disabled{color:var(--cs-modes-dark-colors-text-muted)}.sidebar__item-icon{width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);margin-right:var(--sidebar-icon-spacing);flex-shrink:0}.sidebar__item-icon--collapsed{margin-right:0}.sidebar__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{margin-left:var(--sidebar-badge-spacing);flex-shrink:0}.sidebar__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--sidebar-color-muted);margin-top:var(--cs-spacing-scale-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .sidebar__item-description{color:var(--cs-modes-dark-colors-text-muted)}.dark .sidebar__submenu{background-color:var(--cs-modes-dark-colors-surface-surface);border-left-color:var(--cs-modes-dark-colors-border)}.dark .sidebar__divider{background-color:var(--cs-modes-dark-colors-border)}.sidebar__footer{padding:var(--cs-spacing-scale-sm) var(--sidebar-padding-x);border-top:var(--sidebar-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-surface);font-size:var(--cs-fonts-primary-sizes-xs);color:var(--sidebar-color-muted);white-space:nowrap;overflow:hidden}.dark .sidebar__footer{border-top-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-muted)}.dark .sidebar__overlay{background-color:rgba(0,0,0,var(--cs-colors-alpha-high))}@media (max-width: var(--cs-breakpoints-tablet)){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__overlay--visible{display:block}}@media (max-width: var(--cs-breakpoints-mobile)){.sidebar{width:100%;font-size:var(--sidebar-mobile-font-size, var(--cs-fonts-primary-sizes-xs));padding:var(--sidebar-mobile-padding-y, var(--cs-spacing-scale-xs)) var(--sidebar-mobile-padding-x, var(--cs-spacing-scale-sm))}.sidebar__header{min-height:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg))}.sidebar__logo-text{font-size:var(--cs-fonts-primary-sizes-base)}}@container (min-width: var(--cs-breakpoints-tablet)){.sidebar{font-size:var(--sidebar-container-font-size, var(--cs-fonts-primary-sizes-sm))}}.sidebar__item:focus-visible{outline:var(--sidebar-focus-ring-width) solid var(--sidebar-focus-ring-color);outline-offset:var(--sidebar-focus-ring-offset)}.sidebar__item[aria-expanded=true]:after{transform:rotate(45deg)}@media (prefers-contrast: high){.sidebar,.sidebar__item{border-width:var(--sidebar-high-contrast-border-width)}.sidebar__submenu{border-left-width:var(--sidebar-high-contrast-border-width)}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar__item{transition:none}.sidebar__item[tabindex]:hover,.sidebar__item[role=button]:hover,.sidebar__item[role=link]:hover{transform:none}.sidebar--collapsed,.sidebar--mobile,.sidebar--mobile.sidebar--open{animation:none}}.sidebar__item[tabindex]:hover,.sidebar__item[role=button]:hover,.sidebar__item[role=link]:hover{transform:var(--sidebar-hover-transform, translateX(4px));box-shadow:var(--sidebar-hover-shadow, var(--cs-shadows-md))}.sidebar__item[tabindex]:active,.sidebar__item[role=button]:active,.sidebar__item[role=link]:active{transform:var(--sidebar-active-transform, translateX(0));box-shadow:var(--sidebar-active-shadow, var(--cs-shadows-sm))}.sidebar__item{transform:translateZ(0);backface-visibility:hidden}.sidebar__item:hover{transform:translate(var(--cs-spacing-scale-xs))}.sidebar__item:active{transform:translate(0)}.sidebar{transform-origin:left center}.sidebar--collapsed{animation:sidebarCollapse var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease-out)}@keyframes sidebarCollapse{0%{width:var(--sidebar-width)}to{width:var(--sidebar-width-collapsed)}}.sidebar--mobile.sidebar--open{animation:sidebarSlideIn var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease-out)}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.sidebar-variant-showcase{display:flex;flex-direction:column;gap:var(--sidebar-variant-showcase-gap, var(--cs-spacing-scale-md))}.sidebar-variant-section{display:flex;flex-direction:column;gap:var(--sidebar-variant-section-gap, var(--cs-spacing-scale-sm))}.sidebar-variant-title{font-size:var(--sidebar-variant-title-size, var(--cs-fonts-primary-sizes-lg));font-weight:var(--sidebar-variant-title-weight, var(--cs-fonts-primary-weights-semibold));margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.sidebar-variant-grid{display:flex;flex-wrap:wrap;gap:var(--sidebar-variant-grid-gap, var(--cs-spacing-scale-sm))}.sidebar-variant-description{font-size:var(--sidebar-variant-description-size, var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-variant-description-color, var(--cs-colors-text-muted))}.sidebar-state-showcase{display:flex;flex-direction:column;gap:var(--sidebar-state-showcase-gap, var(--cs-spacing-scale-md))}.sidebar-state-grid{display:flex;flex-wrap:wrap;gap:var(--cs-spacing-scale-sm)}.sidebar-state-description{font-size:var(--sidebar-state-description-size, var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-state-description-color, var(--cs-colors-text-muted))}.sidebar-responsive-showcase{display:flex;flex-direction:column;gap:var(--sidebar-responsive-showcase-gap, var(--cs-spacing-scale-md))}.sidebar-responsive-description{font-size:var(--sidebar-responsive-description-size, var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-responsive-description-color, var(--cs-colors-text-muted));margin-bottom:var(--cs-spacing-scale-sm)}.sidebar-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--sidebar-responsive-grid-gap, var(--cs-spacing-scale-md));width:100%;max-width:var(--cs-spacing-scale-6xl)}.sidebar-responsive-column{display:flex;flex-direction:column;gap:var(--sidebar-responsive-column-gap, var(--cs-spacing-scale-sm))}.sidebar-responsive-title{font-size:var(--sidebar-responsive-title-size, var(--cs-fonts-primary-sizes-md));font-weight:var(--sidebar-responsive-title-weight, var(--cs-fonts-primary-weights-medium));margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}@media (min-width: var(--cs-breakpoints-tablet)){.sidebar-responsive-grid{grid-template-columns:1fr 1fr!important}}:root{--stepper-font-size: var(--cs-fonts-primary-sizes-sm);--stepper-font-weight: var(--cs-fonts-primary-weights-medium);--stepper-line-height: var(--cs-fonts-primary-line-heights-tight);--stepper-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--stepper-color-primary: var(--cs-colors-text-primary);--stepper-color-secondary: var(--cs-colors-text-secondary);--stepper-color-muted: var(--cs-colors-text-muted);--stepper-color-disabled: var(--cs-colors-text-muted);--stepper-color-active: var(--cs-colors-primary-500);--stepper-color-completed: var(--cs-colors-semantic-success);--stepper-color-error: var(--cs-colors-semantic-error);--stepper-color-hover: var(--cs-colors-interactive-hover);--stepper-padding-y: var(--cs-spacing-scale-sm);--stepper-padding-x: var(--cs-spacing-scale-md);--stepper-margin: var(--cs-spacing-scale-xs);--stepper-item-spacing: var(--cs-spacing-scale-md);--stepper-group-spacing: var(--cs-spacing-scale-lg);--stepper-transition: var(--cs-transitions-properties-colors);--stepper-border-radius: var(--cs-border-radius-full);--stepper-border-width: var(--cs-border-width-sm);--stepper-shadow: var(--cs-shadows-sm);--stepper-focus-ring-width: var(--cs-accessibility-focus-ring-width);--stepper-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--stepper-focus-ring-color: var(--cs-accessibility-focus-ring-color);--stepper-focus-outline-offset: var(--cs-accessibility-outline-offset);--stepper-icon-size: var(--cs-fonts-primary-sizes-2xl);--stepper-icon-spacing: var(--cs-spacing-scale-sm);--stepper-badge-spacing: var(--cs-spacing-scale-sm);--stepper-connector-width: var(--cs-border-width-normal);--stepper-connector-length: var(--cs-spacing-scale-2xl);--stepper-step-size: var(--cs-spacing-scale-2xl);--stepper-step-size-small: var(--cs-spacing-scale-xl);--stepper-step-size-large: var(--cs-spacing-scale-2xl)}.stepper{display:flex;flex-direction:column;gap:var(--stepper-group-spacing);font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);line-height:var(--stepper-line-height);letter-spacing:var(--stepper-letter-spacing)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--vertical{flex-direction:column}.stepper__container{display:flex;flex-direction:column;gap:var(--stepper-group-spacing)}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--stepper-item-spacing);position:relative;flex:1}.stepper__step--vertical{flex-direction:row;text-align:left;align-items:flex-start}.stepper__step-number{display:flex;align-items:center;justify-content:center;width:var(--stepper-step-size);height:var(--stepper-step-size);border-radius:var(--stepper-border-radius);border:var(--stepper-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-background);color:var(--stepper-color-muted);font-weight:var(--cs-fonts-primary-weights-semibold);font-size:var(--cs-fonts-primary-sizes-sm);transition:var(--stepper-transition);position:relative;z-index:2}.stepper__step-icon{width:var(--stepper-icon-size);height:var(--stepper-icon-size);color:inherit}.stepper__step-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--stepper-color-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stepper__step-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--stepper-color-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stepper__step-content{margin-top:var(--stepper-item-spacing);padding:var(--stepper-padding-y) var(--stepper-padding-x);background-color:var(--cs-colors-surface-surface);border:var(--stepper-border-width) solid var(--cs-colors-border);border-radius:var(--cs-border-radius-lg);box-shadow:var(--stepper-shadow);width:100%}.stepper__navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--stepper-item-spacing);margin-top:var(--stepper-group-spacing);padding:var(--stepper-padding-y) var(--stepper-padding-x);background-color:var(--cs-colors-surface-surface);border-top:var(--stepper-border-width) solid var(--cs-colors-border)}.stepper__nav-button{display:inline-flex;align-items:center;gap:var(--stepper-icon-spacing);padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);border:var(--stepper-border-width) solid var(--cs-colors-border);border-radius:var(--cs-border-radius-md);background-color:var(--cs-colors-surface-background);color:var(--stepper-color-primary);cursor:pointer;transition:var(--stepper-transition);text-decoration:none}.stepper__nav-button:hover{background-color:var(--stepper-color-hover);border-color:var(--cs-colors-primary-300)}.stepper__nav-button:focus{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__nav-button:focus:not(:focus-visible){outline:none}.stepper__progress{width:100%;height:var(--stepper-connector-width);background-color:var(--cs-colors-border);border-radius:var(--stepper-border-radius);overflow:hidden;margin:var(--stepper-item-spacing) 0}.stepper__progress-bar{height:100%;background-color:var(--stepper-color-active);transition:var(--stepper-transition);border-radius:var(--stepper-border-radius)}@media (max-width: var(--cs-breakpoints-tablet)){.stepper--horizontal,.stepper__container--horizontal{flex-direction:column}.stepper__step--horizontal{text-align:left;align-items:flex-start}.stepper__connector--horizontal{display:none}.stepper__navigation--horizontal{flex-direction:column;align-items:stretch}}@media (max-width: var(--cs-breakpoints-mobile)){.stepper__step-number{width:var(--stepper-step-size-small);height:var(--stepper-step-size-small)}.stepper__step-content,.stepper__navigation{padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm)}}.stepper__step-number:focus-visible{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__nav-button:focus-visible{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__step[aria-disabled=true] .stepper__step-number{cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.stepper__step-number{transform:translateZ(0);backface-visibility:hidden}.stepper__step-number:hover{transform:scale(1.05)}.stepper__step-number:active{transform:scale(1)}.stepper__progress-bar{transform-origin:left center;animation:stepperProgress .5s ease-out}@keyframes stepperProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stepperComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{--tabs-font-size: var(--cs-fonts-primary-sizes-sm);--tabs-font-weight: var(--cs-fonts-primary-weights-medium);--tabs-line-height: var(--cs-fonts-primary-line-heights-tight);--tabs-letter-spacing: var(--cs-fonts-primary-letter-spacing-normal);--tabs-color-primary: var(--cs-colors-text-primary);--tabs-color-secondary: var(--cs-colors-text-secondary);--tabs-color-muted: var(--cs-colors-text-muted);--tabs-color-disabled: var(--cs-colors-text-muted);--tabs-color-active: var(--cs-colors-primary-500);--tabs-color-hover: var(--cs-colors-interactive-hover);--tabs-padding-y: var(--cs-spacing-scale-xs);--tabs-padding-x: var(--cs-spacing-scale-sm);--tabs-margin: var(--cs-spacing-scale-xs);--tabs-item-spacing: var(--cs-spacing-scale-xs);--tabs-content-spacing: var(--cs-spacing-scale-md);--tabs-transition: var(--cs-transitions-properties-colors);--tabs-border-radius: var(--cs-border-radius-lg);--tabs-border-width: var(--cs-border-width-sm);--tabs-shadow: var(--cs-shadows-sm);--tabs-focus-ring-width: var(--cs-accessibility-focus-ring-width);--tabs-focus-ring-offset: var(--cs-accessibility-focus-ring-offset);--tabs-focus-ring-color: var(--cs-accessibility-focus-ring-color);--tabs-focus-outline-offset: var(--cs-accessibility-outline-offset);--tabs-icon-size: var(--cs-fonts-primary-sizes-md);--tabs-icon-spacing: var(--cs-spacing-scale-sm);--tabs-badge-spacing: var(--cs-spacing-scale-sm);--tabs-size-sm-padding: var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--tabs-size-sm-font: var(--cs-fonts-primary-sizes-sm);--tabs-size-md-padding: var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--tabs-size-md-font: var(--cs-fonts-primary-sizes-sm);--tabs-size-lg-padding: var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);--tabs-size-lg-font: var(--cs-fonts-primary-sizes-base)}.tabs{display:flex;flex-direction:column}.tabs--vertical{flex-direction:row}.tabs__list{display:flex;border-radius:var(--tabs-border-radius);border:var(--tabs-border-width) solid transparent;box-shadow:var(--tabs-shadow);transition:var(--tabs-transition)}.tabs__list--vertical{flex-direction:column;border-right:var(--tabs-border-width) solid transparent}.tabs__list--full-width{width:100%}.tabs__list--centered{justify-content:center}.tabs__list--semantic{background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.tabs__item{display:inline-flex;align-items:center;justify-content:center;font-size:var(--tabs-font-size);font-weight:var(--tabs-font-weight);line-height:var(--tabs-line-height);letter-spacing:var(--tabs-letter-spacing);padding:var(--tabs-padding-y) var(--tabs-padding-x);border-radius:var(--cs-border-radius-md);transition:var(--tabs-transition);cursor:pointer;border:var(--tabs-border-width) solid transparent;text-decoration:none;color:inherit;background:none;position:relative}.tabs__item--vertical{width:100%;justify-content:flex-start;border-right:var(--tabs-border-width) solid transparent}.tabs__item--full-width{flex:1}.tabs__item--small{padding:var(--tabs-size-sm-padding);font-size:var(--tabs-size-sm-font)}.tabs__item--medium{padding:var(--tabs-size-md-padding);font-size:var(--tabs-size-md-font)}.tabs__item--large{padding:var(--tabs-size-lg-padding);font-size:var(--tabs-size-lg-font)}.tabs__item:hover{background-color:var(--tabs-color-hover)}.tabs__item:focus{outline:var(--tabs-focus-ring-width) solid var(--tabs-focus-ring-color);outline-offset:var(--tabs-focus-ring-offset)}.tabs__item:focus:not(:focus-visible){outline:none}.tabs__item--disabled{color:var(--tabs-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.tabs__item--disabled:hover{background-color:transparent}.tabs__item--default{color:var(--tabs-color-secondary)}.tabs__item--default:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover)}.tabs__item--default.tabs__item--active{color:var(--cs-colors-surface-background);background-color:var(--tabs-color-active);box-shadow:var(--cs-shadows-md)}.tabs__item--pills{color:var(--tabs-color-secondary)}.tabs__item--pills:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover)}.tabs__item--pills.tabs__item--active{color:var(--cs-colors-surface-background);background-color:var(--tabs-color-active);box-shadow:var(--cs-shadows-md)}.tabs__item--underline{color:var(--tabs-color-secondary);border-bottom:var(--tabs-border-width) solid transparent}.tabs__item--underline:hover{color:var(--tabs-color-primary);border-bottom-color:var(--cs-colors-border)}.tabs__item--underline.tabs__item--active{color:var(--tabs-color-active);border-bottom-color:var(--tabs-color-active)}.tabs__item--cards{color:var(--tabs-color-secondary);border:var(--tabs-border-width) solid transparent}.tabs__item--cards:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover);border-color:var(--cs-colors-border)}.tabs__item--cards.tabs__item--active{color:var(--tabs-color-active);background-color:var(--cs-colors-primary-50);border-color:var(--cs-colors-primary-200);box-shadow:var(--cs-shadows-sm)}.tabs__item--minimal{color:var(--tabs-color-secondary)}.tabs__item--minimal:hover{color:var(--tabs-color-primary)}.tabs__item--minimal.tabs__item--active{color:var(--tabs-color-active);font-weight:var(--cs-fonts-primary-weights-semibold)}.tabs__item--stan-design.tabs__item--active{background-color:var(--cs-colors-text-primary);color:var(--cs-colors-surface-background)}.tabs__item--enterprise.tabs__item--active{background-color:var(--cs-colors-primary-600);color:var(--cs-colors-surface-background)}.tabs__item--harvey.tabs__item--active{background-color:var(--cs-colors-accent);color:var(--cs-colors-surface-background)}.tabs__item-icon{width:var(--tabs-icon-size);height:var(--tabs-icon-size);margin-right:var(--tabs-icon-spacing)}.tabs__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs__item-badge{margin-left:var(--tabs-badge-spacing)}.tabs__close-button{margin-left:var(--tabs-icon-spacing);padding:var(--cs-spacing-scale-xs);border-radius:var(--cs-border-radius-full);transition:var(--tabs-transition);cursor:pointer;border:none;background:none;color:inherit;display:flex;align-items:center;justify-content:center}.tabs__close-button:hover{background-color:rgba(0,0,0,var(--cs-colors-alpha-low))}.tabs__close-icon{width:calc(var(--cs-spacing-scale-sm) + var(--cs-spacing-scale-xs));height:calc(var(--cs-spacing-scale-sm) + var(--cs-spacing-scale-xs))}.tabs__add-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--tabs-padding-y) var(--tabs-padding-x);color:var(--tabs-color-muted);transition:var(--tabs-transition);cursor:pointer;border:none;background:none;border-radius:var(--cs-border-radius-md)}.tabs__add-button:hover{color:var(--tabs-color-secondary);background-color:var(--tabs-color-hover)}.tabs__add-icon{width:var(--tabs-icon-size);height:var(--tabs-icon-size)}.tabs__content{margin-top:var(--tabs-content-spacing)}.tabs__content--vertical{margin-top:0;margin-left:var(--tabs-content-spacing);flex:1}.tabs__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-2xl)}.tabs__loading-spinner{width:var(--cs-spacing-scale-2xl);height:var(--cs-spacing-scale-2xl);border:var(--tabs-border-width) solid var(--cs-colors-border);border-top-color:var(--tabs-color-active);border-radius:var(--cs-border-radius-full);animation:spin 1s linear infinite}.tabs__item:focus-visible{outline:var(--tabs-focus-ring-width) solid var(--tabs-focus-ring-color);outline-offset:var(--tabs-focus-ring-offset)}.tabs__item[aria-selected=true]{font-weight:var(--cs-fonts-primary-weights-semibold)}.tabs__item{transform:translateZ(0);backface-visibility:hidden}.tabs__item:hover{transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)))}.tabs__item:active{transform:translateY(0)}@media (max-width: var(--cs-breakpoints-mobile)){.tabs__list--vertical{flex-direction:row;overflow-x:auto}.tabs__item--vertical{width:auto;min-width:-moz-max-content;min-width:max-content}.tabs__content--vertical{margin-left:var(--cs-spacing-scale-none);margin-top:var(--tabs-content-spacing)}}:root{--user-menu-width: 288px;--user-menu-max-height: 400px;--user-menu-border-radius: var(--cs-border-radius-lg);--user-menu-shadow: var(--cs-shadows-lg);--user-menu-z-index: 50;--user-menu-header-padding: var(--cs-spacing-scale-lg);--user-menu-header-border: 1px solid var(--cs-colors-border-subtle);--user-menu-header-gap: var(--cs-spacing-scale-md);--user-menu-item-padding: var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--user-menu-item-gap: var(--cs-spacing-scale-md);--user-menu-item-radius: var(--cs-border-radius-md);--user-menu-section-padding: var(--cs-spacing-scale-sm) 0;--user-menu-section-title-padding: var(--cs-spacing-scale-xs) var(--cs-spacing-scale-md);--user-avatar-xs-size: 24px;--user-avatar-sm-size: 32px;--user-avatar-md-size: 40px;--user-avatar-lg-size: 48px;--user-avatar-xl-size: 56px;--subscription-badge-gap: var(--cs-spacing-scale-xs);--subscription-badge-padding: var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--user-menu-background: var(--cs-colors-surface-background);--user-menu-border-color: var(--cs-colors-border);--user-menu-text-primary: var(--cs-colors-text-primary);--user-menu-text-secondary: var(--cs-colors-text-secondary);--user-menu-text-muted: var(--cs-colors-text-muted);--user-menu-hover-background: var(--cs-colors-interactive-hover);--user-menu-focus-outline: var(--cs-colors-interactive-focus);--user-menu-danger-color: var(--cs-colors-destructive-500);--user-menu-danger-hover: var(--cs-colors-destructive-600);--user-menu-transition: var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .user-menu,.dark{--user-menu-background: var(--cs-colors-surface-surface);--user-menu-border-color: var(--cs-colors-border);--user-menu-text-primary: var(--cs-colors-text-primary);--user-menu-text-secondary: var(--cs-colors-text-secondary);--user-menu-text-muted: var(--cs-colors-text-muted);--user-menu-hover-background: var(--cs-colors-interactive-hover);--user-menu-focus-outline: var(--cs-colors-interactive-focus)}.dark .user-menu__item:hover,.dark .user-menu__trigger-default:hover{background-color:var(--cs-colors-interactive-hover)!important}.user-menu{position:relative;display:inline-block}.user-menu__trigger{background:none;border:none;cursor:pointer;padding:0;transition:var(--user-menu-transition)}.user-menu__trigger:focus{outline:2px solid var(--user-menu-focus-outline);outline-offset:2px}.user-menu__trigger-default{display:flex;align-items:center;gap:var(--cs-spacing-scale-sm);padding:var(--cs-spacing-scale-sm);border-radius:var(--cs-border-radius-md);transition:var(--user-menu-transition)}.user-menu__trigger-default:hover{background-color:var(--user-menu-hover-background)}.user-menu__trigger-name{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);color:var(--user-menu-text-primary)}.user-menu__dropdown{position:absolute;z-index:var(--user-menu-z-index);background-color:var(--user-menu-background);border:1px solid var(--user-menu-border-color);border-radius:var(--user-menu-border-radius);box-shadow:var(--user-menu-shadow);overflow:hidden;animation:userMenuSlideIn .2s ease-out;max-height:min(var(--user-menu-max-height),calc(100vh - 120px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cs-colors-border) transparent}.user-menu__dropdown::-webkit-scrollbar{width:6px}.user-menu__dropdown::-webkit-scrollbar-track{background:transparent}.user-menu__dropdown::-webkit-scrollbar-thumb{background-color:var(--cs-colors-border);border-radius:3px}.user-menu__dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--cs-colors-border-strong)}.user-menu__dropdown--bottom-left{top:100%;left:0;margin-top:var(--cs-spacing-scale-xs)}.user-menu__dropdown--bottom-right{top:100%;right:0;margin-top:var(--cs-spacing-scale-xs)}.user-menu__dropdown--top-left{bottom:100%;left:0;margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__dropdown--top-right{bottom:100%;right:0;margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__header{padding:var(--user-menu-header-padding);border-bottom:var(--user-menu-header-border);display:flex;align-items:center;gap:var(--user-menu-header-gap)}.user-menu__header-avatar{flex-shrink:0}.user-menu__header-info{flex:1;min-width:0}.user-menu__header-name-row{display:flex;align-items:center;gap:var(--cs-spacing-scale-sm);margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__header-name{font-size:var(--cs-fonts-primary-sizes-md);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--user-menu-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-menu__header-email{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--user-menu-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__header-subscription{flex-shrink:0;display:flex;align-items:center}.user-menu__sections{max-height:inherit;overflow-y:auto}.user-menu__section{padding:var(--user-menu-section-padding)}.user-menu__section--bordered{border-top:1px solid var(--user-menu-border-color)}.user-menu__section-title{padding:var(--user-menu-section-title-padding);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--user-menu-text-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide)}.user-menu__section-items{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-xs)}.user-menu__item{display:flex;align-items:center;width:100%;padding:var(--user-menu-item-padding);border:none;background:none;color:var(--user-menu-text-primary);text-decoration:none;cursor:pointer;border-radius:var(--user-menu-item-radius);transition:var(--user-menu-transition);text-align:left}.user-menu__item:hover{background-color:var(--user-menu-hover-background)}.user-menu__item:focus{outline:2px solid var(--user-menu-focus-outline);outline-offset:-2px}.user-menu__item--disabled{color:var(--user-menu-text-muted);cursor:not-allowed;opacity:.6}.user-menu__item--disabled:hover{background-color:transparent}.user-menu__item--danger{color:var(--user-menu-danger-color)}.user-menu__item--danger:hover{background-color:var(--cs-colors-destructive-50);color:var(--user-menu-danger-hover)}.user-menu__item-content{display:flex;align-items:center;gap:var(--user-menu-item-gap);flex:1;min-width:0}.user-menu__item-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-menu__item-text{flex:1;min-width:0}.user-menu__item-label{display:block;font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--user-menu-text-muted);margin-top:var(--cs-spacing-scale-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__item-badge{flex-shrink:0;margin-left:var(--cs-spacing-scale-sm)}.user-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--cs-colors-neutral-100)}.user-avatar--xs{width:var(--user-avatar-xs-size);height:var(--user-avatar-xs-size)}.user-avatar--sm{width:var(--user-avatar-sm-size);height:var(--user-avatar-sm-size)}.user-avatar--md{width:var(--user-avatar-md-size);height:var(--user-avatar-md-size)}.user-avatar--lg{width:var(--user-avatar-lg-size);height:var(--user-avatar-lg-size)}.user-avatar--xl{width:var(--user-avatar-xl-size);height:var(--user-avatar-xl-size)}.user-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cs-colors-primary-100);color:var(--cs-colors-primary-700)}.user-avatar__initials{font-size:.6em;font-weight:var(--cs-fonts-primary-weights-semibold);text-transform:uppercase}.dark .user-avatar{background-color:var(--cs-modes-dark-colors-neutral-100)}.dark .user-avatar__fallback{background-color:var(--cs-modes-dark-colors-primary-100);color:var(--cs-modes-dark-colors-primary-700)}.subscription-badge{display:inline-flex;align-items:center;gap:var(--subscription-badge-gap)}.subscription-badge__icon{display:flex;align-items:center;justify-content:center}.subscription-badge__label{font-size:inherit;font-weight:inherit}.subscription-badge--sm .subscription-badge__icon{width:12px;height:12px}.subscription-badge--md .subscription-badge__icon{width:14px;height:14px}.subscription-badge--lg .subscription-badge__icon{width:16px;height:16px}@media (max-width: 768px){.user-menu__dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:320px;max-height:80vh}.user-menu__dropdown--bottom-left,.user-menu__dropdown--bottom-right,.user-menu__dropdown--top-left,.user-menu__dropdown--top-right{margin:0}.user-menu__header{padding:var(--cs-spacing-scale-md)}.user-menu__header-name{font-size:var(--cs-fonts-primary-sizes-sm)}.user-menu__item{padding:var(--cs-spacing-scale-md);min-height:44px}.user-menu__trigger-name{display:none}}@media (max-width: 480px){.user-menu__dropdown{width:95vw}}@keyframes userMenuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.user-menu__dropdown{border-width:2px}.user-menu__item:focus{outline-width:3px}.user-menu__section--bordered{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.user-menu__dropdown{animation:none}.user-menu__item,.user-menu__trigger,.user-menu__trigger-default{transition:none}}@media print{.user-menu__dropdown{display:none}}.chart{--chart-bg: var(--cs-colors-surface-background);--chart-border: var(--cs-colors-surface-border);--chart-radius: var(--cs-border-radius-md);--chart-shadow: var(--cs-shadows-sm);--chart-spacing: var(--cs-spacing-scale-4)}.chart__container{position:relative;background-color:var(--chart-bg);border:var(--cs-border-width-normal) solid var(--chart-border);border-radius:var(--chart-radius);box-shadow:var(--chart-shadow);overflow:hidden}.chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--chart-spacing);padding-bottom:var(--cs-spacing-scale-2);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.chart__title{font-size:var(--cs-fonts-primary-sizes-lg);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary);margin:0}.chart__subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0}.chart__canvas{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart__canvas canvas{max-width:100%;height:auto}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--cs-spacing-scale-3);margin-top:var(--chart-spacing);padding-top:var(--cs-spacing-scale-2);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.chart__legend--sm{gap:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-xs)}.chart__legend--md{gap:var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-sm)}.chart__legend--lg{gap:var(--cs-spacing-scale-4);font-size:var(--cs-fonts-primary-sizes-base)}.chart__legend-item{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);cursor:pointer;transition:var(--cs-transitions-properties-colors)}.chart__legend-item:hover{color:var(--cs-colors-primary-600)}.chart__legend-color{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3);border-radius:var(--cs-border-radius-full);flex-shrink:0}.chart__legend-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary)}.chart__loading{display:flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-text-secondary)}.chart__loading-spinner{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border:var(--cs-border-width-heavy) solid var(--cs-colors-surface-divider);border-top:var(--cs-border-width-heavy) solid var(--cs-colors-primary-500);border-radius:var(--cs-border-radius-full);animation:chart-loading-spin var(--cs-transitions-durations-slow) linear infinite}@keyframes chart-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart__error{display:flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-semantic-error-500);text-align:center;padding:var(--chart-spacing)}.chart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-text-muted);text-align:center;padding:var(--chart-spacing)}.chart__empty-icon{width:var(--cs-spacing-scale-16);height:var(--cs-spacing-scale-16);margin-bottom:var(--cs-spacing-scale-4);opacity:.5}.chart--line .chart__canvas{min-height:var(--cs-spacing-scale-48)}.chart--bar .chart__canvas{min-height:var(--cs-spacing-scale-56)}.chart--pie .chart__canvas,.chart--doughnut .chart__canvas{min-height:var(--cs-spacing-scale-64)}.chart--area .chart__canvas{min-height:var(--cs-spacing-scale-48)}@media (max-width: 640px){.chart__header{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-2)}.chart__legend{flex-direction:column;gap:var(--cs-spacing-scale-2)}.chart__container--sm{min-height:var(--cs-spacing-scale-32);padding:var(--cs-spacing-scale-2)}.chart__container--md{min-height:var(--cs-spacing-scale-48);padding:var(--cs-spacing-scale-3)}.chart__container--lg{min-height:var(--cs-spacing-scale-56);padding:var(--chart-spacing)}}.chart__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.chart__legend-item:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);border-radius:var(--cs-border-radius-sm)}@media print{.chart__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.chart__loading,.chart__error{display:none}}.data-grid{--grid-bg: var(--cs-colors-surface-background);--grid-border: var(--cs-colors-surface-border);--grid-radius: var(--cs-border-radius-md);--grid-shadow: var(--cs-shadows-sm);--grid-spacing: var(--cs-spacing-scale-4);--grid-row-hover: var(--cs-colors-interactive-hover);--grid-row-selected: var(--cs-colors-primary-50);--grid-resize-handle: var(--cs-colors-primary-500)}.data-grid__container{position:relative;background-color:var(--grid-bg);border:var(--cs-border-width-normal) solid var(--grid-border);border-radius:var(--grid-radius);box-shadow:var(--grid-shadow);overflow:hidden;display:flex;flex-direction:column;height:100%}.data-grid__container--striped .data-grid__row:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.data-grid__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--grid-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.data-grid__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--grid-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--grid-bg);transition:var(--cs-transitions-colors)}.data-grid__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.data-grid__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.data-grid__table{width:100%;border-collapse:separate;border-spacing:0;font-size:inherit;min-width:100%}.data-grid__header{position:sticky;top:0;z-index:20;background-color:var(--cs-colors-surface-surface)}.data-grid__sort-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);transition:var(--cs-transitions-transform)}.data-grid__resize-handle{position:absolute;top:0;right:0;width:var(--cs-spacing-scale-1);height:100%;cursor:col-resize;background-color:transparent;border:none;z-index:10}.data-grid__resize-handle:hover,.data-grid__resize-handle--active{background-color:var(--grid-resize-handle)}.data-grid__resize-handle:before{content:"";position:absolute;top:0;left:-2px;right:-2px;height:100%}.data-grid__row{border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-colors)}.data-grid__row:hover{background-color:var(--grid-row-hover)}.data-grid__row--selected{background-color:var(--grid-row-selected)}.data-grid__cell{padding:var(--cs-spacing-scale-3) var(--grid-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);color:var(--cs-colors-text-primary);vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid__container--sm .data-grid__header-cell,.data-grid__container--sm .data-grid__cell{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-xs)}.data-grid__container--lg .data-grid__header-cell,.data-grid__container--lg .data-grid__cell{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6);font-size:var(--cs-fonts-primary-sizes-base)}.data-grid__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-text-secondary)}@keyframes data-grid-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-grid__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-semantic-error);text-align:center}.data-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width: 768px){.data-grid__toolbar{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.data-grid__toolbar-left,.data-grid__toolbar-right{justify-content:space-between}.data-grid__search{max-width:none}.data-grid__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-grid__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width: 640px){.data-grid__header-cell,.data-grid__cell{padding:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-sm)}.data-grid__checkbox-cell{width:var(--cs-spacing-scale-10)}.data-grid__cell--expandable{max-width:var(--cs-spacing-scale-32)}}.data-grid__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.data-grid__row:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast: high){.data-grid__container{border-width:var(--cs-border-width-thick)}.data-grid__header-cell,.data-grid__cell{border-width:var(--cs-border-width-normal)}.data-grid__resize-handle:hover,.data-grid__resize-handle--active{background-color:currentColor}}@media (prefers-reduced-motion: reduce){.data-grid__row,.data-grid__header-cell--sortable,.data-grid__group-icon,.data-grid__sort-icon,.data-grid__resize-handle{transition:none}.data-grid__loading-spinner{animation:none}}@media print{.data-grid__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.data-grid__toolbar,.data-grid__footer,.data-grid__loading,.data-grid__error{display:none}.data-grid__row:hover{background-color:transparent}.data-grid__resize-handle{display:none}}.list{--list-bg: var(--cs-colors-surface-background);--list-border: var(--cs-colors-surface-border);--list-radius: var(--cs-border-radius-md);--list-shadow: var(--cs-shadows-sm);--list-spacing: var(--cs-spacing-scale-4);--list-item-hover: var(--cs-colors-interactive-hover);--list-item-selected: var(--cs-colors-primary-50)}.list__container{position:relative;background-color:var(--list-bg);border:var(--cs-border-width-normal) solid var(--list-border);border-radius:var(--list-radius);box-shadow:var(--list-shadow);overflow:hidden}.list__container--striped .list__item:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.list__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--list-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--list-bg);transition:var(--cs-transitions-colors)}.list__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.list__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.list__items{list-style:none;margin:0;padding:0}.list__item{display:flex;align-items:center;padding:var(--cs-spacing-scale-3) var(--list-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-colors);cursor:pointer;position:relative}.list__item:last-child{border-bottom:none}.list__item:hover{background-color:var(--list-item-hover)}.list__container--sm .list__item{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.list__container--lg .list__item{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6)}.list__item-checkbox{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);margin-right:var(--cs-spacing-scale-3);cursor:pointer}.list__item-avatar{width:var(--cs-spacing-scale-10);height:var(--cs-spacing-scale-10);border-radius:var(--cs-border-radius-full);-o-object-fit:cover;object-fit:cover;margin-right:var(--cs-spacing-scale-3);flex-shrink:0}.list__container--sm .list__item-avatar{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8)}.list__container--lg .list__item-avatar{width:var(--cs-spacing-scale-12);height:var(--cs-spacing-scale-12)}.list__item-content{flex:1;min-width:0}.list__item-title{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);margin:0;line-height:var(--cs-fonts-primary-line-heights-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__item-subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0;line-height:var(--cs-fonts-primary-line-heights-none);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__item-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0;line-height:var(--cs-fonts-primary-line-heights-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list__item-metadata{display:flex;flex-direction:column;align-items:flex-end;gap:var(--cs-spacing-scale-1);margin-left:var(--cs-spacing-scale-3);flex-shrink:0}.list__item-timestamp{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);white-space:nowrap}.list__item-status{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);text-transform:uppercase;letter-spacing:.025em}.list__item-status--active{background-color:var(--cs-colors-semantic-success-100);color:var(--cs-colors-semantic-success-800)}.list__item-status--warning{background-color:var(--cs-colors-semantic-warning-100);color:var(--cs-colors-semantic-warning-800)}.list__item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5);padding:0 var(--cs-spacing-scale-1);background-color:var(--cs-colors-primary-500);color:var(--cs-colors-text-onPrimary);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.list__item-actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-1);margin-left:var(--cs-spacing-scale-2);opacity:0;transition:var(--cs-transitions-opacity)}.list__item:hover .list__item-actions,.list__item--selected .list__item-actions{opacity:1}.list__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-text-secondary)}@keyframes list-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-semantic-error);text-align:center}.list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width: 768px){.list__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.list__search{max-width:none}.list__item-content{margin-right:var(--cs-spacing-scale-2)}.list__item-actions{opacity:1}.list__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width: 640px){.list__item{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.list__item-metadata{flex-direction:row;align-items:center}.list__item-description{-webkit-line-clamp:1}}.list__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.list__item:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast: high){.list__container{border-width:var(--cs-border-width-thick)}.list__item{border-bottom-width:var(--cs-border-width-normal)}}@media (prefers-reduced-motion: reduce){.list__item,.list__item-actions,.list__item-action{transition:none}.list__loading-spinner{animation:none}}@media print{.list__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.list__actions,.list__footer,.list__item-actions,.list__loading,.list__error{display:none}.list__item:hover{background-color:transparent}}.table{--table-bg: var(--cs-colors-surface-background);--table-border: var(--cs-colors-surface-border);--table-radius: var(--cs-border-radius-md);--table-shadow: var(--cs-shadows-sm);--table-spacing: var(--cs-spacing-scale-4);--table-row-hover: var(--cs-colors-interactive-hover);--table-row-selected: var(--cs-colors-primary-50)}.table__container{position:relative;background-color:var(--table-bg);border:var(--cs-border-width-normal) solid var(--table-border);border-radius:var(--table-radius);box-shadow:var(--table-shadow);overflow:hidden}.table__container--striped .table__row:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.table__header{display:flex;align-items:center;justify-content:space-between;padding:var(--table-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);background-color:var(--cs-colors-surface-surface)}.table__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--table-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--table-bg);transition:var(--cs-transitions-properties-colors)}.table__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.table__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.table__wrapper{overflow-x:auto;overflow-y:hidden}.table__head{background-color:var(--cs-colors-surface-surface)}.table__sort-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);transition:var(--cs-transitions-properties-transform)}.table__body{background-color:var(--table-bg)}.table__row{border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-properties-colors)}.table__row:hover{background-color:var(--table-row-hover)}.table__row--selected{background-color:var(--table-row-selected)}.table__cell{padding:var(--cs-spacing-scale-3) var(--table-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);color:var(--cs-colors-text-primary);vertical-align:top}.table__cell--center{text-align:center}.table__container--sm .table__cell{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.table__container--lg .table__cell{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6)}.table__expand-button{display:inline-flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);border:none;background:none;cursor:pointer;border-radius:var(--cs-border-radius-sm);transition:var(--cs-transitions-properties-colors)}.table__expand-button:hover{background-color:var(--table-row-hover)}.table__expand-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.table__expand-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-secondary);transition:var(--cs-transitions-properties-transform)}.table__expand-icon--expanded{transform:rotate(90deg)}.table__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-text-secondary)}@keyframes table-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-semantic-error-500);text-align:center}.table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width: 768px){.table__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.table__search{max-width:none}.table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table__container--sm .table__head-cell,.table__container--sm .table__cell{padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2)}.table__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width: 640px){.table__head-cell,.table__cell{padding:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-sm)}.table__checkbox-cell{width:var(--cs-spacing-scale-10)}}.table__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.table__row:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:calc(-1 * var(--cs-border-width-thick))}@media (prefers-contrast: high){.table__container{border-width:var(--cs-border-width-thick)}.table__head-cell,.table__cell{border-width:var(--cs-border-width-normal)}}@media (prefers-reduced-motion: reduce){.table__row,.table__head-cell--sortable,.table__expand-icon,.table__sort-icon{transition:none}.table__loading-spinner{animation:none}}@media print{.table__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.table__actions,.table__footer,.table__loading,.table__error{display:none}.table__row:hover{background-color:transparent}}.timeline{--timeline-bg: var(--cs-colors-surface-background);--timeline-border: var(--cs-colors-surface-border);--timeline-radius: var(--cs-border-radius-md);--timeline-shadow: var(--cs-shadows-sm);--timeline-spacing: var(--cs-spacing-scale-4);--timeline-connector: var(--cs-colors-surface-divider);--timeline-connector-width: var(--cs-border-width-thick)}.timeline__container{position:relative;background-color:var(--timeline-bg);border:var(--cs-border-width-normal) solid var(--timeline-border);border-radius:var(--timeline-radius);box-shadow:var(--timeline-shadow);overflow:hidden}.timeline__container--striped .timeline__item:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.timeline__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--timeline-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--timeline-bg);transition:var(--cs-transitions-colors)}.timeline__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.timeline__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.timeline__connector{position:absolute;width:var(--timeline-connector-width);background-color:var(--timeline-connector);z-index:1}.timeline__item{position:relative;margin-bottom:var(--cs-spacing-scale-6);display:flex;align-items:flex-start}.timeline__item:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item--left{justify-content:flex-start;padding-left:var(--cs-spacing-scale-12)}.timeline__item--right{justify-content:flex-end;padding-right:var(--cs-spacing-scale-12)}.timeline__container--sm .timeline__item{margin-bottom:var(--cs-spacing-scale-4)}.timeline__container--lg .timeline__item{margin-bottom:var(--cs-spacing-scale-8)}@keyframes timeline-pulse{0%,to{opacity:1}50%{opacity:var(--cs-opacity-50)}}.timeline__item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--cs-spacing-scale-2)}.timeline__item-title{font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary);margin:0;line-height:var(--cs-fonts-primary-line-heights-tight)}.timeline__item-timestamp{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-muted);white-space:nowrap;margin-left:var(--cs-spacing-scale-3)}.timeline__item-description{color:var(--cs-colors-text-secondary);line-height:var(--cs-fonts-primary-line-heights-normal);margin-bottom:var(--cs-spacing-scale-3)}.timeline__item-description:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item-metadata{display:flex;align-items:center;gap:var(--cs-spacing-scale-3);margin-bottom:var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-sm)}.timeline__item-metadata:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item-author{color:var(--cs-colors-text-secondary)}.timeline__item-category{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);background-color:var(--cs-colors-gray-100);color:var(--cs-colors-gray-800);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.timeline__item-tag{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);background-color:var(--cs-colors-primary-100);color:var(--cs-colors-primary-800);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.timeline__item-actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-top:var(--cs-spacing-scale-3);padding-top:var(--cs-spacing-scale-3);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.timeline__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-text-secondary)}@keyframes timeline-loading-spin{0%{transform:rotate(var(--cs-rotation-none))}to{transform:rotate(var(--cs-rotation-full))}}.timeline__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-semantic-error);text-align:center}.timeline__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width: 640px){.timeline__item{margin-bottom:var(--cs-spacing-scale-4)}.timeline__item-header{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-1)}.timeline__item-timestamp{margin-left:0}.timeline__item-actions{flex-wrap:wrap}}.timeline__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast: high){.timeline__container,.timeline__content{border-width:var(--cs-border-width-thick)}}@media print{.timeline__container{box-shadow:none;border:var(--cs-border-width-normal) solid var(--cs-colors-black)}.timeline__actions,.timeline__item-actions,.timeline__loading,.timeline__error{display:none}.timeline__content:hover{transform:none;box-shadow:none}}.tree{--tree-bg: var(--cs-colors-surface-background);--tree-border: var(--cs-colors-surface-border);--tree-radius: var(--cs-border-radius-md);--tree-shadow: var(--cs-shadows-sm);--tree-spacing: var(--cs-spacing-scale-4);--tree-node-hover: var(--cs-colors-interactive-hover);--tree-node-selected: var(--cs-colors-primary-50);--tree-line-color: var(--cs-colors-surface-divider);--tree-indent: var(--cs-spacing-scale-6)}.tree__container{position:relative;background-color:var(--tree-bg);border:var(--cs-border-width-normal) solid var(--tree-border);border-radius:var(--tree-radius);box-shadow:var(--tree-shadow);overflow:hidden}.tree__container--lg{font-size:var(--cs-fonts-primary-sizes-lg);--tree-indent: var(--cs-spacing-scale-8)}.tree__container--bordered{border-width:var(--cs-border-width-thick);border-color:var(--cs-colors-primary-500)}.tree__container--striped .tree__node:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.tree__search-filter{display:flex;align-items:center;gap:var(--cs-spacing-scale-3);margin-bottom:var(--cs-spacing-scale-4);padding:var(--cs-spacing-scale-3);background-color:var(--cs-colors-surface-surface);border-radius:var(--cs-border-radius-md);border:var(--cs-border-width-normal) solid var(--cs-colors-surface-border)}.tree__search{flex:1;position:relative}.tree__search-icon{position:absolute;left:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);color:var(--cs-colors-text-muted)}.tree__filter-button{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border-radius:var(--cs-border-radius-md);border:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-background);color:var(--cs-colors-text-secondary);cursor:pointer;transition:var(--cs-transitions-colors);font-size:var(--cs-fonts-primary-sizes-sm)}.tree__filter-button:hover{background-color:var(--cs-colors-interactive-hover)}.tree__search{position:relative;max-width:var(--cs-spacing-scale-64)}.tree__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.tree__node{position:relative;display:block}.tree__node-content{display:flex;align-items:center;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);margin:var(--cs-spacing-scale-1) 0;border-radius:var(--cs-border-radius-sm);transition:var(--cs-transitions-colors);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree__node-content:hover{background-color:var(--tree-node-hover)}.tree__container--show-lines .tree__node:before{content:"";position:absolute;left:calc(var(--tree-indent) / 2 - 1px);top:0;bottom:0;width:var(--cs-border-width-normal);background-color:var(--tree-line-color);z-index:1}.tree__container--show-lines .tree__node:after{content:"";position:absolute;left:calc(var(--tree-indent) / 2 - 1px);top:var(--cs-spacing-scale-4);width:calc(var(--tree-indent) / 2);height:var(--cs-border-width-normal);background-color:var(--tree-line-color);z-index:1}.tree__container--show-lines .tree__node:last-child:before{height:var(--cs-spacing-scale-4)}.tree__node-toggle{margin-right:var(--cs-spacing-scale-2);flex-shrink:0}.tree__node-spacer{flex-shrink:0}.tree__expand-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-secondary);transition:var(--cs-transitions-transform)}.tree__expand-icon--expanded{transform:rotate(90deg)}.tree__icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);flex-shrink:0}.tree__container--sm .tree__expand-icon{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3)}.tree__container--lg .tree__expand-button{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8)}.tree__container--lg .tree__expand-icon{width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5)}.tree__checkbox{margin-right:var(--cs-spacing-scale-2);flex-shrink:0}.tree__checkbox-input{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);border:var(--cs-border-width-thick) solid var(--cs-colors-surface-border);border-radius:var(--cs-border-radius-sm);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cs-transitions-colors)}.tree__checkbox-input--checked,.tree__checkbox-input--indeterminate{border-color:var(--cs-colors-primary-500);background-color:var(--cs-colors-primary-500)}.tree__checkbox-icon{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3);color:#fff}.tree__node-icon{width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5);margin-right:var(--cs-spacing-scale-2);color:var(--cs-colors-text-secondary);flex-shrink:0}.tree__container--sm .tree__node-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.tree__container--lg .tree__node-icon{width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6)}.tree__node-content{flex:1;min-width:0}.tree__node-main{display:flex;align-items:center;justify-content:space-between}.tree__node-text{min-width:0;flex:1}.tree__node-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__node-label--selected{color:var(--cs-colors-primary-500)}.tree__node-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);margin-top:var(--cs-spacing-scale-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__node-metadata{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-left:var(--cs-spacing-scale-2);flex-shrink:0}.tree__node-badge{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.tree__node-badge--count{background-color:var(--cs-colors-surface-surface);color:var(--cs-colors-text-secondary)}.tree__node-badge--status{text-transform:uppercase;letter-spacing:.025em}.tree__children{list-style:none;margin:0;padding:0;overflow:hidden;transition:var(--cs-transitions-all)}@keyframes tree-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tree__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--tree-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width: 768px){.tree__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.tree__search{max-width:none}.tree__container--sm,.tree__container--md,.tree__container--lg{--tree-indent: var(--cs-spacing-scale-4)}.tree__node-metadata{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-1)}}@media (max-width: 640px){.tree__node-content{padding:var(--cs-spacing-scale-2)}.tree__node-description{display:none}.tree__node-count{min-width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}}.tree__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.tree__node-content:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast: high){.tree__container{border-width:var(--cs-border-width-thick)}.tree__node-content{border:var(--cs-border-width-normal) solid transparent}.tree__node-content--selected{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.tree__node-content,.tree__expand-button,.tree__expand-icon,.tree__children{transition:none}.tree__loading-spinner{animation:none}}@media print{.tree__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.tree__actions,.tree__controls,.tree__loading,.tree__error{display:none}.tree__node-content:hover{background-color:transparent}.tree__children--collapsed{max-height:none;opacity:1}}.alert{--alert-border-radius: var(--cs-border-radius-md);--alert-spacing: var(--cs-spacing-scale-lg);--alert-icon-size: var(--cs-spacing-scale-xl);--alert-transition: var(--cs-transitions-properties-colors)}.alert__container{position:relative;display:flex;align-items:flex-start;gap:var(--cs-spacing-scale-md);padding:var(--alert-spacing);border-radius:var(--alert-border-radius);border:var(--cs-border-width-normal) solid;transition:var(--alert-transition)}.alert__icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-top:var(--cs-spacing-scale-0-5)}.alert__container--filled .alert__icon{color:currentColor}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--cs-fonts-weights-semibold);line-height:var(--cs-fonts-line-heights-5);margin:0 0 var(--cs-spacing-scale-1) 0}.alert__message{line-height:var(--cs-fonts-line-heights-6);margin:0}.alert__message--only{margin:0}.alert__actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-top:var(--cs-spacing-scale-3)}.alert__action-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-3);font-size:var(--cs-fonts-sizes-sm);font-weight:var(--cs-fonts-weights-medium);border-radius:var(--cs-border-radius-sm);border:var(--cs-border-width-normal) solid transparent;cursor:pointer;transition:var(--alert-transition);text-decoration:none}.alert__action-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.alert__close-button{position:absolute;top:var(--cs-spacing-scale-2);right:var(--cs-spacing-scale-2);display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);padding:0;background:none;border:none;border-radius:var(--cs-border-radius-sm);cursor:pointer;transition:var(--alert-transition);color:currentColor;opacity:.7}.alert__close-button:hover{opacity:1;background-color:var(--cs-colors-interactive-hover)}.alert__close-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);opacity:1}.alert__close-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}@keyframes alert-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes alert-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 640px){.alert__container{margin:var(--cs-spacing-scale-2)}.alert__actions{flex-direction:column;align-items:stretch}.alert__action-button{justify-content:center}.alert__close-button{top:var(--cs-spacing-scale-1);right:var(--cs-spacing-scale-1)}}.alert__container:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast: high){.alert__container{border-width:var(--cs-border-width-thick)}.alert__icon,.alert__close-button{outline:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion: reduce){.alert__container,.alert__action-button,.alert__close-button{transition:none}.alert__container--enter,.alert__container--exit{animation:none}}.progress{--progress-border-radius: var(--cs-border-radius-full);--progress-transition: var(--cs-transitions-properties-all);--progress-track-color: var(--cs-colors-surface-divider);--progress-color: var(--cs-colors-primary-500)}.progress__container{position:relative;width:100%;background-color:var(--progress-track-color);border-radius:var(--progress-border-radius);overflow:hidden}.progress__bar{height:100%;background-color:var(--progress-color);border-radius:var(--progress-border-radius);transition:var(--progress-transition);position:relative;overflow:hidden}.progress__bar--animated{transition:width var(--cs-transitions-durations-normal) var(--cs-transitions-easings-ease-in-out)}.progress__bar--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--cs-spacing-scale-4) var(--cs-spacing-scale-4)}.progress__bar--striped.progress__bar--animated{animation:progress-stripes var(--cs-transitions-durations-slow) linear infinite}.progress__wrapper{width:100%}.progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cs-spacing-scale-2)}.progress__label{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);margin:0}.progress__value{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-secondary)}.progress__circular{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress__circle{transform:rotate(-90deg)}.progress__circle-track{fill:none;stroke:var(--progress-track-color);stroke-width:var(--cs-border-width-thick)}.progress__circle-progress{fill:none;stroke:var(--progress-color);stroke-width:var(--cs-border-width-thick);stroke-linecap:round;transition:var(--progress-transition)}.progress__circle-progress--animated{transition:stroke-dashoffset var(--cs-transitions-durations-normal) var(--cs-transitions-easings-ease-in-out)}.progress__circle-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary)}.progress__circular--xs .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-xs)}.progress__circular--lg .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-base)}.progress__circular--xl .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-lg)}.progress__steps{display:flex;align-items:center;width:100%}.progress__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress__step:not(:last-child){margin-right:var(--cs-spacing-scale-2)}.progress__step-indicator{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border-radius:var(--cs-border-radius-full);background-color:var(--cs-colors-surface-divider);color:var(--cs-colors-text-secondary);font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);transition:var(--progress-transition);position:relative;z-index:2}.progress__step-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.progress__step-connector{position:absolute;top:var(--cs-spacing-scale-4);left:50%;right:-50%;height:var(--cs-border-width-thick);background-color:var(--cs-colors-surface-divider);z-index:1}.progress__step-connector--completed{background-color:var(--cs-colors-semantic-success-500)}.progress__step-label{margin-top:var(--cs-spacing-scale-2);text-align:center;font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary)}.progress__step-title{font-weight:var(--cs-fonts-primary-weights-medium);margin-bottom:var(--cs-spacing-scale-0-5)}.progress__step-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);max-width:var(--cs-spacing-scale-20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes progress-stripes{0%{background-position:var(--cs-spacing-scale-4) 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{background-position:0 0}to{background-position:var(--cs-spacing-scale-10) 0}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.progress__steps{flex-direction:column;align-items:stretch}.progress__step{flex-direction:column;margin-right:0;margin-bottom:var(--cs-spacing-scale-4)}.progress__step:not(:last-child){margin-right:0}.progress__step-connector{height:var(--cs-spacing-scale-4);width:var(--cs-border-width-thick);margin:var(--cs-spacing-scale-2) auto}.progress__step-label{margin-top:var(--cs-spacing-scale-1)}}.progress__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast: high){.progress__container,.progress__bar{border:var(--cs-border-width-normal) solid}.progress__step-indicator{border:var(--cs-border-width-thick) solid}}@media (prefers-reduced-motion: reduce){.progress__bar,.progress__circle-progress,.progress__step-indicator{transition:none}.progress__bar--striped.progress__bar--animated,.progress__container--indeterminate,.progress__bar--pulse{animation:none}}.skeleton{--skeleton-color: var(--cs-colors-surface-border);--skeleton-bg-light: var(--cs-colors-surface-surface);--skeleton-bg-dark: var(--cs-colors-surface-border);--skeleton-border-radius: var(--cs-border-radius-sm);--skeleton-border-radius-rounded: var(--cs-border-radius-md);--skeleton-border-radius-full: var(--cs-border-radius-full);--skeleton-transition: var(--cs-transitions-all)}.skeleton__base{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);display:block;overflow:hidden;position:relative}.skeleton__text{display:flex;flex-direction:column;width:100%}.skeleton__text-line{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);width:100%}.skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-2)}.skeleton__text-line--last{width:var(--cs-percentage-75)}.skeleton__text--spacing-1 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-1)}.skeleton__text--spacing-2 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-2)}.skeleton__text--spacing-3 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-3)}.skeleton__text--spacing-4 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-4)}.skeleton__avatar{flex-shrink:0;background-color:var(--skeleton-color)}.skeleton__button{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);display:inline-block}.skeleton__button--full-width{width:var(--cs-percentage-full)}.skeleton__container{display:flex;flex-direction:column;width:100%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:var(--cs-opacity-50)}}@keyframes skeleton-wave{0%{background-position:calc(-1 * var(--cs-percentage-200)) 0}to{background-position:var(--cs-percentage-200) 0}}@keyframes skeleton-shimmer{0%{background-position:calc(-1 * var(--cs-percentage-200)) 0}to{background-position:var(--cs-percentage-200) 0}}.skeleton__base[aria-busy=true]{pointer-events:none}@media (prefers-contrast: high){.skeleton__base,.skeleton__text-line,.skeleton__avatar,.skeleton__button{border:var(--cs-border-width-normal) solid}}.toast{--toast-border-radius: var(--cs-border-radius-lg);--toast-shadow: var(--cs-shadows-lg);--toast-transition: var(--cs-transitions-properties-all);--toast-icon-size: var(--cs-spacing-scale-lg);--toast-spacing: var(--cs-spacing-scale-md)}.toast__container{position:relative;display:flex;align-items:flex-start;gap:var(--cs-spacing-scale-md);border-radius:var(--toast-border-radius);box-shadow:var(--toast-shadow);transition:var(--toast-transition);transform:translate(0);overflow:hidden}.toast__progress{position:absolute;top:0;left:0;right:0;height:var(--cs-spacing-scale-1);background-color:var(--cs-colors-surface-divider);border-radius:var(--toast-border-radius) var(--toast-border-radius) 0 0;overflow:hidden}.toast__progress-bar{height:100%;background-color:var(--cs-colors-primary-500);transition:width var(--cs-transitions-durations-fast) linear;border-radius:inherit}.toast__icon{flex-shrink:0;width:var(--toast-icon-size);height:var(--toast-icon-size);margin-top:var(--cs-spacing-scale-0-5)}.toast__container--filled .toast__icon{color:currentColor}.toast__content{flex:1;min-width:0}.toast__title{font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);margin:0 0 var(--cs-spacing-scale-1) 0}.toast__message{line-height:var(--cs-fonts-primary-line-heights-normal);margin:0}.toast__message--only{margin:0}.toast__actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-1);margin-top:var(--cs-spacing-scale-2);flex-wrap:wrap}.toast__action-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);border-radius:var(--cs-border-radius-sm);border:none;cursor:pointer;transition:var(--toast-transition);text-decoration:none}.toast__action-button:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.toast__close-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);padding:0;background:none;border:none;border-radius:var(--cs-border-radius-sm);cursor:pointer;transition:var(--toast-transition);color:var(--cs-colors-text-secondary);opacity:.7;margin:calc(-1 * var(--cs-spacing-scale-1)) calc(-1 * var(--cs-spacing-scale-1)) 0 var(--cs-spacing-scale-md)}.toast__close-button:hover{opacity:1;background-color:var(--cs-colors-interactive-hover)}.toast__close-button:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);opacity:1}.toast__close-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.toast-container{position:fixed;z-index:var(--cs-z-index-modal);max-width:var(--cs-spacing-scale-100);width:100%}.toast-container__list{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-2)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toast-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes toast-slide-in-top{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-slide-out-top{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}@keyframes toast-slide-in-bottom{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-slide-out-bottom{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}@media (max-width: var(--cs-breakpoints-mobile)){.toast-container{max-width:none;left:var(--cs-spacing-scale-2)!important;right:var(--cs-spacing-scale-2)!important;transform:none!important}.toast__container{font-size:var(--cs-fonts-primary-sizes-sm)}.toast__actions{flex-direction:column;align-items:stretch}.toast__action-button{justify-content:center}}.toast__container:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast: high){.toast__container{border-width:var(--cs-border-width-thick)}.toast__icon,.toast__close-button,.toast__action-button{outline:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion: reduce){.toast__container,.toast__action-button,.toast__close-button,.toast__progress-bar{transition:none}.toast__container--enter,.toast__container--exit{animation:none}}.backdrop{--backdrop-opacity: .5;--backdrop-z-index: var(--cs-z-index-backdrop, 1000);--backdrop-transition: var(--cs-transitions-all, all .2s ease-in-out);--backdrop-blur: 4px;--backdrop-color: rgba(0, 0, 0, var(--backdrop-opacity))}.backdrop__container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--backdrop-z-index);display:flex;align-items:center;justify-content:center;background-color:var(--backdrop-color);transition:var(--backdrop-transition);cursor:pointer}.backdrop__container--blur{backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.backdrop__container--z-modal{--backdrop-z-index: var(--cs-z-index-modal, 1000)}.backdrop__container--z-dropdown{--backdrop-z-index: var(--cs-z-index-dropdown, 1010)}.backdrop__container--z-popover{--backdrop-z-index: var(--cs-z-index-popover, 1020)}.backdrop__container--z-tooltip{--backdrop-z-index: var(--cs-z-index-tooltip, 1030)}.backdrop__container--z-toast{--backdrop-z-index: var(--cs-z-index-toast, 1040)}.backdrop__container--enter{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.backdrop__content{pointer-events:auto;max-width:100%;max-height:100%;overflow:auto;cursor:default}@media (max-width: 640px){.backdrop__container{padding:var(--cs-spacing-scale-4, 16px)}.backdrop__content{width:100%;height:auto;max-height:calc(100vh - var(--cs-spacing-scale-8, 32px))}}.backdrop__container:focus{outline:none}@media (prefers-contrast: high){.backdrop__container{border:1px solid}}@media (prefers-reduced-motion: reduce){.backdrop__container{transition:none}.backdrop__container--enter,.backdrop__container--exit{animation:none}}.backdrop__container--no-click .backdrop__content{pointer-events:auto}.modal{--modal-border-radius: var(--cs-border-radius-xl);--modal-shadow: var(--cs-shadows-lg);--modal-max-width: calc(var(--cs-spacing-scale-6xl) * 2.667);--modal-min-height: auto;--modal-transition: var(--cs-transitions-properties-all);--modal-background: var(--cs-colors-surface-background);--modal-border: var(--cs-border-width-normal) solid var(--cs-colors-border)}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--cs-z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-4)}.modal__container{position:relative;width:100%;max-width:var(--modal-max-width);min-height:var(--modal-min-height);background-color:var(--modal-background);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;overflow:hidden;transform:scale(1);transition:var(--modal-transition)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-6);border-bottom:var(--cs-borders-subtle);background-color:var(--cs-colors-background-secondary);flex-shrink:0}.modal__header--borderless{border-bottom:none}.modal__header--no-padding{padding:0}.modal__title{font-size:var(--cs-typography-font-size-lg);font-weight:var(--cs-typography-font-weight-semibold);line-height:var(--cs-typography-line-height-tight);color:var(--cs-colors-text-primary);margin:0;flex:1}.modal__close{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border:none;background:none;color:var(--cs-colors-text-secondary);cursor:pointer;border-radius:var(--cs-border-radius-scale-2);transition:var(--modal-transition);flex-shrink:0;margin-left:var(--cs-spacing-scale-3)}.modal__close:hover{background-color:var(--cs-colors-background-hover);color:var(--cs-colors-text-primary)}.modal__close:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-primary-500);outline-offset:var(--cs-spacing-scale-0-5)}.modal__close:active{background-color:var(--cs-colors-background-active)}.modal__body{flex:1;padding:var(--cs-spacing-scale-6);overflow-y:auto;color:var(--cs-colors-text-primary);line-height:var(--cs-typography-line-height-relaxed)}.modal__body--no-padding{padding:0}.modal__body--compact{padding:var(--cs-spacing-scale-4)}.modal__body--spacious{padding:var(--cs-spacing-scale-8)}.modal__body--scrollable{max-height:var(--cs-viewport-height-3-5);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cs-spacing-scale-3);padding:var(--cs-spacing-scale-6);border-top:var(--cs-borders-subtle);background-color:var(--cs-colors-background-secondary);flex-shrink:0}.modal__footer--borderless{border-top:none}.modal__footer--no-padding{padding:0}.modal__footer--center{justify-content:center}.modal__footer--space-between{justify-content:space-between}.modal__footer--start{justify-content:flex-start}@keyframes modal-slide-in{0%{transform:translateY(calc(-1 * var(--cs-spacing-scale-5)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modal-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-1 * var(--cs-spacing-scale-5)));opacity:0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-scale-in{0%{transform:scale(var(--cs-scale-95));opacity:0}to{transform:scale(1);opacity:1}}@keyframes modal-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(var(--cs-scale-95));opacity:0}}@media (max-width: 640px){.modal__overlay{padding:var(--cs-spacing-scale-2);align-items:flex-end}.modal__container{max-width:100%;max-height:var(--cs-viewport-height-9-10);margin:0;border-radius:var(--cs-border-radius-scale-3) var(--cs-border-radius-scale-3) 0 0}.modal__container--size-full{--modal-max-width: 100%;--modal-min-height: var(--cs-viewport-height-9-10);border-radius:0}.modal__header,.modal__body,.modal__footer{padding:var(--cs-spacing-scale-4)}.modal__body--scrollable{max-height:var(--cs-viewport-height-1-2)}}@media (max-width: 480px){.modal__overlay{padding:0}.modal__container{min-height:var(--cs-viewport-height-full);border-radius:0}.modal__header{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-4) var(--cs-spacing-scale-3)}.modal__body{padding:var(--cs-spacing-scale-4)}.modal__footer{padding:var(--cs-spacing-scale-3) var(--cs-spacing-scale-4) var(--cs-spacing-scale-4)}}.modal__container:focus{outline:none}@media (prefers-contrast: high){.modal__container{border:var(--cs-border-width-thick) solid}.modal__header,.modal__footer{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.modal__container{transition:none}.modal__container--enter,.modal__container--exit,.modal__container--fade-enter,.modal__container--fade-exit,.modal__container--scale-enter,.modal__container--scale-exit{animation:none}}.modal__container--theme-dark .modal__header,.modal__container--theme-dark .modal__footer{background-color:var(--cs-colors-gray-900);border-color:var(--cs-colors-gray-700)}.modal__container--theme-dark .modal__title{color:var(--cs-colors-white)}.modal__container--theme-dark .modal__close{color:var(--cs-colors-gray-400)}.modal__container--theme-dark .modal__close:hover{background-color:var(--cs-colors-gray-700);color:var(--cs-colors-white)}.modal__container--loading{pointer-events:none;opacity:var(--cs-opacity-70)}.modal__container--loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--cs-colors-white-alpha-80);display:flex;align-items:center;justify-content:center;z-index:1}.popover{--popover-border-radius: var(--cs-border-radius-md);--popover-shadow: var(--cs-shadows-lg);--popover-background: var(--cs-colors-surface-background);--popover-border: var(--cs-border-width-normal) solid var(--cs-colors-surface-border);--popover-transition: var(--cs-transitions-properties-all);--popover-z-index: var(--cs-z-index-popover);--popover-arrow-size: var(--cs-spacing-scale-2);--popover-offset: var(--cs-spacing-scale-2)}.popover__content{position:absolute;z-index:var(--popover-z-index);background-color:var(--popover-background);border:var(--popover-border);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);transform-origin:var(--popover-transform-origin, center);transition:var(--popover-transition);overflow:hidden;max-width:var(--popover-max-width, var(--cs-spacing-scale-80));min-width:var(--popover-min-width, var(--cs-spacing-scale-50))}.popover__arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.popover__content--position-top .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));left:50%;transform:translate(-50%);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-top-start .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));left:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-top-end .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));right:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom .popover__arrow{top:calc(-1 * var(--popover-arrow-size));left:50%;transform:translate(-50%);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom-start .popover__arrow{top:calc(-1 * var(--popover-arrow-size));left:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom-end .popover__arrow{top:calc(-1 * var(--popover-arrow-size));right:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left .popover__arrow{right:calc(-1 * var(--popover-arrow-size));top:50%;transform:translateY(-50%);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left-start .popover__arrow{right:calc(-1 * var(--popover-arrow-size));top:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left-end .popover__arrow{right:calc(-1 * var(--popover-arrow-size));bottom:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right .popover__arrow{left:calc(-1 * var(--popover-arrow-size));top:50%;transform:translateY(-50%);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right-start .popover__arrow{left:calc(-1 * var(--popover-arrow-size));top:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right-end .popover__arrow{left:calc(-1 * var(--popover-arrow-size));bottom:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-4);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.popover__header--borderless{border-bottom:none}.popover__header--no-padding{padding:0}.popover__title{font-size:var(--cs-fonts-primary-sizes-base);font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);color:var(--cs-colors-text-primary);margin:0;flex:1}.popover__subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0}.popover__close{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);border:none;background:none;color:var(--cs-colors-text-secondary);cursor:pointer;border-radius:var(--cs-border-radius-sm);transition:var(--popover-transition);flex-shrink:0;margin-left:var(--cs-spacing-scale-2)}.popover__close:hover{background-color:var(--cs-colors-interactive-hover);color:var(--cs-colors-text-primary)}.popover__close:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.popover__close:active{background-color:var(--cs-colors-interactive-active)}.popover__body{padding:var(--cs-spacing-scale-4);color:var(--cs-colors-text-primary);line-height:var(--cs-fonts-primary-line-heights-relaxed)}.popover__body--no-padding{padding:0}.popover__body--compact{padding:var(--cs-spacing-scale-3)}.popover__body--spacious{padding:var(--cs-spacing-scale-6)}.popover__body--scrollable{max-height:var(--popover-max-height, var(--cs-spacing-scale-75));overflow-y:auto}.popover__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cs-spacing-scale-2);padding:var(--cs-spacing-scale-4);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.popover__footer--borderless{border-top:none}.popover__footer--no-padding{padding:0}.popover__footer--center{justify-content:center}.popover__footer--space-between{justify-content:space-between}.popover__footer--start{justify-content:flex-start}@keyframes popover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popover-fade-out{0%{opacity:1}to{opacity:0}}@keyframes popover-slide-in{0%{opacity:0;transform:var(--popover-slide-from, translateY(calc(-1 * var(--cs-spacing-scale-2))))}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--popover-slide-to, translateY(calc(-1 * var(--cs-spacing-scale-2))))}}@keyframes popover-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width: 640px){.popover__content{--popover-max-width: calc(100vw - var(--cs-spacing-scale-4));--popover-min-width: var(--cs-spacing-scale-50)}.popover__header,.popover__body,.popover__footer{padding:var(--cs-spacing-scale-3)}.popover__body--scrollable{--popover-max-height: var(--cs-spacing-scale-62-5)}}@media (max-width: 480px){.popover__content{--popover-max-width: calc(100vw - var(--cs-spacing-scale-2));--popover-min-width: var(--cs-spacing-scale-45)}.popover__header,.popover__body,.popover__footer{padding:var(--cs-spacing-scale-2)}}.popover__content:focus{outline:none}@media (prefers-contrast: high){.popover__content{border:var(--cs-border-width-thick) solid}.popover__header,.popover__footer{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.popover__content{transition:none}.popover__content--enter,.popover__content--exit,.popover__content--slide-enter,.popover__content--slide-exit,.popover__content--scale-enter,.popover__content--scale-exit{animation:none}}.popover__content--theme-dark .popover__header,.popover__content--theme-dark .popover__footer{background-color:var(--cs-colors-gray-900);border-color:var(--cs-colors-gray-700)}.popover__content--theme-dark .popover__title{color:var(--cs-colors-white)}.popover__content--theme-dark .popover__subtitle,.popover__content--theme-dark .popover__close{color:var(--cs-colors-gray-400)}.popover__content--theme-dark .popover__close:hover{background-color:var(--cs-colors-gray-700);color:var(--cs-colors-white)}.portal__container{position:relative;z-index:var(--cs-z-index-portal, 1000)}.portal__content{pointer-events:auto}@keyframes portal-enter{0%{opacity:0}to{opacity:1}}@keyframes portal-exit{0%{opacity:1}to{opacity:0}}.portal__container[aria-hidden=true]{visibility:hidden}.portal__container[aria-hidden=false]{visibility:visible}.portal__container--debug{outline:2px dashed #ff0000;background-color:#ff00001a}.portal__container--debug:before{content:"Portal";position:absolute;top:0;left:0;background:red;color:#fff;padding:2px 6px;font-size:10px;font-family:monospace;z-index:9999}.tooltip{--tooltip-border-radius: var(--cs-border-radius-scale-2);--tooltip-shadow: var(--cs-shadows-md);--tooltip-background: var(--cs-colors-gray-900);--tooltip-color: var(--cs-colors-white);--tooltip-border: none;--tooltip-transition: var(--cs-transitions-all);--tooltip-z-index: var(--cs-z-index-tooltip);--tooltip-arrow-size: var(--cs-spacing-scale-sm);--tooltip-offset: var(--cs-spacing-scale-sm);--tooltip-max-width: calc(var(--cs-spacing-scale-6xl) * 2.667);--tooltip-font-size: var(--cs-typography-font-size-sm);--tooltip-line-height: var(--cs-typography-line-height-tight);--tooltip-padding: var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.tooltip__trigger{display:inline-block;cursor:help}.tooltip__content{position:absolute;z-index:var(--tooltip-z-index);background-color:var(--tooltip-background);color:var(--tooltip-color);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-shadow);padding:var(--tooltip-padding);font-size:var(--tooltip-font-size);line-height:var(--tooltip-line-height);max-width:var(--tooltip-max-width);word-wrap:break-word;transform-origin:var(--tooltip-transform-origin, center);transition:var(--tooltip-transition);pointer-events:none;white-space:nowrap}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.tooltip__content--position-top .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)));border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-top-start .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-top-end .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));right:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)));border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom-start .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom-end .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));right:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left-start .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left-end .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));bottom:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right-start .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right-end .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));bottom:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tooltip-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tooltip-slide-in{0%{opacity:0;transform:var(--tooltip-slide-from, translateY(calc(-1 * var(--cs-spacing-scale-1))))}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--tooltip-slide-to, translateY(calc(-1 * var(--cs-spacing-scale-1))))}}@keyframes tooltip-scale-in{0%{opacity:0;transform:scale(var(--cs-scale-95))}to{opacity:1;transform:scale(1)}}@keyframes tooltip-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(var(--cs-scale-95))}}@media (max-width: 640px){.tooltip__content{--tooltip-max-width: calc(100vw - var(--cs-spacing-scale-4));--tooltip-font-size: var(--cs-typography-font-size-xs);--tooltip-padding: var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);white-space:normal}.tooltip__content--size-lg{--tooltip-max-width: calc(100vw - var(--cs-spacing-scale-2))}}@media (max-width: 480px){.tooltip__content{--tooltip-max-width: calc(100vw - var(--cs-spacing-scale-2))}}.tooltip__trigger:focus-visible{outline:var(--cs-border-width-thick) solid var(--cs-colors-primary-500);outline-offset:var(--cs-spacing-scale-0-5);border-radius:var(--cs-border-radius-scale-1)}@media (prefers-contrast: high){.tooltip__content{border:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion: reduce){.tooltip__content{transition:none}.tooltip__content--enter,.tooltip__content--exit,.tooltip__content--slide-enter,.tooltip__content--slide-exit,.tooltip__content--scale-enter,.tooltip__content--scale-exit{animation:none}}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-6{bottom:-1.5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-96{height:24rem}.h-auto{height:auto}.max-h-20{max-height:5rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[500px\]{min-height:500px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[40px\]{min-width:40px}.min-w-\[44px\]{min-width:44px}.min-w-\[48px\]{min-width:48px}.min-w-\[56px\]{min-width:56px}.min-w-\[64px\]{min-width:64px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-cs-border{border-color:var(--border-color)}.border-cs-error{border-color:var(--error)}.border-cs-info{border-color:var(--info)}.border-cs-primary{border-color:var(--primary)}.border-cs-secondary{border-color:var(--cs-colors-secondary-500)}.border-cs-success{border-color:var(--success)}.border-cs-warning{border-color:var(--warning)}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-muted{border-color:hsl(var(--muted))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-card{background-color:hsl(var(--card))}.bg-cs-border{background-color:var(--border-color)}.bg-cs-error{background-color:var(--error)}.bg-cs-hover-bg{background-color:var(--hover-bg)}.bg-cs-info{background-color:var(--info)}.bg-cs-page-bg{background-color:var(--page-bg)}.bg-cs-primary{background-color:var(--primary)}.bg-cs-secondary{background-color:var(--cs-colors-secondary-500)}.bg-cs-success{background-color:var(--success)}.bg-cs-surface-bg{background-color:var(--surface-bg)}.bg-cs-warning{background-color:var(--warning)}.bg-current{background-color:currentColor}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-opacity-20{--tw-bg-opacity: .2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cs-error{--tw-gradient-from: var(--error) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cs-success{--tw-gradient-from: var(--success) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cs-warning{--tw-gradient-from: var(--warning) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cs-error{color:var(--error)}.text-cs-info{color:var(--info)}.text-cs-primary{color:var(--primary)}.text-cs-secondary{color:var(--cs-colors-secondary-500)}.text-cs-success{color:var(--success)}.text-cs-text-primary{color:var(--text-primary)}.text-cs-text-secondary{color:var(--text-secondary)}.text-cs-warning{color:var(--warning)}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-input{color:hsl(var(--input))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-secondary{color:hsl(var(--secondary))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: var(--shadow-2xl);--tw-shadow-colored: var(--shadow-2xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-cs-primary{--tw-ring-color: var(--primary)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.fade-in{--tw-enter-opacity: 0}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.advanced-transition{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.transition-ease-out,.transition-ease-in,.transition-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-ease-out-quint{transition-timing-function:cubic-bezier(.23,1,.32,1)}.transition-ease-in-quint{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}.transition-ease-in-out-quint{transition-timing-function:cubic-bezier(.86,0,.07,1)}.transition-ease-out-expo{transition-timing-function:cubic-bezier(.19,1,.22,1)}.transition-ease-in-expo{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}.transition-ease-in-out-expo{transition-timing-function:cubic-bezier(1,0,0,1)}.transition-ease-out-circ{transition-timing-function:cubic-bezier(.075,.82,.165,1)}.transition-ease-in-circ{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}.transition-ease-in-out-circ{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.transition-performance{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}@media (prefers-reduced-motion: reduce){.advanced-transition,.advanced-transition-fast,.advanced-transition-slow,.transition-ease-out,.transition-ease-in,.transition-ease-in-out,.transition-ease-out-quint,.transition-ease-in-quint,.transition-ease-in-out-quint,.transition-ease-out-expo,.transition-ease-in-expo,.transition-ease-in-out-expo,.transition-ease-out-circ,.transition-ease-in-circ,.transition-ease-in-out-circ{transition:none!important;animation:none!important}.transition-performance,.transition-hardware-accelerated,.transition-memory-optimized{will-change:auto!important;transform:none!important;-webkit-transform:none!important}}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-duration-75{transition-duration:75ms}.transition-duration-100{transition-duration:.1s}.transition-duration-150{transition-duration:.15s}.transition-duration-200{transition-duration:.2s}.transition-duration-300{transition-duration:.3s}.transition-duration-500{transition-duration:.5s}.transition-duration-700{transition-duration:.7s}.transition-duration-1000{transition-duration:1s}.transition-delay-75{transition-delay:75ms}.transition-delay-100{transition-delay:.1s}.transition-delay-150{transition-delay:.15s}.transition-delay-200{transition-delay:.2s}.transition-delay-300{transition-delay:.3s}.transition-delay-500{transition-delay:.5s}.transition-delay-700{transition-delay:.7s}.transition-delay-1000{transition-delay:1s}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.animate-stagger-1{animation-delay:0ms}.animate-stagger-2{animation-delay:.1s}.animate-stagger-3{animation-delay:.2s}.animate-stagger-4{animation-delay:.3s}.animate-stagger-5{animation-delay:.4s}.transition-monitored.transitioning:before{opacity:1}.battery-conscious-animation{transition:all .3s ease-out;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.battery-optimized-animation{transition:all .2s ease-out;will-change:transform;transform:translateZ(0)}.battery-critical-animation{transition:opacity .1s linear;will-change:opacity;transform:none}.performance-throttled-light{transition:all .25s ease-out;will-change:transform,opacity}.performance-throttled-moderate{transition:all .2s ease-out;will-change:transform}.performance-throttled-aggressive{transition:opacity .15s linear;will-change:opacity}@media (prefers-reduced-motion: reduce){.battery-conscious-animation,.battery-optimized-animation,.battery-critical-animation,.performance-throttled-light,.performance-throttled-moderate,.performance-throttled-aggressive{animation:none!important;transition:opacity .1s linear!important;transform:none!important}.essential-transition{transition:opacity .1s linear!important}}.battery-low .battery-conscious-animation{transition-duration:.2s;transition-timing-function:ease-out}.battery-critical .battery-conscious-animation{transition-duration:.1s;transition-timing-function:linear;transform:none}.performance-poor .battery-conscious-animation{transition-duration:.15s;transition-timing-function:linear}.performance-fair .battery-conscious-animation{transition-duration:.25s;transition-timing-function:ease-out}@media (max-width: 768px){.battery-conscious-animation{transition-duration:.25s}.battery-optimized-animation{transition-duration:.2s}.battery-critical-animation{transition-duration:.1s}}@media (hover: none) and (pointer: coarse){.battery-conscious-animation{transition-duration:.2s;transition-timing-function:ease-out}.battery-optimized-animation{transition-duration:.15s}.battery-critical-animation{transition-duration:.08s}}@media (min-resolution: 192dpi){.battery-conscious-animation{transform:translateZ(0) scale(1)}}@media print{.battery-conscious-animation,.battery-optimized-animation,.battery-critical-animation,.performance-throttled-light,.performance-throttled-moderate,.performance-throttled-aggressive{animation:none!important;transition:none!important;transform:none!important}}.animation-complexity-low{transition:all .2s ease-out;will-change:transform}.animation-complexity-high{transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,filter}.user-preference-performance .battery-conscious-animation{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,filter}.user-preference-balanced .battery-conscious-animation{transition:all .25s ease-out;will-change:transform,opacity}.user-preference-battery .battery-conscious-animation{transition:all .2s ease-out;will-change:transform}.user-preference-accessibility .battery-conscious-animation{transition:opacity .15s ease-in-out;will-change:opacity}@media (max-width: 480px){.battery-conscious-animation{transition-duration:.2s}.animation-complexity-high{transition-duration:.25s}}@media (min-width: 1200px){.battery-conscious-animation{transition-duration:.35s}.animation-complexity-high{transition-duration:.5s}}@media (prefers-color-scheme: dark){.battery-conscious-animation{transition-timing-function:ease-out}}@media (prefers-contrast: high){.battery-conscious-animation{transition-duration:.2s;transition-timing-function:ease-out}}.gpu-optimized{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}.transform3d-optimized{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.performance-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transform-style:preserve-3d;contain:layout style paint}@media (prefers-reduced-motion: reduce){.hardware-accelerated,.gpu-optimized,.transform3d-optimized,.performance-accelerated,.animation-accelerated,.scroll-optimized,.high-performance-transform,.battery-optimized-acceleration{will-change:auto;transition:none;transform:none}}@media (min-resolution: 192dpi){.hardware-accelerated,.gpu-optimized,.transform3d-optimized{transform:translateZ(0) scale(1)}}@media print{.hardware-accelerated,.gpu-optimized,.transform3d-optimized,.performance-accelerated,.animation-accelerated,.scroll-optimized,.high-performance-transform,.battery-optimized-acceleration{transform:none!important;will-change:auto!important;transition:none!important}}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.touch-spacing{margin:8px;padding:12px}.touch-friendly-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.touch-friendly-button{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-friendly-button{min-height:52px;min-width:52px}}.touch-friendly-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-friendly-button{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-button{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-button{margin:8px;padding:12px}@media (max-width: 768px){.touch-friendly-button{margin:12px;padding:16px}}@media (max-width: 480px){.touch-friendly-button{margin:16px;padding:20px}}.touch-friendly-button{background-color:var(--primary);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@layer utilities{.touch-friendly-button{--tw-bg-opacity: 1;background-color:var(--primary)}}.touch-friendly-button{--tw-bg-opacity: 1;background-color:var(--primary);border-radius:var(--radius-lg);font-weight:500;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-button:hover{background-color:var(--primary-hover)}.touch-friendly-button:active{background-color:var(--cs-colors-primary-active)}.touch-friendly-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary);--tw-ring-offset-width: 2px}.touch-friendly-button:disabled{cursor:not-allowed;opacity:.5}.touch-friendly-button-secondary{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.touch-friendly-button-secondary{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-friendly-button-secondary{min-height:52px;min-width:52px}}.touch-friendly-button-secondary{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-friendly-button-secondary{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-button-secondary{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-button-secondary{margin:8px;padding:12px}@media (max-width: 768px){.touch-friendly-button-secondary{margin:12px;padding:16px}}@media (max-width: 480px){.touch-friendly-button-secondary{margin:16px;padding:20px}}.touch-friendly-button-secondary{background-color:var(--cs-colors-secondary-500);color:var(--text-primary)}@layer utilities{.touch-friendly-button-secondary{--tw-bg-opacity: 1;background-color:var(--cs-colors-secondary-500)}.touch-friendly-button-secondary{--tw-text-opacity: 1;color:var(--text-primary)}}.touch-friendly-button-secondary{--tw-bg-opacity: 1;background-color:var(--cs-colors-secondary-500);--tw-text-opacity: 1;color:var(--text-primary);border-radius:var(--radius-lg);font-weight:500;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-button-secondary:hover{background-color:var(--cs-colors-interactive-hover)}.touch-friendly-button-secondary:active{background-color:var(--cs-colors-secondary-600)}.touch-friendly-button-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--cs-colors-secondary-500);--tw-ring-offset-width: 2px}.touch-friendly-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.touch-friendly-input{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-friendly-input{min-height:52px;min-width:52px}}.touch-friendly-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-friendly-input{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-input{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-input{margin:4px;padding:8px}@media (max-width: 768px){.touch-friendly-input{margin:8px;padding:12px}}.touch-friendly-input{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.touch-friendly-input{--tw-bg-opacity: 1;background-color:var(--surface-bg)}.touch-friendly-input{--tw-border-opacity: 1;border-color:var(--border-color)}}.touch-friendly-input{--tw-bg-opacity: 1;background-color:var(--surface-bg);--tw-border-opacity: 1;border-color:var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary)}@layer utilities{.touch-friendly-input{--tw-text-opacity: 1;color:var(--text-primary)}}.touch-friendly-input{--tw-text-opacity: 1;color:var(--text-primary);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-input:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary)}.touch-friendly-input::-moz-placeholder{color:var(--text-secondary)}.touch-friendly-input::placeholder{color:var(--text-secondary)}@layer utilities{.touch-friendly-input::-moz-placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.touch-friendly-input::placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}}.touch-friendly-input::-moz-placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.touch-friendly-input::placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.touch-friendly-card{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.touch-friendly-card{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-friendly-card{min-height:52px;min-width:52px}}.touch-friendly-card{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-friendly-card{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-card{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-card{margin:8px;padding:12px}@media (max-width: 768px){.touch-friendly-card{margin:12px;padding:16px}}@media (max-width: 480px){.touch-friendly-card{margin:16px;padding:20px}}.touch-friendly-card{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.touch-friendly-card{--tw-bg-opacity: 1;background-color:var(--surface-bg)}.touch-friendly-card{--tw-border-opacity: 1;border-color:var(--border-color)}}.touch-friendly-card{--tw-bg-opacity: 1;background-color:var(--surface-bg);--tw-border-opacity: 1;border-color:var(--border-color);border-radius:var(--radius-lg);--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-card:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.touch-friendly-card:active{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.touch-friendly-card:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary)}.touch-interaction{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.touch-feedback{transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-feedback:active{transform:scale(.95)}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-ripple:active:after{width:200px;height:200px}.touch-performance{will-change:transform;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.touch-optimized{touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-state-hover:hover{border-color:var(--primary);background-color:var(--hover-bg)}.touch-state-active:active{border-color:var(--primary);background-color:var(--cs-colors-interactive-active)}.touch-state-focus:focus{border-color:var(--primary);background-color:var(--cs-colors-interactive-hover)}@media (max-width: 768px){.touch-target{min-height:48px;min-width:48px}.touch-spacing{margin:12px;padding:16px}.touch-spacing-compact{margin:8px;padding:12px}}@media (max-width: 480px){.touch-target{min-height:52px;min-width:52px}.touch-spacing{margin:16px;padding:20px}}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.touch-feedback{transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-feedback:active,.touch-feedback.touch-pressed{transform:scale(.95);opacity:.8}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;opacity:0}.touch-ripple.touch-active:after{width:100px;height:100px;opacity:1}.touch-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-button:active{transform:scale(.95)}.touch-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-button:active:after{width:200px;height:200px}@media (max-width: 768px){.touch-button{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-button{min-height:52px;min-width:52px}}.touch-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-button:active,.touch-button.touch-pressed{transform:scale(.95);opacity:.8}.touch-button{position:relative;overflow:hidden}.touch-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;opacity:0}.touch-button.touch-active:after{width:100px;height:100px;opacity:1}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-button{min-height:48px;min-width:48px}}.tablet-device .touch-button{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-button{padding:12px 24px;border-radius:8px;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.touch-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.touch-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width: 768px){.touch-input{min-height:48px;min-width:48px}}@media (max-width: 480px){.touch-input{min-height:52px;min-width:52px}}.touch-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.tablet-optimized .touch-input{min-height:48px;min-width:48px}}.tablet-device .touch-input{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-input{padding:12px 16px;border-radius:8px;border:2px solid transparent;transition:border-color .2s ease-out,box-shadow .2s ease-out}.touch-input:focus{outline:none;border-color:var(--cs-primary);box-shadow:0 0 0 3px rgba(var(--cs-primary-rgb),.1)}.touch-card{transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-card:active{transform:scale(.95)}.touch-card{transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-card:active,.touch-card.touch-pressed{transform:scale(.95);opacity:.8}.touch-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.touch-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.touch-card:active{transform:translateY(0) scale(.98)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.4}}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;position:relative;overflow:hidden}.mobile-skeleton.text-line{height:16px;width:100%;margin-bottom:8px}.mobile-skeleton.avatar{width:40px;height:40px;border-radius:50%}.mobile-skeleton.card{width:100%;height:120px;border-radius:8px;margin-bottom:16px}.mobile-skeleton.button{width:120px;height:40px;border-radius:6px}.mobile-skeleton.animation-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.mobile-skeleton.animation-wave{animation:skeleton-wave 2s ease-in-out infinite}.mobile-skeleton.animation-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.mobile-skeleton.animation-fade{animation:skeleton-fade 1s ease-in-out infinite}@media (max-width: 768px){.mobile-skeleton.animation-pulse{animation-duration:2s}.mobile-skeleton.animation-wave{animation-duration:2.5s}.mobile-skeleton.animation-shimmer{animation-duration:2s}.mobile-skeleton.animation-fade{animation-duration:1.5s}}.mobile-skeleton.battery-low{animation-duration:3s!important;opacity:.8}.mobile-skeleton.battery-critical{animation:none!important;background:#f0f0f0;opacity:.6}.mobile-skeleton.performance-low{animation-duration:2.5s!important;will-change:auto}.mobile-skeleton.performance-medium{animation-duration:2s!important;will-change:transform}.mobile-skeleton.performance-high{animation-duration:1.5s!important;will-change:transform,opacity}.mobile-skeleton.touch-friendly{min-height:44px;min-width:44px;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.mobile-skeleton.touch-friendly:hover{transform:scale(1.02);opacity:.9}.mobile-skeleton.touch-friendly:active{transform:scale(.98);opacity:.8}.loading-state-mobile{display:flex;flex-direction:column;gap:12px;padding:16px}.loading-state-tablet{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.loading-state-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.loading-skeleton{display:flex;flex-direction:column;gap:8px}.loading-progress{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner.battery-low{animation-duration:2s;border-top-color:#ffc107}.spinner.battery-critical{animation-duration:3s;border-top-color:#dc3545}.spinner.performance-low{animation-duration:2s;border-width:3px}.spinner.performance-medium{animation-duration:1.5s;border-width:4px}.spinner.performance-high{animation-duration:1s;border-width:4px}.mobile-skeleton[aria-label]{position:relative}.mobile-skeleton[aria-label]:after{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (prefers-reduced-motion: reduce){.mobile-skeleton{animation:none!important;background:#f0f0f0!important}.spinner{animation:none!important;border-top-color:#007bff!important}.loading-progress-bar,.mobile-skeleton.touch-friendly{transition:none!important}.mobile-skeleton.touch-friendly:hover,.mobile-skeleton.touch-friendly:active{transform:none!important;opacity:1!important}}@media (prefers-contrast: high){.mobile-skeleton{background:#000!important;border:2px solid #ffffff!important}.spinner{border-color:#fff!important;border-top-color:#000!important}.loading-progress{background:#fff!important;border:2px solid #000000!important}.loading-progress-bar{background:#000!important}}.mobile-skeleton:focus{outline:2px solid #007bff;outline-offset:2px}.mobile-skeleton:focus-visible{outline:2px solid #007bff;outline-offset:2px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-fade{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.mobile-skeleton{border-radius:2px}.mobile-skeleton.text-line{height:14px;margin-bottom:6px}.mobile-skeleton.avatar{width:32px;height:32px}.mobile-skeleton.card{height:100px;margin-bottom:12px}.mobile-skeleton.button{width:100px;height:36px}.loading-state-mobile{padding:12px;gap:8px}.spinner{width:32px;height:32px;border-width:3px}}@media (min-width: 481px) and (max-width: 1024px){.mobile-skeleton.card{height:140px}.loading-state-tablet{padding:18px;gap:14px}.spinner{width:36px;height:36px}}@media (min-width: 1025px){.mobile-skeleton.card{height:160px}.loading-state-desktop{padding:28px;gap:24px}.spinner{width:48px;height:48px;border-width:5px}}@media (orientation: portrait){.loading-state-tablet,.loading-state-desktop{grid-template-columns:1fr}}.battery-conscious .mobile-skeleton{animation-duration:2.5s!important}.battery-conscious .spinner{animation-duration:2s!important}.battery-conscious.battery-low .mobile-skeleton{animation-duration:3s!important}.battery-conscious.battery-low .spinner{animation-duration:2.5s!important}.battery-conscious.battery-critical .mobile-skeleton,.battery-conscious.battery-critical .spinner{animation:none!important}.performance-optimized .mobile-skeleton,.performance-optimized .spinner{will-change:transform;transform:translateZ(0)}.touch-optimized .mobile-skeleton.touch-friendly{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-optimized .mobile-skeleton.touch-friendly:active{-webkit-tap-highlight-color:rgba(0,123,255,.3)}.accessibility-enhanced .mobile-skeleton{-webkit-user-select:none;-moz-user-select:none;user-select:none}.accessibility-enhanced .mobile-skeleton:focus{outline:3px solid #007bff;outline-offset:3px}.voice-control-enabled .mobile-skeleton{-webkit-user-select:text;-moz-user-select:text;user-select:text}.loading-status{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.loading-status.battery-low{border-left-color:#ffc107}.loading-status.battery-critical{border-left-color:#dc3545}.loading-status.performance-low{border-left-color:#6c757d}.loading-status.accessibility-enhanced{border-left-color:#28a745}.metric-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;text-align:center}.metric-value{font-size:18px;font-weight:600;color:#007bff;margin-bottom:4px}.metric-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.loading-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric-item{padding:8px}.metric-value{font-size:16px}.metric-label{font-size:10px}}.enterprise-button{position:relative;overflow:hidden;background-color:var(--primary);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@layer utilities{.enterprise-button{--tw-bg-opacity: 1;background-color:var(--primary)}}.enterprise-button{--tw-bg-opacity: 1;background-color:var(--primary);border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-button:hover{background-color:var(--primary-hover)}.enterprise-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary);--tw-ring-offset-width: 2px}.enterprise-button{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enterprise-button:hover{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enterprise-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-button{min-height:48px;min-width:48px}.enterprise-button:active{background-color:var(--enterprise-primary-active);transform:scale(.95)}.enterprise-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.enterprise-button:hover:before{left:100%}.enterprise-button-secondary{background-color:var(--info);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@layer utilities{.enterprise-button-secondary{--tw-bg-opacity: 1;background-color:var(--info)}}.enterprise-button-secondary{--tw-bg-opacity: 1;background-color:var(--info)}.enterprise-button-secondary:hover{background-color:var(--primary-hover)}.enterprise-button-secondary:focus{--tw-ring-color: var(--info)}.enterprise-button-secondary:active{background-color:var(--enterprise-primary-active)}.enterprise-button-outline{border-width:2px;border-color:var(--primary);background-color:transparent;color:var(--primary)}@layer utilities{.enterprise-button-outline{--tw-text-opacity: 1;color:var(--primary)}}.enterprise-button-outline{--tw-text-opacity: 1;color:var(--primary)}.enterprise-button-outline:hover{background-color:var(--primary);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@layer utilities{.enterprise-button-outline:hover{--tw-bg-opacity: 1;background-color:var(--primary)}}.enterprise-button-outline:hover{--tw-bg-opacity: 1;background-color:var(--primary)}.enterprise-button-outline:active{background-color:var(--enterprise-primary-active)}.enterprise-button-ghost{background-color:transparent;color:var(--primary)}@layer utilities{.enterprise-button-ghost{--tw-text-opacity: 1;color:var(--primary)}}.enterprise-button-ghost{--tw-text-opacity: 1;color:var(--primary)}.enterprise-button-ghost:hover{background-color:var(--primary);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@layer utilities{.enterprise-button-ghost:hover{--tw-bg-opacity: 1;background-color:var(--primary)}}.enterprise-button-ghost:hover{--tw-bg-opacity: 1;background-color:var(--primary)}.enterprise-button-ghost:active{background-color:var(--enterprise-primary-active)}.enterprise-card{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.enterprise-card{--tw-bg-opacity: 1;background-color:var(--surface-bg)}.enterprise-card{--tw-border-opacity: 1;border-color:var(--border-color)}}.enterprise-card{--tw-bg-opacity: 1;background-color:var(--surface-bg);--tw-border-opacity: 1;border-color:var(--border-color);border-radius:var(--radius-xl);--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:1.5rem;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-card:hover{border-color:var(--primary);--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enterprise-card{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px #0000000d}.enterprise-card-interactive{cursor:pointer}.enterprise-card-interactive:hover{--tw-shadow: var(--shadow-2xl);--tw-shadow-colored: var(--shadow-2xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enterprise-card-interactive:active{transform:scale(.98)}.enterprise-card-premium{border-color:var(--primary);background:linear-gradient(to bottom right,var(--cs-surface-bg),rgba(37,99,235,.05));--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enterprise-input{width:100%;background-color:var(--surface-bg)}@layer utilities{.enterprise-input{--tw-bg-opacity: 1;background-color:var(--surface-bg)}}.enterprise-input{--tw-bg-opacity: 1;background-color:var(--surface-bg);border-radius:var(--radius-lg);border-width:2px;border-color:var(--border-color)}@layer utilities{.enterprise-input{--tw-border-opacity: 1;border-color:var(--border-color)}}.enterprise-input{--tw-border-opacity: 1;border-color:var(--border-color);padding:.75rem 1rem;color:var(--text-primary)}@layer utilities{.enterprise-input{--tw-text-opacity: 1;color:var(--text-primary)}}.enterprise-input{--tw-text-opacity: 1;color:var(--text-primary);transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-input:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.enterprise-input::-moz-placeholder{color:var(--text-secondary)}.enterprise-input::placeholder{color:var(--text-secondary)}@layer utilities{.enterprise-input::-moz-placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.enterprise-input::placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}}.enterprise-input::-moz-placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.enterprise-input::placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.enterprise-input:focus{box-shadow:0 0 0 2px #2563eb33}.enterprise-input:hover{border-color:#2563eb80}.enterprise-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.enterprise-input.enterprise-input-success{border-color:var(--success)}@layer utilities{.enterprise-input.enterprise-input-success{--tw-border-opacity: 1;border-color:var(--success)}}.enterprise-input.enterprise-input-success{--tw-border-opacity: 1;border-color:var(--success)}.enterprise-input.enterprise-input-success:focus{border-color:var(--success)}@layer utilities{.enterprise-input.enterprise-input-success:focus{--tw-border-opacity: 1;border-color:var(--success)}}.enterprise-input.enterprise-input-success:focus{--tw-border-opacity: 1;border-color:var(--success)}.enterprise-input.enterprise-input-success:focus{box-shadow:0 0 0 2px #05966933}.enterprise-input.enterprise-input-error{border-color:var(--error)}@layer utilities{.enterprise-input.enterprise-input-error{--tw-border-opacity: 1;border-color:var(--error)}}.enterprise-input.enterprise-input-error{--tw-border-opacity: 1;border-color:var(--error)}.enterprise-input.enterprise-input-error:focus{border-color:var(--error)}@layer utilities{.enterprise-input.enterprise-input-error:focus{--tw-border-opacity: 1;border-color:var(--error)}}.enterprise-input.enterprise-input-error:focus{--tw-border-opacity: 1;border-color:var(--error)}.enterprise-input.enterprise-input-error:focus{box-shadow:0 0 0 2px #ef444433}.enterprise-input.enterprise-input-warning{border-color:var(--warning)}@layer utilities{.enterprise-input.enterprise-input-warning{--tw-border-opacity: 1;border-color:var(--warning)}}.enterprise-input.enterprise-input-warning{--tw-border-opacity: 1;border-color:var(--warning)}.enterprise-input.enterprise-input-warning:focus{border-color:var(--warning)}@layer utilities{.enterprise-input.enterprise-input-warning:focus{--tw-border-opacity: 1;border-color:var(--warning)}}.enterprise-input.enterprise-input-warning:focus{--tw-border-opacity: 1;border-color:var(--warning)}.enterprise-input.enterprise-input-warning:focus{box-shadow:0 0 0 2px #f59e0b33}.enterprise-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}@layer utilities{.enterprise-label{--tw-text-opacity: 1;color:var(--text-primary)}}.enterprise-label{--tw-text-opacity: 1;color:var(--text-primary);margin-bottom:.5rem;transition-duration:.2s;animation-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-label.enterprise-label-required:after{content:" *";color:var(--enterprise-error)}.enterprise-performance{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.enterprise-performance.enterprise-performance-monitored{position:relative}.enterprise-performance.enterprise-performance-monitored:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#2563eb1a;opacity:0;transition:opacity .2s;pointer-events:none;z-index:1000}.enterprise-performance.enterprise-performance-monitored.enterprise-performance-optimizing:before{opacity:1}.enterprise-accessibility:focus-visible{outline:2px solid var(--enterprise-primary);outline-offset:2px}.enterprise-accessibility[aria-label]{position:relative}@media (prefers-reduced-motion: reduce){.enterprise-accessibility{transition:none!important;animation:none!important;transform:none!important}}.enterprise-visual-refined{color-scheme:light dark;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;letter-spacing:.025em}.enterprise-interaction-refined{transition:all var(--enterprise-transition-normal)}.enterprise-interaction-refined:hover{transform:translateY(-2px);box-shadow:var(--enterprise-shadow-lg)}.enterprise-interaction-refined:active{transform:translateY(0);box-shadow:var(--enterprise-shadow-md)}.enterprise-interaction-refined:focus-visible{outline:2px solid var(--enterprise-primary);outline-offset:2px}.enterprise-interaction-premium{position:relative;overflow:hidden}.enterprise-interaction-premium:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.enterprise-interaction-premium:active:after{width:300px;height:300px}.enterprise-mobile-optimized{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.enterprise-quality-metrics{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@layer overrides.overrides{@supports (-ms-ime-align: auto){.enterprise-quality-metrics{display:-ms-grid}}}@media (min-width: 768px){.enterprise-quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.enterprise-quality-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.enterprise-quality-metrics{border-radius:var(--radius-xl);border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg);padding:1.5rem}@layer utilities{.enterprise-quality-metrics{--tw-bg-opacity: 1;background-color:var(--surface-bg)}.enterprise-quality-metrics{--tw-border-opacity: 1;border-color:var(--border-color)}}.enterprise-quality-metrics{--tw-bg-opacity: 1;background-color:var(--surface-bg);--tw-border-opacity: 1;border-color:var(--border-color)}.enterprise-quality-metric{border-radius:var(--radius-lg);padding:1rem;text-align:center;background:linear-gradient(to bottom right,#2563eb1a,#2563eb0d);border:1px solid rgba(37,99,235,.2)}.enterprise-quality-metric .enterprise-quality-score{font-size:1.875rem;line-height:2.25rem}.enterprise-quality-metric .enterprise-quality-score{font-weight:700}.enterprise-quality-metric .enterprise-quality-score{color:var(--primary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-score{--tw-text-opacity: 1;color:var(--primary)}}.enterprise-quality-metric .enterprise-quality-score{--tw-text-opacity: 1;color:var(--primary)}.enterprise-quality-metric .enterprise-quality-score{margin-bottom:.5rem}.enterprise-quality-metric .enterprise-quality-label{font-size:.875rem;line-height:1.25rem}.enterprise-quality-metric .enterprise-quality-label{font-weight:500}.enterprise-quality-metric .enterprise-quality-label{color:var(--text-primary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-label{--tw-text-opacity: 1;color:var(--text-primary)}}.enterprise-quality-metric .enterprise-quality-label{--tw-text-opacity: 1;color:var(--text-primary)}.enterprise-quality-metric .enterprise-quality-label{margin-bottom:.25rem}.enterprise-quality-metric .enterprise-quality-description{font-size:.75rem;line-height:1rem}.enterprise-quality-metric .enterprise-quality-description{color:var(--text-secondary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-description{--tw-text-opacity: 1;color:var(--text-secondary)}}.enterprise-quality-metric .enterprise-quality-description{--tw-text-opacity: 1;color:var(--text-secondary)}.enterprise-quality-excellent{background:linear-gradient(to bottom right,#0596691a,#0596690d);border:1px solid rgba(5,150,105,.2)}.enterprise-quality-excellent .enterprise-quality-score{color:var(--success)}@layer utilities{.enterprise-quality-excellent .enterprise-quality-score{--tw-text-opacity: 1;color:var(--success)}}.enterprise-quality-excellent .enterprise-quality-score{--tw-text-opacity: 1;color:var(--success)}.enterprise-quality-excellent .enterprise-quality-score{color:var(--cs-success)}.enterprise-quality-good{background:linear-gradient(to bottom right,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2)}.enterprise-quality-good .enterprise-quality-score{color:var(--warning)}@layer utilities{.enterprise-quality-good .enterprise-quality-score{--tw-text-opacity: 1;color:var(--warning)}}.enterprise-quality-good .enterprise-quality-score{--tw-text-opacity: 1;color:var(--warning)}.enterprise-quality-good .enterprise-quality-score{color:var(--cs-warning)}.enterprise-quality-needs-improvement{background:linear-gradient(to bottom right,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2)}.enterprise-quality-needs-improvement .enterprise-quality-score{color:var(--error)}@layer utilities{.enterprise-quality-needs-improvement .enterprise-quality-score{--tw-text-opacity: 1;color:var(--error)}}.enterprise-quality-needs-improvement .enterprise-quality-score{--tw-text-opacity: 1;color:var(--error)}.enterprise-quality-needs-improvement .enterprise-quality-score{color:var(--cs-error)}.enterprise-status{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-duration:.2s;animation-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-status-initializing{background-color:#2563eb1a;color:var(--info)}@layer utilities{.enterprise-status-initializing{--tw-text-opacity: 1;color:var(--info)}}.enterprise-status-initializing{--tw-text-opacity: 1;color:var(--info);color:var(--cs-info);border:1px solid rgba(37,99,235,.2)}.enterprise-status-optimizing{background-color:#f59e0b1a;color:var(--warning)}@layer utilities{.enterprise-status-optimizing{--tw-text-opacity: 1;color:var(--warning)}}.enterprise-status-optimizing{--tw-text-opacity: 1;color:var(--warning);color:var(--cs-warning);border:1px solid rgba(245,158,11,.2)}.enterprise-status-optimizing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.enterprise-status-optimizing{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-polishing{background-color:#2563eb1a;color:var(--primary)}@layer utilities{.enterprise-status-polishing{--tw-text-opacity: 1;color:var(--primary)}}.enterprise-status-polishing{--tw-text-opacity: 1;color:var(--primary);border:1px solid rgba(37,99,235,.2)}.enterprise-status-polishing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.enterprise-status-polishing{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-verifying{background-color:#64748b1a;color:var(--text-secondary)}@layer utilities{.enterprise-status-verifying{--tw-text-opacity: 1;color:var(--text-secondary)}}.enterprise-status-verifying{--tw-text-opacity: 1;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}@keyframes pulse{50%{opacity:.5}}.enterprise-status-verifying{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.enterprise-status-verifying{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-complete{background-color:#0596691a;color:var(--success)}@layer utilities{.enterprise-status-complete{--tw-text-opacity: 1;color:var(--success)}}.enterprise-status-complete{--tw-text-opacity: 1;color:var(--success);color:var(--cs-success);border:1px solid rgba(5,150,105,.2)}.enterprise-status-enterprise-ready{background:linear-gradient(to right,#05966933,#2563eb33);color:var(--success)}@layer utilities{.enterprise-status-enterprise-ready{--tw-text-opacity: 1;color:var(--success)}}.enterprise-status-enterprise-ready{--tw-text-opacity: 1;color:var(--success);color:var(--cs-success);border:1px solid rgba(5,150,105,.3);--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@keyframes enterprise-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes enterprise-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes enterprise-fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes enterprise-fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes enterprise-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes enterprise-slide-in-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.enterprise-loading{position:relative;overflow:hidden}.enterprise-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:enterprise-loading-shimmer 1.5s infinite}@keyframes enterprise-loading-shimmer{0%{left:-100%}to{left:100%}}.enterprise-loading-spinner{display:inline-block;height:1.5rem;width:1.5rem;border-width:2px;border-color:#2563eb33;border-radius:9999px;border-top-color:var(--primary)}.enterprise-loading-spinner{animation:spin 1s linear infinite}.enterprise-progress{height:.5rem;width:100%;border-radius:9999px;background-color:var(--border-color);overflow:hidden}.enterprise-progress-bar{height:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: var(--primary) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: var(--info) var(--tw-gradient-to-position);border-radius:9999px;transition-duration:.5s;animation-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-size:200% 100%;animation:enterprise-progress-shimmer 2s ease-in-out infinite}@keyframes enterprise-progress-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.enterprise-notification{position:fixed;top:1rem;right:1rem;z-index:50;width:100%;max-width:24rem;background-color:var(--surface-bg)}@layer utilities{.enterprise-notification{--tw-bg-opacity: 1;background-color:var(--surface-bg)}}.enterprise-notification{--tw-bg-opacity: 1;background-color:var(--surface-bg);border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-color);--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@layer utilities{.enterprise-notification{--tw-border-opacity: 1;border-color:var(--border-color)}}.enterprise-notification{--tw-border-opacity: 1;border-color:var(--border-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:1rem;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:enterprise-fade-in-right .6s ease-out forwards}.enterprise-notification-success{border-color:var(--success)}@layer utilities{.enterprise-notification-success{--tw-border-opacity: 1;border-color:var(--success)}}.enterprise-notification-success{--tw-border-opacity: 1;border-color:var(--success);background-color:#0596690d}.enterprise-notification-warning{border-color:var(--warning)}@layer utilities{.enterprise-notification-warning{--tw-border-opacity: 1;border-color:var(--warning)}}.enterprise-notification-warning{--tw-border-opacity: 1;border-color:var(--warning);background-color:#f59e0b0d}.enterprise-notification-error{border-color:var(--error)}@layer utilities{.enterprise-notification-error{--tw-border-opacity: 1;border-color:var(--error)}}.enterprise-notification-error{--tw-border-opacity: 1;border-color:var(--error);background-color:#ef44440d}.enterprise-notification-info{border-color:var(--info)}@layer utilities{.enterprise-notification-info{--tw-border-opacity: 1;border-color:var(--info)}}.enterprise-notification-info{--tw-border-opacity: 1;border-color:var(--info);background-color:#2563eb0d}.enterprise-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.enterprise-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.enterprise-container{padding-left:2rem;padding-right:2rem}}.enterprise-section{padding-top:3rem;padding-bottom:3rem}@media (min-width: 640px){.enterprise-section{padding-top:4rem;padding-bottom:4rem}}@media (min-width: 1024px){.enterprise-section{padding-top:5rem;padding-bottom:5rem}}.enterprise-grid{display:grid;gap:1.5rem}@layer overrides.overrides{@supports (-ms-ime-align: auto){.enterprise-grid{display:-ms-grid}}}@media (min-width: 640px){.enterprise-grid{gap:2rem}}@media (min-width: 1024px){.enterprise-grid{gap:2.5rem}}.enterprise-grid-cols-1,.enterprise-grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.enterprise-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.enterprise-grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.enterprise-grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.enterprise-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.enterprise-grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.enterprise-grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.enterprise-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.enterprise-dark-mode{background-color:var(--page-bg);color:var(--text-primary)}.enterprise-dark-mode .enterprise-card{background-color:var(--surface-bg);border-color:var(--border-color)}.enterprise-dark-mode .enterprise-input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}}@media (prefers-contrast: high){.enterprise-high-contrast{border-width:2px!important}.enterprise-high-contrast .enterprise-button{border:2px solid currentColor!important}.enterprise-high-contrast .enterprise-input{border-width:2px!important}}.semantic-input{position:relative;display:block;width:100%;min-height:44px;padding:12px 16px;font-size:16px;line-height:1.5;color:var(--cs-text-primary);background-color:var(--cs-bg-primary);border:2px solid var(--cs-border);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box}.semantic-input:focus{border-color:var(--cs-primary);box-shadow:0 0 0 3px rgba(var(--cs-primary-rgb),.1);transform:translateY(-1px)}.semantic-input:hover{border-color:var(--cs-accent)}.semantic-input[type=email]{inputmode:email;autocomplete:email;autocapitalize:none}.semantic-input[type=tel]{inputmode:tel;autocomplete:tel;autocapitalize:none}.semantic-input[type=number]{inputmode:decimal;autocomplete:off}.semantic-input[type=search]{inputmode:search;autocomplete:off}.semantic-input[type=url]{inputmode:url;autocomplete:url;autocapitalize:none}@media (prefers-contrast: high){.semantic-input{border-width:3px;border-color:var(--cs-text-primary)}.semantic-input:focus{border-color:var(--cs-accent);box-shadow:0 0 0 4px var(--cs-accent)}}@media (prefers-reduced-motion: reduce){.semantic-input,.semantic-input-touch{transition:none;transform:none}.semantic-input:focus,.semantic-input-touch:hover{transform:none}}.semantic-input-group-row .semantic-input{flex:1}.semantic-input-label.required:after{content:" *";color:var(--cs-error)}.semantic-input[aria-invalid=true]{border-color:var(--cs-error);background-color:rgba(var(--cs-error-rgb),.05)}.semantic-input[aria-invalid=true]:focus{border-color:var(--cs-error);box-shadow:0 0 0 3px rgba(var(--cs-error-rgb),.1)}.semantic-input[disabled]{opacity:.6;cursor:not-allowed;background-color:var(--cs-bg-secondary)}.semantic-input[readonly]{background-color:var(--cs-bg-secondary);cursor:default}@media (max-width: 768px){.semantic-input{min-height:48px;padding:16px 20px;font-size:16px;border-radius:12px}.semantic-input-group-row{flex-direction:column;gap:12px}.semantic-input-group-row .semantic-input{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.semantic-input{min-height:46px;padding:14px 18px;border-radius:10px}}@media (min-width: 1025px){.semantic-input:hover{border-color:var(--cs-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.semantic-input:focus{transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--cs-primary-rgb),.15)}}@media (prefers-color-scheme: dark){.semantic-input{background-color:var(--cs-bg-secondary);border-color:var(--cs-border);color:var(--cs-text-primary)}.semantic-input:focus{background-color:var(--cs-bg-primary);border-color:var(--cs-primary)}}@media (min-resolution: 192dpi){.semantic-input{border-width:1px}.semantic-input:focus{border-width:2px}}@media print{.semantic-input{border:1px solid #000;background:transparent;color:#000;box-shadow:none}.semantic-input:focus{outline:2px solid #000;outline-offset:2px}}@keyframes semanticInputFocus{0%{transform:scale(1);box-shadow:0 0 rgba(var(--cs-primary-rgb),.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(var(--cs-primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--cs-primary-rgb),0)}}@keyframes semanticInputError{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.semantic-input[aria-invalid=true]:focus{animation:semanticInputError .3s ease-in-out}.semantic-input[data-valid=true]{border-color:var(--cs-success);background-color:rgba(var(--cs-success-rgb),.05)}.semantic-input[data-valid=true]:focus{border-color:var(--cs-success);box-shadow:0 0 0 3px rgba(var(--cs-success-rgb),.1)}.semantic-input[data-loading=true]{position:relative;color:transparent}.semantic-input[data-loading=true]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--cs-border);border-top-color:var(--cs-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.semantic-input{font-size:clamp(14px,2.5vw,16px)}@media (hover: none) and (pointer: coarse){.semantic-input{min-height:48px;padding:16px 20px}.semantic-input:active{transform:scale(.98);background-color:var(--cs-bg-secondary)}}.semantic-input:focus-visible{outline:3px solid var(--cs-primary);outline-offset:2px}@media (prefers-reduced-motion: no-preference){.semantic-input[data-voice-active=true]{animation:semanticInputFocus .6s ease-out}}.semantic-input{will-change:transform,border-color,box-shadow;contain:layout style paint}@media (prefers-reduced-motion: reduce){.semantic-input{will-change:auto;contain:none}}.bg-cs-primary{--tw-bg-opacity: 1;background-color:var(--primary)}.bg-cs-secondary{--tw-bg-opacity: 1;background-color:var(--cs-colors-secondary-500)}.bg-cs-surface-bg{--tw-bg-opacity: 1;background-color:var(--surface-bg)}.bg-cs-success{--tw-bg-opacity: 1;background-color:var(--success)}.bg-cs-warning{--tw-bg-opacity: 1;background-color:var(--warning)}.bg-cs-error{--tw-bg-opacity: 1;background-color:var(--error)}.bg-cs-info{--tw-bg-opacity: 1;background-color:var(--info)}.text-cs-text-primary{--tw-text-opacity: 1;color:var(--text-primary)}.text-cs-text-secondary{--tw-text-opacity: 1;color:var(--text-secondary)}.text-cs-primary{--tw-text-opacity: 1;color:var(--primary)}.text-cs-success{--tw-text-opacity: 1;color:var(--success)}.text-cs-warning{--tw-text-opacity: 1;color:var(--warning)}.text-cs-error{--tw-text-opacity: 1;color:var(--error)}.text-cs-info{--tw-text-opacity: 1;color:var(--info)}.border-cs-border{--tw-border-opacity: 1;border-color:var(--border-color)}.border-cs-success{--tw-border-opacity: 1;border-color:var(--success)}.border-cs-warning{--tw-border-opacity: 1;border-color:var(--warning)}.border-cs-error{--tw-border-opacity: 1;border-color:var(--error)}.border-cs-info{--tw-border-opacity: 1;border-color:var(--info)}:root{--radius: .5rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 2px);--radius-2xl: calc(var(--radius) + 4px)}:root{--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--page-bg: #ffffff;--surface-bg: #f3f4f6;--border-color: #e5e7eb;--input-bg: #ffffff;--input-border: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-on-light: #111827;--text-on-dark: #f8fafc;--text-inverse: #f8fafc;--focus-border: #2563eb;--hover-bg: #f8fafc;--button-hover: #1d4ed8;--active-bg: rgba(37, 99, 235, .1);--active-border: #2563eb;--success: #059669;--warning: #F59E0B;--error: #EF4444;--info: #2563eb;--font-sans: "Clash Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display: "Clash Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-body: "Clash Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}.dark{--primary: #3b82f6;--primary-hover: #2563eb;--page-bg: #0f172a;--surface-bg: #1e293b;--border-color: #334155;--input-bg: #334155;--input-border: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-on-light: #111827;--text-on-dark: #f8fafc;--text-inverse: #f8fafc;--focus-border: #3b82f6;--hover-bg: #475569;--button-hover: #2563eb;--active-bg: rgba(59, 130, 246, .1);--active-border: #3b82f6}.coach-stan-bg{background-color:var(--page-bg)}.coach-stan-surface{background-color:var(--surface-bg)}.coach-stan-primary{background-color:var(--primary)}.coach-stan-primary:hover{background-color:var(--primary-hover)}.coach-stan-border{border-color:var(--border-color)}.coach-stan-text-primary{color:var(--text-primary)}.coach-stan-text-secondary{color:var(--text-secondary)}.coach-stan-text-on-light{color:var(--text-on-light)}.coach-stan-text-on-dark{color:var(--text-on-dark)}.coach-stan-text-inverse{color:var(--text-inverse)}.coach-stan-active{background-color:var(--active-bg)!important;color:var(--primary)!important;border-right:2px solid var(--active-border)!important}.coach-stan-input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.coach-stan-input:focus{border-color:var(--focus-border)}.coach-stan-input::-moz-placeholder{color:var(--text-secondary)}.coach-stan-input::placeholder{color:var(--text-secondary)}.theme-toggle{position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary),var(--primary-hover));opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:.1}.dark .coach-stan-surface{background-color:var(--surface-bg);box-shadow:0 4px 6px -1px #0000004d}.dark .coach-stan-border{border-color:var(--border-color)}.dark .coach-stan-hover-bg{background-color:var(--hover-bg)}.coach-stan-smooth-transition{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.coach-stan-stagger-item{animation:slideInFromLeft .2s ease-out forwards;opacity:0;transform:translate(-20px)}.coach-stan-stagger-item.coach-stan-active{opacity:1!important;transform:translate(0)!important}@keyframes slideInFromLeft{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.coach-stan-stagger-item{animation:none;opacity:1;transform:translate(0)}[data-radix-dialog-content]{animation:none!important;transform:none!important;transition:opacity .1s ease-out!important}}.coach-stan-focus-enhanced:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.coach-stan-hamburger-transition{transition:transform .2s cubic-bezier(.4,0,.2,1)}.coach-stan-hamburger-transition:hover{transform:scale(1.05)}.coach-stan-form-field{margin-bottom:1.5rem}.coach-stan-form-field:last-child{margin-bottom:0}@media (max-width: 768px){.coach-stan-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.coach-stan-form-row{display:flex;flex-direction:column;gap:1rem}.coach-stan-form-button{min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.coach-stan-checkbox-container,.coach-stan-radio-container{min-height:44px;display:flex;align-items:center;padding:.5rem;margin:-.5rem;border-radius:.375rem;cursor:pointer}.coach-stan-checkbox-container:hover,.coach-stan-radio-container:hover{background-color:var(--hover-bg)}}@media (min-width: 768px){.coach-stan-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.coach-stan-form-row{display:flex;gap:1.5rem}}.coach-stan-touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){input:focus,textarea:focus,select:focus{transform:scale(1.02);transition:transform .15s ease-out}}.coach-stan-form-message{border-radius:.5rem;margin-top:.5rem}.coach-stan-mobile-form-item{position:relative;margin-bottom:2rem}@media (max-width: 768px){.coach-stan-mobile-validation{position:sticky;top:10px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;animation:slideInFromTop .2s ease-out}.coach-stan-mobile-form-item[data-error=true]{scroll-margin-top:80px;scroll-margin-bottom:40px}.dark .coach-stan-mobile-validation{background-color:#1e293be6;border-color:var(--border-color)}.coach-stan-mobile-validation[role=alert]{margin-bottom:.75rem}.coach-stan-mobile-form-item{margin-bottom:2.5rem;padding:.5rem;border-radius:.75rem;transition:background-color .15s ease-out}.coach-stan-mobile-form-item:focus-within{background-color:var(--hover-bg)}.coach-stan-form-success{animation:successPulse .6s ease-out}.coach-stan-form-error{animation:errorShake .5s ease-out}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.coach-stan-keyboard-visible{position:fixed;width:100%}.coach-stan-mobile-input{font-size:16px;min-height:44px;padding:12px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.coach-stan-mobile-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.coach-stan-gesture-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;z-index:1000;pointer-events:none;opacity:0;animation:gestureFlash .6s ease-out}@keyframes gestureFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.coach-stan-mobile-form-field{position:relative;margin-bottom:24px;padding:8px;border-radius:8px;transition:background-color .15s ease-out}.coach-stan-mobile-form-field:focus-within{background-color:var(--hover-bg)}.coach-stan-mobile-form-field[data-gesture-target=true]{cursor:pointer;touch-action:pan-y}.coach-stan-gesture-hint{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-secondary);opacity:0;transition:opacity .2s ease-out}.coach-stan-mobile-form:focus-within .coach-stan-gesture-hint{opacity:1}.coach-stan-auto-focus-container{scroll-margin-top:100px;scroll-margin-bottom:100px}@media (min-width: 768px) and (max-width: 1024px){.coach-stan-tablet-layout{padding:16px;max-width:100%}.coach-stan-tablet-layout.orientation-portrait{padding:20px 16px}.coach-stan-tablet-layout.orientation-landscape{padding:12px 24px}.coach-stan-tablet-grid{width:100%;transition:grid-template-columns .3s ease}.coach-stan-tablet-sidebar{background:var(--card);border-right:1px solid var(--border);transition:width .3s ease,transform .3s ease;position:relative}.coach-stan-tablet-sidebar.collapsed{width:60px!important;overflow:hidden}.coach-stan-tablet-sidebar .sidebar-toggle{position:absolute;top:12px;right:12px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.coach-stan-tablet-sidebar .sidebar-toggle:hover{background:var(--primary-hover);transform:scale(1.05)}.coach-stan-tablet-sidebar .sidebar-content.collapsed{opacity:0;pointer-events:none}.coach-stan-tablet-stack{width:100%;transition:flex-direction .3s ease}.coach-stan-tablet-stack.stack-vertical{align-items:stretch}.coach-stan-tablet-stack.stack-horizontal{align-items:flex-start}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.coach-stan-tablet-layout{padding:24px 16px}.tablet-optimized .tablet-auto-stack{flex-direction:column}.tablet-optimized button,.tablet-optimized .touch-target{min-height:48px;min-width:48px}.tablet-optimized .form-grid{grid-template-columns:1fr;gap:20px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.coach-stan-tablet-layout{padding:16px 32px}.tablet-optimized .tablet-auto-stack{flex-direction:row;gap:24px}.tablet-optimized .form-grid{grid-template-columns:1fr 1fr;gap:24px}.coach-stan-tablet-sidebar{position:static;width:280px!important}.coach-stan-tablet-sidebar.collapsed{width:80px!important}}.tablet-device{--touch-target-size: 44px}.tablet-device button,.tablet-device .clickable,.tablet-device .touch-target{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.tablet-device input,.tablet-device textarea,.tablet-device select{min-height:44px;font-size:16px}@media (hover: hover) and (pointer: fine){.tablet-device .hover-enabled:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}}.tablet-device *:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.tablet-device .scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@keyframes wave{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.animate-wave{position:relative;overflow:hidden}.animate-wave:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:wave 1.6s linear infinite}.dark .animate-wave:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mobile-lazy-loading{will-change:transform,opacity;transform:translateZ(0)}.mobile-lazy-loaded{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coach-stan-animation-base{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.coach-stan-mobile-animation{animation-duration:.25s!important;animation-timing-function:ease-out!important;transform:translateZ(0)}.coach-stan-mobile-animation.reduced-motion{animation:none!important;transition:opacity .1s ease!important}.coach-stan-mobile-transition{transition-duration:.2s!important;transition-timing-function:ease-out!important;transition-property:transform,opacity!important}.coach-stan-mobile-fade-in{animation:mobileFadeIn .2s ease-out forwards}.coach-stan-mobile-slide-in{animation:mobileSlideIn .25s ease-out forwards}.coach-stan-battery-save{animation-duration:.15s!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important}}@media (min-width: 768px) and (max-width: 1024px){.coach-stan-tablet-animation{animation-duration:.35s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)}.coach-stan-tablet-transition{transition-duration:.3s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.coach-stan-tablet-bounce{animation:tabletBounce .5s ease-out forwards}}@media (min-width: 1024px){.coach-stan-desktop-animation{animation-duration:.4s!important;animation-timing-function:cubic-bezier(.25,.46,.45,.94)!important}.coach-stan-desktop-transition{transition-duration:.35s!important;transition-timing-function:cubic-bezier(.25,.46,.45,.94)!important}.coach-stan-desktop-complex{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)!important}}.coach-stan-performance-throttle{animation-duration:.15s!important;transition-duration:.15s!important}.coach-stan-low-performance{animation:none!important;transition:opacity .1s linear!important;will-change:auto!important}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(8px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes mobileSlideIn{0%{opacity:0;transform:translate(-15px) translateZ(0)}to{opacity:1;transform:translate(0) translateZ(0)}}@keyframes tabletBounce{0%{transform:scale(1) translateZ(0)}30%{transform:scale(1.05) translateZ(0)}60%{transform:scale(.98) translateZ(0)}to{transform:scale(1) translateZ(0)}}.coach-stan-animate-on-scroll{opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .4s ease-out,transform .4s ease-out}.coach-stan-animate-on-scroll.visible{opacity:1;transform:translateY(0) translateZ(0)}.coach-stan-stagger-delay-1{animation-delay:.1s!important}.coach-stan-stagger-delay-2{animation-delay:.2s!important}.coach-stan-stagger-delay-3{animation-delay:.3s!important}.coach-stan-stagger-delay-4{animation-delay:.4s!important}.coach-stan-stagger-delay-5{animation-delay:.5s!important}@media (prefers-reduced-motion: reduce){.coach-stan-reduced-motion,.coach-stan-mobile-animation,.coach-stan-tablet-animation,.coach-stan-desktop-animation,.animate-pulse,.animate-wave,.mobile-lazy-loaded{animation:none!important;transition:opacity .1s ease!important;transform:none!important}.coach-stan-animation-base{will-change:auto!important}}@media (prefers-contrast: high){.coach-stan-animation-base{animation-timing-function:linear!important;transition-timing-function:linear!important}}@media print{.coach-stan-mobile-animation,.coach-stan-tablet-animation,.coach-stan-desktop-animation,.coach-stan-animation-base{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}.mobile-image-container{position:relative;overflow:hidden;background:var(--muted)}.mobile-image-loading{background:linear-gradient(90deg,var(--muted) 25%,var(--muted-foreground/10) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-optimized{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.mobile-optimized *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position}.mobile-touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--cs-success: #059669;--cs-warning: #F59E0B;--cs-error: #EF4444;--cs-primary: #3B82F6;--cs-info: #2563eb}.dark{--cs-success: #10b981;--cs-warning: #fbbf24;--cs-error: #f87171;--cs-info: #60a5fa}.text-cs-success{color:var(--cs-success)}.text-cs-warning{color:var(--cs-warning)}.text-cs-error{color:var(--cs-error)}.text-cs-info{color:var(--cs-info)}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@supports not (font-variation-settings: normal){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}}@supports not (font-display: swap){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff) format("woff");font-weight:200 700;font-style:normal}}.placeholder\:text-cs-text-secondary::-moz-placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.placeholder\:text-cs-text-secondary::placeholder{--tw-text-opacity: 1;color:var(--text-secondary)}.hover\:border-cs-primary:hover{border-color:var(--primary)}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cs-error-hover:hover{background-color:var(--cs-colors-semantic-error)}.hover\:bg-cs-hover-bg:hover{background-color:var(--hover-bg)}.hover\:bg-cs-info-hover:hover{background-color:var(--cs-colors-semantic-info)}.hover\:bg-cs-primary:hover{background-color:var(--primary)}.hover\:bg-cs-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-cs-secondary:hover{background-color:var(--cs-colors-secondary-500)}.hover\:bg-cs-secondary-hover:hover{background-color:var(--cs-colors-interactive-hover)}.hover\:bg-cs-success-hover:hover{background-color:var(--cs-colors-semantic-success)}.hover\:bg-cs-warning-hover:hover{background-color:var(--cs-colors-semantic-warning)}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:text-cs-text-primary:hover{color:var(--text-primary)}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:bg-cs-primary:hover{--tw-bg-opacity: 1;background-color:var(--primary)}.hover\:bg-cs-secondary:hover{--tw-bg-opacity: 1;background-color:var(--cs-colors-secondary-500)}.hover\:text-cs-text-primary:hover{--tw-text-opacity: 1;color:var(--text-primary)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-cs-error:focus{border-color:var(--error)}.focus\:border-cs-info:focus{border-color:var(--info)}.focus\:border-cs-primary:focus{border-color:var(--primary)}.focus\:border-cs-secondary:focus{border-color:var(--cs-colors-secondary-500)}.focus\:border-cs-success:focus{border-color:var(--success)}.focus\:border-cs-warning:focus{border-color:var(--warning)}.focus\:border-green-500:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-cs-focus-bg:focus{background-color:var(--cs-colors-interactive-hover)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-cs-error:focus{--tw-ring-color: var(--error)}.focus\:ring-cs-info:focus{--tw-ring-color: var(--info)}.focus\:ring-cs-primary:focus{--tw-ring-color: var(--primary)}.focus\:ring-cs-secondary:focus{--tw-ring-color: var(--cs-colors-secondary-500)}.focus\:ring-cs-success:focus{--tw-ring-color: var(--success)}.focus\:ring-cs-warning:focus{--tw-ring-color: var(--warning)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:border-cs-success:focus{--tw-border-opacity: 1;border-color:var(--success)}.focus\:border-cs-warning:focus{--tw-border-opacity: 1;border-color:var(--warning)}.focus\:border-cs-error:focus{--tw-border-opacity: 1;border-color:var(--error)}.focus\:border-cs-info:focus{--tw-border-opacity: 1;border-color:var(--info)}.active\:border-cs-error:active{border-color:var(--error)}.active\:border-cs-info:active{border-color:var(--info)}.active\:border-cs-primary:active{border-color:var(--primary)}.active\:border-cs-secondary:active{border-color:var(--cs-colors-secondary-500)}.active\:border-cs-success:active{border-color:var(--success)}.active\:border-cs-warning:active{border-color:var(--warning)}.active\:bg-cs-active-bg:active{background-color:var(--cs-colors-interactive-active)}.active\:bg-cs-error-active:active{background-color:var(--cs-colors-semantic-error-dark)}.active\:bg-cs-info-active:active{background-color:var(--cs-colors-semantic-info)}.active\:bg-cs-primary-active:active{background-color:var(--cs-colors-primary-active)}.active\:bg-cs-secondary-active:active{background-color:var(--cs-colors-secondary-600)}.active\:bg-cs-success-active:active{background-color:var(--cs-colors-semantic-success)}.active\:bg-cs-warning-active:active{background-color:var(--cs-colors-semantic-warning)}.active\:shadow-xl:active{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:border-cs-success:active{--tw-border-opacity: 1;border-color:var(--success)}.active\:border-cs-warning:active{--tw-border-opacity: 1;border-color:var(--warning)}.active\:border-cs-error:active{--tw-border-opacity: 1;border-color:var(--error)}.active\:border-cs-info:active{--tw-border-opacity: 1;border-color:var(--info)}.dark\:inline:is(.dark *){display:inline}.dark\:hidden:is(.dark *){display:none}.dark\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-orange-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-blue-400:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7c2d1233}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-to: rgb(88 28 135 / .2) var(--tw-gradient-to-position)}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
-
+@layer reset,base,themes,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer overrides.overrides{.a11y-override{outline:2px solid var(--cs-colors-interactive-focus)!important;outline-offset:2px!important}@media (prefers-contrast:high){*{border-color:currentColor!important}.button,.input,.card{border-width:var(--cs-border-width-thick)!important}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.button--ghost,.tooltip,.popover,.modal__overlay,.sidebar__mobile-toggle{display:none!important}.card,.alert,.modal__container{border:1px solid #000!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")"!important;font-size:.8em!important;color:#666!important}}.force-visible{display:block!important;visibility:visible!important;opacity:1!important}.force-hidden{display:none!important}.debug-outline *{outline:1px solid red!important}.debug-spacing *{background:#ff00001a!important}@supports (-webkit-appearance:none){.input{-webkit-appearance:none!important}}@-moz-document url-prefix(){.button{-moz-user-select:none!important}}@supports (-ms-ime-align:auto){.grid{display:-ms-grid!important}}}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content:""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:var(--cs-fonts-body-family,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);font-size:var(--cs-fonts-body-size,16px);font-weight:var(--cs-fonts-body-weight,400);line-height:var(--cs-fonts-body-line-height,1.5);color:var(--cs-colors-text-primary,#0f172a)}h1,h2,h3,h4,h5,h6{font-family:var(--cs-fonts-heading-family,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);font-weight:var(--cs-fonts-heading-weight,600);line-height:var(--cs-fonts-heading-line-height,1.2);color:var(--cs-colors-text-primary,#0f172a);margin-bottom:var(--cs-spacing-scale-3,.75rem)}h1{font-size:var(--cs-fonts-heading-h1-size,2.25rem)}h2{font-size:var(--cs-fonts-heading-h2-size,1.875rem)}h3{font-size:var(--cs-fonts-heading-h3-size,1.5rem)}h4{font-size:var(--cs-fonts-heading-h4-size,1.25rem)}h5{font-size:var(--cs-fonts-heading-h5-size,1.125rem)}h6{font-size:var(--cs-fonts-heading-h6-size,1rem)}p{margin-bottom:var(--cs-spacing-scale-3,.75rem)}a{color:var(--cs-colors-primary,#3b82f6);text-decoration:underline}a:hover{color:var(--cs-colors-primary-hover,#2563eb)}code{font-family:var(--cs-fonts-mono-family,"Monaco","Menlo","Ubuntu Mono",monospace);font-size:var(--cs-fonts-mono-size,.875rem);background-color:var(--cs-colors-surface-secondary,#f1f5f9);padding:var(--cs-spacing-scale-1,.25rem) var(--cs-spacing-scale-2,.5rem);border-radius:var(--cs-border-radius-sm,.25rem)}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@supports not (font-variation-settings:normal){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}}@supports not (font-display:swap){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff) format("woff");font-weight:200 700;font-style:normal}}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:100%){.container{max-width:100%}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}:root{--badge-height:var(--cs-spacing-scale-lg);--badge-padding-y:var(--cs-spacing-scale-xs);--badge-padding-x:var(--cs-spacing-scale-sm);--badge-font-size:var(--cs-fonts-primary-sizes-xs);--badge-font-weight:var(--cs-fonts-primary-weights-semibold);--badge-line-height:var(--cs-fonts-primary-line-heights-tight);--badge-border-width:var(--cs-spacing-scale-xs);--badge-border-radius:var(--cs-border-radius-full);--badge-transition:var(--cs-transitions-properties-colors);--badge-default-background:var(--cs-colors-primary-500);--badge-default-text:var(--cs-colors-text-inverse);--badge-default-border:var(--cs-colors-border-transparent);--badge-secondary-background:var(--cs-colors-surface-surface);--badge-secondary-text:var(--cs-colors-text-primary);--badge-secondary-border:var(--cs-colors-border-transparent);--badge-destructive-background:var(--cs-colors-semantic-error);--badge-destructive-text:var(--cs-colors-text-inverse);--badge-destructive-border:var(--cs-colors-border-transparent);--badge-outline-background:var(--cs-colors-border-transparent);--badge-outline-text:var(--cs-colors-text-primary);--badge-outline-border:var(--cs-colors-border-transparent);--badge-default-hover:var(--cs-colors-primary-hover);--badge-secondary-hover:var(--cs-colors-interactive-hover);--badge-destructive-hover:var(--cs-colors-semantic-error-dark);--badge-outline-hover:var(--cs-colors-interactive-hover);--badge-outline-hover-border:var(--cs-colors-border-transparent);--badge-hover-transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)));--badge-hover-shadow:var(--cs-shadows-md);--badge-focus-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--badge-focus-offset:var(--cs-spacing-scale-xs);--badge-active-transform:translateY(0);--badge-active-shadow:var(--cs-shadows-sm);--badge-focus-ring-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--badge-focus-ring-offset:var(--cs-spacing-scale-xs);--badge-high-contrast-border-width:var(--cs-spacing-scale-xs);--badge-outline-high-contrast-border-width:var(--cs-spacing-scale-xs);--badge-mobile-font-size:var(--cs-fonts-primary-sizes-xs);--badge-mobile-padding-y:var(--cs-spacing-scale-xs);--badge-mobile-padding-x:var(--cs-spacing-scale-sm);--badge-container-font-size:var(--cs-fonts-primary-sizes-sm);--badge-sm-height:var(--cs-spacing-scale-md);--badge-sm-padding-y:var(--cs-spacing-scale-xs);--badge-sm-padding-x:var(--cs-spacing-scale-sm);--badge-sm-font-size:var(--cs-fonts-primary-sizes-xs);--badge-lg-height:var(--cs-spacing-scale-xl);--badge-lg-padding-y:var(--cs-spacing-scale-sm);--badge-lg-padding-x:var(--cs-spacing-scale-sm);--badge-lg-font-size:var(--cs-fonts-primary-sizes-sm);--badge-icon-margin:var(--cs-spacing-scale-xs);--badge-icon-size:var(--cs-fonts-primary-sizes-sm);--badge-showcase-gap:var(--cs-spacing-scale-md);--badge-status-showcase-gap:var(--cs-spacing-scale-sm);--badge-status-item-gap:var(--cs-spacing-scale-sm);--badge-status-text-size:var(--cs-fonts-primary-sizes-sm);--badge-notification-text-size:var(--cs-fonts-primary-sizes-sm);--badge-category-title-size:var(--cs-fonts-primary-sizes-lg);--badge-category-title-weight:var(--cs-fonts-primary-weights-semibold);--badge-category-grid-gap:var(--cs-spacing-scale-sm);--badge-responsive-grid-gap:var(--cs-spacing-scale-md);--badge-responsive-title-size:var(--cs-fonts-primary-sizes-md);--badge-responsive-title-weight:var(--cs-fonts-primary-weights-medium);--badge-responsive-badges-gap:var(--cs-spacing-scale-sm)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-lg);padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-family:var(--cs-fonts-primary-family);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);border:var(--cs-spacing-scale-xs) solid var(--cs-colors-border-transparent);border-radius:var(--cs-border-radius-full);transition:var(--cs-transitions-properties-colors);outline:none;cursor:default}.badge--default{background-color:var(--badge-default-background,var(--cs-colors-primary-500));color:var(--badge-default-text,var(--cs-colors-text-inverse));border-color:var(--badge-default-border)}.badge--secondary{background-color:var(--badge-secondary-background,var(--cs-colors-surface-surface));color:var(--badge-secondary-text,var(--cs-colors-text-primary));border-color:var(--badge-secondary-border,var(--cs-colors-surface-border))}.badge--destructive{background-color:var(--badge-destructive-background,var(--cs-colors-semantic-error));color:var(--badge-destructive-text,var(--cs-colors-text-inverse));border-color:var(--badge-destructive-border,var(--cs-colors-semantic-error))}.badge--outline{background-color:var(--badge-outline-background);color:var(--badge-outline-text,var(--cs-colors-text-primary));border-color:var(--badge-outline-border,var(--cs-colors-surface-border))}.badge[tabindex]:hover,.badge[role=button]:hover,.badge[role=link]:hover{transform:var(--badge-hover-transform,translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--badge-hover-shadow,var(--cs-shadows-md))}.badge--default:hover{background-color:var(--badge-default-hover,var(--cs-colors-primary-hover))}.badge--secondary:hover{background-color:var(--badge-secondary-hover,var(--cs-colors-interactive-hover))}.badge--destructive:hover{background-color:var(--badge-destructive-hover)}.badge--outline:hover{background-color:var(--badge-outline-hover,var(--cs-colors-interactive-hover));border-color:var(--badge-outline-hover-border,var(--cs-colors-surface-border))}.badge[tabindex]:focus,.badge[role=button]:focus,.badge[role=link]:focus{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}.badge[tabindex]:active,.badge[role=button]:active,.badge[role=link]:active{transform:var(--badge-active-transform,translateY(0));box-shadow:var(--badge-active-shadow,var(--cs-shadow-sm))}.badge:focus-visible{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}@media (prefers-contrast:high){.badge{border-width:var(--badge-high-contrast-border-width)}.badge--outline{border-width:var(--badge-outline-high-contrast-border-width)}}@media (prefers-reduced-motion:reduce){.badge{transition:none}.badge[tabindex]:hover,.badge[role=button]:hover,.badge[role=link]:hover{transform:none}}@media (max-width:640px){.badge{font-size:var(--badge-mobile-font-size,var(--cs-fonts-primary-sizes-xs));padding:var(--badge-mobile-padding-y,var(--cs-spacing-scale-xs)) var(--badge-mobile-padding-x,var(--cs-spacing-scale-sm))}}@container (min-width:768px){.badge{font-size:var(--badge-container-font-size,var(--cs-fonts-primary-sizes-sm))}}.badge__icon{margin-right:var(--badge-icon-margin,var(--cs-spacing-scale-xs));width:var(--badge-icon-size,var(--cs-fonts-primary-sizes-sm));height:var(--badge-icon-size,var(--cs-fonts-primary-sizes-sm));flex-shrink:0}.badge--sm{min-height:var(--badge-sm-height,var(--cs-spacing-scale-md));padding:var(--badge-sm-padding-y,var(--cs-spacing-scale-xs)) var(--badge-sm-padding-x,var(--cs-spacing-scale-sm));font-size:var(--badge-sm-font-size,var(--cs-fonts-primary-sizes-xs))}.badge--lg{min-height:var(--badge-lg-height,var(--cs-spacing-scale-xl));padding:var(--badge-lg-padding-y,var(--cs-spacing-scale-sm)) var(--badge-lg-padding-x,var(--cs-spacing-scale-sm));font-size:var(--badge-lg-font-size,var(--cs-fonts-primary-sizes-sm))}.badge-showcase{display:flex;flex-wrap:wrap;gap:var(--badge-showcase-gap,var(--cs-spacing-scale-md));align-items:center}.badge-status-showcase{display:flex;flex-direction:column;gap:var(--badge-status-showcase-gap,var(--cs-spacing-scale-md))}.badge-status-item{display:flex;align-items:center;gap:var(--badge-status-item-gap,var(--cs-spacing-scale-sm))}.badge-status-text{font-size:var(--badge-status-text-size,var(--cs-fonts-primary-sizes-sm));color:var(--cs-text-secondary)}.badge-notification-showcase{display:flex;flex-direction:column;gap:var(--badge-notification-gap,var(--cs-spacing-scale-md))}.badge-notification-item{display:flex;align-items:center;gap:var(--badge-notification-item-gap,var(--cs-spacing-scale-sm))}.badge-notification-text{font-size:var(--badge-notification-text-size,var(--cs-fonts-primary-sizes-sm));color:var(--cs-text-secondary)}.badge-category-showcase{display:flex;flex-direction:column;gap:var(--badge-category-gap,var(--cs-spacing-scale-md))}.badge-category-section{display:flex;flex-direction:column;gap:var(--badge-category-section-gap,var(--cs-spacing-scale-sm))}.badge-category-title{font-size:var(--badge-category-title-size,var(--cs-fonts-primary-sizes-lg));font-weight:var(--badge-category-title-weight,var(--cs-fonts-primary-weights-semibold));margin-bottom:var(--badge-category-title-margin,var(--cs-spacing-scale-sm));color:var(--cs-text-primary)}.badge-category-grid{display:flex;flex-wrap:wrap;gap:var(--badge-category-grid-gap,var(--cs-spacing-scale-sm))}.badge-interactive-showcase{display:flex;flex-direction:column;gap:var(--badge-interactive-gap,var(--cs-spacing-scale-md))}.badge-interactive-grid{display:flex;flex-wrap:wrap;gap:var(--badge-interactive-grid-gap,var(--cs-spacing-scale-sm))}.badge-interactive-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-size-showcase{display:flex;flex-direction:column;gap:var(--badge-size-gap,var(--cs-spacing-scale-md))}.badge-size-grid{display:flex;align-items:center;gap:var(--badge-size-grid-gap,var(--cs-spacing-scale-sm))}.badge-size-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-icon-showcase{display:flex;flex-direction:column;gap:var(--badge-icon-gap,var(--cs-spacing-scale-md))}.badge-icon-grid{display:flex;flex-wrap:wrap;gap:var(--badge-icon-grid-gap,var(--cs-spacing-scale-sm))}.badge-icon-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted)}.badge-responsive-showcase{display:flex;flex-direction:column;gap:var(--badge-responsive-gap,var(--cs-spacing-scale-md))}.badge-responsive-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-text-muted);margin-bottom:var(--badge-responsive-description-margin,var(--cs-spacing-scale-sm))}.badge-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--badge-responsive-grid-gap,var(--cs-spacing-scale-md));width:100%;max-width:var(--badge-responsive-grid-max-width,var(--cs-spacing-scale-6xl))}.badge-responsive-column{display:flex;flex-direction:column;gap:var(--badge-responsive-column-gap,var(--cs-spacing-scale-sm))}.badge-responsive-title{font-size:var(--badge-responsive-title-size,var(--cs-fonts-primary-sizes-base));font-weight:var(--badge-responsive-title-weight,var(--cs-fonts-primary-weights-medium));margin-bottom:var(--badge-responsive-title-margin,var(--cs-spacing-scale-sm));color:var(--cs-text-primary)}.badge-responsive-badges{display:flex;flex-wrap:wrap;gap:var(--badge-responsive-badges-gap,var(--cs-spacing-scale-sm));width:100%}@media (min-width:768px){.badge-responsive-grid{grid-template-columns:1fr 1fr!important}}:root{--button-height-xs:32px;--button-height-sm:36px;--button-height-md:40px;--button-height-lg:44px;--button-height-xl:48px;--button-height-icon:var(--button-height-md);--button-height-mobile:var(--button-height-lg);--button-padding-xs:6px 12px;--button-padding-sm:8px 16px;--button-padding-md:10px 20px;--button-padding-lg:12px 24px;--button-padding-xl:14px 28px;--button-padding-icon:var(--cs-spacing-scale-sm);--button-padding-mobile:var(--button-padding-lg);--button-padding-xs-y:6px;--button-padding-xs-x:12px;--button-padding-sm-y:8px;--button-padding-sm-x:16px;--button-padding-md-y:10px;--button-padding-md-x:20px;--button-padding-lg-y:12px;--button-padding-lg-x:24px;--button-padding-xl-y:14px;--button-padding-xl-x:28px;--button-padding-y-sm:8px;--button-padding-x-sm:16px;--button-padding-y-md:10px;--button-padding-x-md:20px;--button-padding-y-lg:12px;--button-padding-x-lg:24px;--button-padding-mobile-y:12px;--button-padding-mobile-x:24px;--button-font-size-xs:14px;--button-font-size-sm:14px;--button-font-size-md:16px;--button-font-size-lg:16px;--button-font-size-xl:18px;--button-font-size-mobile:16px;--button-font-weight:var(--cs-fonts-primary-weights-medium);--button-line-height:var(--cs-fonts-primary-line-heights-tight);--button-border-radius:var(--cs-border-radius-md);--button-transition:var(--cs-transitions-properties-colors);--button-gap:var(--cs-spacing-scale-sm);--button-default-background:var(--cs-colors-primary-500);--button-default-text:var(--cs-colors-text-on-primary);--button-default-border:var(--cs-colors-primary-500);--button-default-shadow:var(--cs-shadows-sm);--button-primary-background:var(--cs-colors-primary-500);--button-primary-text:var(--cs-colors-text-on-primary);--button-primary-border:var(--cs-colors-primary-500);--button-primary-shadow:var(--cs-shadows-sm);--button-secondary-background:var(--cs-colors-secondary-100);--button-secondary-text:var(--cs-colors-text-primary);--button-secondary-border:var(--cs-colors-border);--button-secondary-shadow:var(--cs-shadows-sm);--button-outline-background:transparent;--button-outline-text:var(--cs-colors-text-primary);--button-outline-border:var(--cs-colors-border);--button-outline-shadow:var(--cs-shadows-sm);--button-ghost-background:transparent;--button-ghost-text:var(--cs-colors-text-secondary);--button-ghost-border:transparent;--button-ghost-shadow:none;--button-destructive-background:var(--cs-colors-semantic-error);--button-destructive-text:var(--cs-colors-text-inverse);--button-destructive-border:var(--cs-colors-semantic-error);--button-destructive-shadow:var(--cs-shadows-sm);--button-link-background:transparent;--button-link-text:var(--cs-colors-primary-500);--button-link-border:none;--button-link-shadow:none;--button-link-padding-y:var(--cs-spacing-scale-sm);--button-link-padding-x:var(--cs-spacing-scale-md);--button-link-underline-offset:var(--cs-spacing-scale-xs);--button-default-hover-background:var(--cs-colors-primary-hover);--button-default-hover-border:var(--cs-colors-primary-hover);--button-default-hover-shadow:var(--cs-shadows-md);--button-primary-hover-background:var(--cs-colors-primary-hover);--button-primary-hover-border:var(--cs-colors-primary-hover);--button-primary-hover-shadow:var(--cs-shadows-md);--button-secondary-hover-background:var(--cs-colors-interactive-hover);--button-secondary-hover-border:var(--cs-colors-primary-500);--button-secondary-hover-shadow:var(--cs-shadows-md);--button-outline-hover-background:var(--cs-colors-interactive-hover);--button-outline-hover-border:var(--cs-colors-primary-500);--button-outline-hover-shadow:var(--cs-shadows-md);--button-ghost-hover-background:var(--cs-colors-interactive-hover);--button-ghost-hover-text:var(--cs-colors-text-primary);--button-ghost-hover-shadow:var(--cs-shadows-sm);--button-destructive-hover-background:var(--cs-colors-semantic-error-dark);--button-destructive-hover-border:var(--cs-colors-semantic-error-dark);--button-destructive-hover-shadow:var(--cs-shadows-md);--button-link-hover-text:var(--cs-colors-primary-hover);--button-link-hover-underline-thickness:2px;--button-focus-outline:var(--button-focus-outline-width) solid var(--cs-colors-interactive-focus);--button-focus-offset:2px;--button-focus-visible-outline:var(--button-focus-visible-outline-width) solid var(--cs-colors-interactive-focus);--button-focus-visible-offset:2px;--button-active-transform:scale(.98);--button-active-shadow:var(--cs-shadows-sm);--button-hover-transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)));--button-hover-shadow:var(--cs-shadows-md);--button-loading-color:transparent;--button-loading-spinner-size:var(--cs-spacing-scale-lg);--button-loading-spinner-animation:spin 1s linear infinite;--button-disabled-background:var(--cs-colors-interactive-disabled);--button-disabled-text:var(--cs-colors-text-muted);--button-disabled-border:var(--cs-colors-interactive-disabled);--button-icon-size:var(--cs-spacing-scale-lg);--button-icon-pointer-events:var(--button-icon-pointer-events);--button-icon-flex-shrink:var(--button-icon-flex-shrink);--button-content-gap:var(--cs-spacing-scale-sm);--button-spinner-size:var(--cs-spacing-scale-lg);--button-spinner-animation:spin 1s linear infinite;--button-touch-target-min-height:var(--button-touch-target-min-height);--button-touch-target-min-width:var(--button-touch-target-min-width);--button-touch-target-breakpoint:var(--button-touch-target-breakpoint);--button-high-contrast-border-width:var(--button-high-contrast-border-width);--button-high-contrast-focus-outline-width:var(--button-high-contrast-focus-outline-width);--button-focus-outline-width:var(--cs-border-width-focus);--button-focus-visible-outline-width:var(--cs-border-width-focus);--button-focus-offset:var(--cs-border-width-focus);--button-focus-visible-offset:var(--cs-border-width-focus);--button-link-hover-underline-thickness:var(--cs-border-width-focus);--button-icon-pointer-events:none;--button-icon-flex-shrink:0;--button-disabled-cursor:not-allowed;--button-disabled-opacity:.6;--button-xs-breakpoint:var(--cs-breakpoints-xs);--button-sm-breakpoint:var(--cs-breakpoints-sm);--button-md-breakpoint:var(--cs-breakpoints-md);--button-lg-breakpoint:var(--cs-breakpoints-lg);--button-xl-breakpoint:var(--cs-breakpoints-xl);--button-2xl-breakpoint:var(--cs-breakpoints-2xl);--button-3xl-breakpoint:var(--cs-breakpoints-3xl);--button-density-compact-scale:.875;--button-density-comfortable-scale:1;--button-density-spacious-scale:1.125;--button-mobile-breakpoint:var(--cs-breakpoints-sm);--button-tablet-breakpoint:var(--cs-breakpoints-md);--button-desktop-breakpoint:var(--cs-breakpoints-lg);--button-showcase-gap:var(--cs-spacing-scale-md);--button-variant-showcase-gap:var(--cs-spacing-scale-md);--button-size-showcase-gap:var(--cs-spacing-scale-md);--button-state-showcase-gap:var(--cs-spacing-scale-md);--button-responsive-showcase-gap:var(--cs-spacing-scale-md);--button-showcase-title-size:var(--cs-fonts-primary-sizes-lg);--button-showcase-title-weight:var(--cs-fonts-primary-weights-semibold);--button-showcase-description-size:var(--cs-fonts-primary-sizes-sm);--button-showcase-description-color:var(--cs-colors-text-muted);--button-showcase-grid-gap:var(--cs-spacing-scale-sm);--button-responsive-grid-gap:var(--cs-spacing-scale-md);--button-responsive-grid-max-width:var(--cs-spacing-scale-6xl)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);border-radius:var(--button-border-radius);font-family:var(--cs-fonts-primary-family);font-weight:var(--button-font-weight);line-height:var(--button-line-height);border:none;outline:none;text-decoration:none;white-space:nowrap;transition:var(--button-transition);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button--size-sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--button-font-size-sm);border-radius:var(--button-border-radius)}.button--size-default,.button--size-md{height:var(--button-height-md);padding:var(--button-padding-md);font-size:var(--button-font-size-md);border-radius:var(--button-border-radius)}.button--size-lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--button-font-size-lg);border-radius:var(--button-border-radius)}.button--size-icon{height:var(--button-height-icon);width:var(--button-height-icon);padding:var(--button-padding-icon);border-radius:var(--button-border-radius)}.button--size-mobile{height:var(--button-height-mobile);padding:var(--button-padding-mobile-y) var(--button-padding-mobile-x);font-size:var(--button-font-size-mobile);border-radius:var(--button-border-radius)}.button--variant-default{background-color:var(--button-default-background);color:var(--button-default-text);border:var(--cs-border-width-normal) solid var(--button-default-border);box-shadow:var(--button-default-shadow)}.button--variant-default:hover{background-color:var(--button-default-hover-background);border-color:var(--button-default-hover-border);box-shadow:var(--button-default-hover-shadow);transform:var(--button-hover-transform)}.button--variant-default:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-default:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-secondary{background-color:var(--button-secondary-background);color:var(--button-secondary-text);border:var(--cs-border-width-normal) solid var(--button-secondary-border);box-shadow:var(--button-secondary-shadow)}.button--variant-secondary:hover{background-color:var(--button-secondary-hover-background);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-secondary-hover-shadow);transform:var(--button-hover-transform)}.button--variant-secondary:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-secondary:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-outline{background-color:var(--button-outline-background);color:var(--button-outline-text);border:var(--cs-border-width-normal) solid var(--button-outline-border);box-shadow:var(--button-outline-shadow)}.button--variant-outline:hover{background-color:var(--button-outline-hover-background);border-color:var(--button-outline-hover-border);box-shadow:var(--button-outline-hover-shadow);transform:var(--button-hover-transform)}.button--variant-outline:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-outline:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-ghost{background-color:var(--button-ghost-background);color:var(--button-ghost-text);border:var(--cs-border-width-normal) solid var(--button-ghost-border);box-shadow:var(--button-ghost-shadow)}.button--variant-ghost:hover{background-color:var(--button-ghost-hover-background);color:var(--button-ghost-hover-text);box-shadow:var(--button-ghost-hover-shadow);transform:var(--button-hover-transform)}.button--variant-ghost:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-ghost:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-destructive{background-color:var(--button-destructive-background);color:var(--button-destructive-text);border:var(--cs-border-width-normal) solid var(--button-destructive-border);box-shadow:var(--button-destructive-shadow)}.button--variant-destructive:hover{background-color:var(--button-destructive-hover-background);border-color:var(--button-destructive-hover-border);box-shadow:var(--button-destructive-hover-shadow);transform:var(--button-hover-transform)}.button--variant-destructive:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-destructive:active{transform:var(--button-active-transform);box-shadow:var(--button-active-shadow)}.button--variant-link{background-color:var(--button-link-background);color:var(--button-link-text);text-decoration:underline;text-underline-offset:var(--button-link-underline-offset);border:var(--button-link-border);box-shadow:var(--button-link-shadow);padding:var(--button-link-padding-y) var(--button-link-padding-x)}.button--variant-link:hover{color:var(--button-link-hover-text);text-decoration-thickness:var(--button-link-hover-underline-thickness);transform:var(--button-hover-transform)}.button--variant-link:focus{outline:var(--button-focus-outline);outline-offset:var(--button-focus-offset)}.button--variant-link:active{transform:var(--button-active-transform)}.button--state-loading{position:relative;color:var(--button-loading-color)}.button--state-loading .button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:currentColor}.button:focus-visible{outline:var(--button-focus-visible-outline);outline-offset:var(--button-focus-visible-offset)}@media (max-width:var(--button-touch-target-breakpoint)){.button{min-height:var(--button-touch-target-min-height);min-width:var(--button-touch-target-min-width)}}@media (prefers-contrast:high){.button{border-width:var(--button-high-contrast-border-width)}.button:focus{outline-width:var(--button-high-contrast-focus-outline-width)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button__spinner{animation:none}}.dark .button--variant-default,.dark .button--variant-primary{background-color:var(--cs-modes-dark-colors-primary-500);border-color:var(--cs-modes-dark-colors-primary-500)}.dark .button--variant-default:hover,.dark .button--variant-primary:hover{background-color:var(--cs-modes-dark-colors-primary-hover);border-color:var(--cs-modes-dark-colors-primary-hover)}.dark .button--variant-secondary{background-color:var(--cs-modes-dark-colors-secondary-100);border-color:var(--cs-modes-dark-colors-border)}.dark .button--variant-outline{border-color:var(--cs-modes-dark-colors-border)}.dark .button--variant-ghost{background-color:transparent}.dark .button--variant-ghost:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.dark .button--variant-destructive{background-color:var(--cs-modes-dark-colors-semantic-error);border-color:var(--cs-modes-dark-colors-semantic-error)}.dark .button--variant-link{color:var(--cs-modes-dark-colors-primary-500)}.dark .button--variant-link:hover{color:var(--cs-modes-dark-colors-primary-hover)}.button-showcase{display:flex;flex-wrap:wrap;gap:var(--button-showcase-gap);align-items:center}.button-variant-showcase{display:flex;flex-direction:column;gap:var(--button-variant-showcase-gap)}.button-variant-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-variant-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-variant-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-variant-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-size-showcase{display:flex;flex-direction:column;gap:var(--button-size-showcase-gap)}.button-size-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-size-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-size-grid{display:flex;align-items:center;gap:var(--button-showcase-grid-gap)}.button-size-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-state-showcase{display:flex;flex-direction:column;gap:var(--button-state-showcase-gap)}.button-state-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-state-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-state-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-state-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-icon-section{display:flex;flex-direction:column;gap:var(--button-showcase-grid-gap)}.button-icon-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-icon-grid{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap)}.button-icon-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color)}.button-responsive-showcase{display:flex;flex-direction:column;gap:var(--button-responsive-showcase-gap)}.button-responsive-description{font-size:var(--button-showcase-description-size);color:var(--button-showcase-description-color);margin-bottom:var(--cs-spacing-scale-sm)}.button-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--button-responsive-grid-gap);width:100%;max-width:var(--button-responsive-grid-max-width)}.button-responsive-column{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm)}.button-responsive-title{font-size:var(--button-showcase-title-size);font-weight:var(--button-showcase-title-weight);margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.button-responsive-buttons{display:flex;flex-wrap:wrap;gap:var(--button-showcase-grid-gap);width:100%}.button--full-width{width:100%}@media (min-width:768px){.button-responsive-grid{grid-template-columns:1fr 1fr!important}}@container (min-width:768px){.button-showcase{gap:var(--cs-spacing-scale-lg)}.button-variant-grid,.button-size-grid,.button-state-grid,.button-icon-grid{gap:var(--cs-spacing-scale-md)}}@media (prefers-contrast:high){.button-variant-title,.button-size-title,.button-state-title,.button-icon-title,.button-responsive-title{border-bottom:var(--button-high-contrast-border-width) solid var(--cs-colors-text-primary);padding-bottom:var(--cs-spacing-scale-xs)}}@media (prefers-reduced-motion:reduce){.button-showcase,.button-variant-showcase,.button-size-showcase,.button-state-showcase,.button-icon-showcase,.button-responsive-showcase{transition:none}}@media (max-width:475px){.button{min-height:calc(var(--button-height-mobile) * var(--button-density-compact-scale));padding:calc(var(--button-padding-mobile-y) * var(--button-density-compact-scale)) calc(var(--button-padding-mobile-x) * var(--button-density-compact-scale));font-size:calc(var(--button-font-size-mobile) * var(--button-density-compact-scale));min-height:48px}.button--size-sm{min-height:44px;padding:calc(var(--button-padding-sm-y) * var(--button-density-compact-scale)) calc(var(--button-padding-sm-x) * var(--button-density-compact-scale))}.button--size-lg{min-height:52px;padding:calc(var(--button-padding-lg-y) * var(--button-density-compact-scale)) calc(var(--button-padding-lg-x) * var(--button-density-compact-scale))}}@media (min-width:641px) and (max-width:767px){.button{min-height:calc(var(--button-height-md) * var(--button-density-comfortable-scale));padding:calc(var(--button-padding-y-md) * var(--button-density-comfortable-scale)) calc(var(--button-padding-x-md) * var(--button-density-comfortable-scale));font-size:calc(var(--button-font-size-md) * var(--button-density-comfortable-scale));min-height:46px}}@media (min-width:768px) and (max-width:1023px){.button{min-height:calc(var(--button-height-md) * var(--button-density-comfortable-scale));padding:calc(var(--button-padding-y-md) * var(--button-density-comfortable-scale)) calc(var(--button-padding-x-md) * var(--button-density-comfortable-scale));font-size:var(--button-font-size-md);min-height:44px}}@media (min-width:1024px) and (max-width:1279px){.button{min-height:calc(var(--button-height-lg) * var(--button-density-spacious-scale));padding:calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale)) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale));font-size:calc(var(--button-font-size-lg) * var(--button-density-spacious-scale));min-height:42px}.button:hover{transform:var(--button-hover-transform);box-shadow:var(--button-hover-shadow)}}@media (min-width:1280px) and (max-width:1535px){.button{min-height:calc(var(--button-height-lg) * var(--button-density-spacious-scale));padding:calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale)) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale));font-size:calc(var(--button-font-size-lg) * var(--button-density-spacious-scale));min-height:40px}}@media (min-width:1536px) and (max-width:1919px){.button{min-height:calc(var(--button-height-lg) * var(--button-density-spacious-scale) * 1.05);padding:calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale) * 1.05) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale) * 1.05);font-size:calc(var(--button-font-size-lg) * var(--button-density-spacious-scale) * 1.025);min-height:38px}}@media (hover:hover) and (pointer:fine){}@media (pointer:coarse){.button{min-height:max(44px,var(--button-height-md));min-width:44px}.button--size-sm,.button--size-xs{min-height:44px;min-width:44px}}:root{--card-padding-base:var(--cs-spacing-scale-lg);--card-padding-compact:var(--cs-spacing-scale-md);--card-padding-spacious:var(--cs-spacing-scale-xl);--card-border-radius:var(--cs-border-radius-lg);--card-border-width:var(--card-border-width-normal);--card-border-color:var(--cs-colors-border);--card-border-color-hover:var(--cs-colors-border);--card-border-color-focus:var(--cs-colors-interactive-focus);--card-shadow-base:var(--cs-shadows-sm);--card-shadow-elevated:var(--cs-shadows-md);--card-shadow-interactive:var(--cs-shadows-lg);--card-shadow-hover:var(--cs-shadows-md);--card-shadow-focus:var(--cs-shadows-lg);--card-background:var(--cs-colors-surface-background);--card-background-hover:var(--cs-colors-surface-surface);--card-background-active:var(--cs-colors-surface-surface);--card-background-focus:var(--cs-colors-surface-background);--card-text-primary:var(--cs-colors-text-primary);--card-text-secondary:var(--cs-colors-text-secondary);--card-text-muted:var(--cs-colors-text-muted);--card-text-inverse:var(--cs-colors-text-inverse);--card-spacing-header:var(--cs-spacing-scale-lg);--card-spacing-content:var(--cs-spacing-scale-lg);--card-spacing-footer:var(--cs-spacing-scale-lg);--card-spacing-compact:var(--cs-spacing-scale-md);--card-spacing-spacious:var(--cs-spacing-scale-xl);--card-transition-duration:var(--cs-transitions-duration-normal);--card-transition-easing:var(--cs-transitions-easing-ease);--card-transition-properties:all var(--card-transition-duration) var(--card-transition-easing);--card-min-height:auto;--card-max-width:none;--card-width:auto;--card-cursor-default:default;--card-cursor-interactive:pointer;--card-outline-focus:var(--card-border-width-focus) solid var(--cs-colors-interactive-focus);--card-outline-offset:var(--card-outline-offset-focus);--card-title-font-size:var(--cs-fonts-display-sizes-sm);--card-title-font-weight:var(--cs-fonts-display-weights-semibold);--card-title-line-height:var(--cs-fonts-display-line-heights-tight);--card-title-letter-spacing:var(--cs-fonts-display-letter-spacing-tight);--card-description-font-size:var(--cs-fonts-body-sizes-sm);--card-description-font-weight:var(--cs-fonts-body-weights-normal);--card-description-line-height:var(--cs-fonts-body-line-heights-normal);--card-description-letter-spacing:var(--cs-fonts-body-letter-spacing-normal);--card-mobile-padding:var(--cs-spacing-scale-md);--card-tablet-padding:var(--cs-spacing-scale-lg);--card-desktop-padding:var(--cs-spacing-scale-xl);--card-transform-hover:translateY(var(--card-transform-hover-y));--card-transform-active:translateY(var(--cs-spacing-scale-none));--card-transform-focus:var(--cs-animation-transforms-scale-up);--card-focus-ring-color:var(--cs-colors-interactive-focus);--card-focus-ring-width:var(--card-focus-ring-width);--card-focus-ring-offset:var(--card-focus-ring-offset);--card-focus-ring-radius:var(--cs-border-radius-md);--card-border-width-normal:var(--cs-border-width-normal);--card-border-width-focus:var(--cs-border-width-focus);--card-border-width-thick:var(--cs-border-width-thick);--card-border-width-extra-thick:var(--cs-border-width-extra-thick);--card-outline-offset-focus:var(--cs-accessibility-outline-offset);--card-focus-ring-width:var(--cs-accessibility-focus-ring-width);--card-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--card-animation-duration-fast:var(--cs-animation-duration-fast);--card-animation-duration-slow:var(--cs-animation-duration-slow);--card-animation-offset-y:var(--cs-animation-transforms-offset-y);--card-transform-hover-y:var(--cs-animation-transforms-hover-y);--card-container-breakpoint-small:var(--cs-container-query-small);--card-container-breakpoint-medium:var(--cs-container-query-medium);--card-print-border-color:var(--cs-print-border-color);--card-print-text-color:var(--cs-print-text-color);--card-print-text-secondary-color:var(--cs-print-text-secondary-color);--card-high-contrast-border-width:var(--cs-accessibility-high-contrast-border-width);--card-high-contrast-outline-width:var(--cs-accessibility-high-contrast-outline-width);--card-shimmer-alpha:var(--cs-shimmer-alpha)}.dark{--card-background:var(--cs-modes-dark-colors-surface-background);--card-background-hover:var(--cs-modes-dark-colors-surface-surface);--card-background-active:var(--cs-modes-dark-colors-surface-surface);--card-background-focus:var(--cs-modes-dark-colors-surface-background);--card-text-primary:var(--cs-modes-dark-colors-text-primary);--card-text-secondary:var(--cs-modes-dark-colors-text-secondary);--card-text-muted:var(--cs-modes-dark-colors-text-muted);--card-text-inverse:var(--cs-modes-dark-colors-text-inverse);--card-border-color:var(--cs-modes-dark-colors-border);--card-border-color-hover:var(--cs-modes-dark-colors-border);--card-border-color-focus:var(--cs-modes-dark-colors-interactive-focus)}.card{background-color:var(--card-background);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-base);color:var(--card-text-primary);cursor:var(--card-cursor-default);display:block;font-family:inherit;line-height:var(--cs-fonts-primary-line-heights-normal);min-height:var(--card-min-height);max-width:var(--card-max-width);overflow:hidden;position:relative;text-decoration:none;transition:var(--card-transition-properties);width:var(--card-width);outline:none}.card--variant-primary{border-color:var(--cs-colors-primary-500);background-color:var(--cs-colors-primary-50)}.card--variant-secondary{border-color:var(--cs-colors-secondary-500);background-color:var(--cs-colors-secondary-50)}.card--variant-success{border-color:var(--cs-colors-semantic-success);background-color:rgba(var(--cs-colors-semantic-success-rgb),var(--cs-colors-alpha-low))}.card--variant-warning{border-color:var(--cs-colors-semantic-warning);background-color:rgba(var(--cs-colors-semantic-warning-rgb),var(--cs-colors-alpha-low))}.card--variant-error{border-color:var(--cs-colors-semantic-error);background-color:rgba(var(--cs-colors-semantic-error-rgb),var(--cs-colors-alpha-low))}.card--elevation-base{box-shadow:var(--card-shadow-base)}.card--elevation-elevated{box-shadow:var(--card-shadow-elevated)}.card--elevation-interactive{box-shadow:var(--card-shadow-interactive)}.card--size-compact{padding:var(--card-padding-compact)}.card--size-normal{padding:var(--card-padding-base)}.card--size-spacious{padding:var(--card-padding-spacious)}.card--interactive{cursor:var(--card-cursor-interactive)}.card--interactive:hover{background-color:var(--card-background-hover);border-color:var(--card-border-color-hover);box-shadow:var(--card-shadow-hover);transform:var(--card-transform-hover)}.card--interactive:active{background-color:var(--card-background-active);transform:var(--card-transform-active)}.card--interactive:focus-visible{background-color:var(--card-background-focus);border-color:var(--card-border-color-focus);box-shadow:var(--card-shadow-focus);outline:var(--card-outline-focus);outline-offset:var(--card-outline-offset);transform:var(--card-transform-focus)}.card__header{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm);padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__header--spacing-compact{padding:var(--card-spacing-compact);padding-bottom:var(--cs-spacing-scale-sm)}.card__header--spacing-normal{padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__header--spacing-spacious{padding:var(--card-spacing-spacious);padding-bottom:var(--cs-spacing-scale-lg)}.card__title{color:var(--card-text-primary);font-family:inherit;font-size:var(--card-title-font-size);font-weight:var(--card-title-font-weight);line-height:var(--card-title-line-height);letter-spacing:var(--card-title-letter-spacing);margin:0;padding:0}.card__title--size-small{font-size:var(--cs-fonts-display-sizes-xs)}.card__title--size-normal{font-size:var(--card-title-font-size)}.card__title--size-large{font-size:var(--cs-fonts-display-sizes-md)}.card__description{color:var(--card-text-secondary);font-family:inherit;font-size:var(--card-description-font-size);font-weight:var(--card-description-font-weight);line-height:var(--card-description-line-height);letter-spacing:var(--card-description-letter-spacing);margin:0;padding:0}.card__description--size-small{font-size:var(--cs-fonts-body-sizes-xs)}.card__description--size-normal{font-size:var(--card-description-font-size)}.card__content{padding:var(--card-spacing-content);padding-top:0}.card__content--spacing-compact{padding:var(--card-spacing-compact);padding-top:0}.card__content--spacing-normal{padding:var(--card-spacing-content);padding-top:0}.card__content--spacing-spacious{padding:var(--card-spacing-spacious);padding-top:0}.card__footer{align-items:center;display:flex;gap:var(--cs-spacing-scale-md);padding:var(--card-spacing-footer);padding-top:0}.card__footer--layout-horizontal{flex-direction:row;justify-content:flex-start}.card__footer--layout-vertical,.card__footer--layout-stacked{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-sm)}.card__footer--layout-justified{flex-direction:row;justify-content:space-between}.card__footer--layout-centered{flex-direction:row;justify-content:center}@media (min-width:768px){.card{padding:var(--card-tablet-padding)}.card__header{padding:var(--card-spacing-header);padding-bottom:var(--cs-spacing-scale-md)}.card__footer{padding:var(--card-spacing-footer);padding-top:0}}@container (min-width:var(--card-container-breakpoint-small)){.card__footer--layout-horizontal{gap:var(--cs-spacing-scale-lg)}}@container (min-width:var(--card-container-breakpoint-medium)){.card__header{flex-direction:row;align-items:center;justify-content:space-between}}.card:focus-visible{outline:var(--card-focus-ring-width) solid var(--card-focus-ring-color);outline-offset:var(--card-focus-ring-offset);border-radius:var(--card-focus-ring-radius)}@media print{.card{background:transparent!important;border:var(--card-border-width-normal) solid var(--card-print-border-color)!important;box-shadow:none!important;color:var(--card-print-text-color)!important;page-break-inside:avoid}.card__title{color:var(--card-print-text-color)!important}.card__description{color:var(--card-print-text-secondary-color)!important}}@media (prefers-contrast:high){.card{border-width:var(--card-high-contrast-border-width);border-color:currentColor}.card:focus-visible{outline-width:var(--card-high-contrast-outline-width);outline-color:currentColor}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card--interactive:hover,.card--interactive:focus-visible{transform:none}}.dark .card--variant-primary{background-color:rgba(var(--cs-modes-dark-colors-primary-500-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-secondary{background-color:rgba(var(--cs-modes-dark-colors-secondary-500-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-success{background-color:rgba(var(--cs-modes-dark-colors-semantic-success-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-warning{background-color:rgba(var(--cs-modes-dark-colors-semantic-warning-rgb),var(--cs-colors-alpha-low))}.dark .card--variant-error{background-color:rgba(var(--cs-modes-dark-colors-semantic-error-rgb),var(--cs-colors-alpha-low))}.card--full-width{width:100%}.card--centered{margin-left:auto;margin-right:auto}.card--text-center{text-align:center}.card--text-left{text-align:left}.card--text-right{text-align:right}.card--animate-in{animation:cardFadeIn var(--card-animation-duration-fast) ease-out}.card--animate-out{animation:cardFadeOut var(--card-animation-duration-fast) ease-in}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(var(--card-animation-offset-y))}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--card-animation-offset-y)))}}.card--loading{position:relative;overflow:hidden}.card--loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,var(--card-shimmer-alpha)),transparent);animation:cardShimmer var(--card-animation-duration-slow) infinite}@keyframes cardShimmer{0%{left:-100%}to{left:100%}}.card--disabled{opacity:var(--cs-accessibility-disabled-opacity);pointer-events:none;cursor:not-allowed}.card--disabled:hover,.card--disabled:focus-visible{background-color:var(--card-background);border-color:var(--card-border-color);box-shadow:var(--card-shadow-base);transform:none}:root{--checkbox-size-base:var(--cs-spacing-scale-md);--checkbox-size-small:var(--cs-spacing-scale-sm);--checkbox-size-large:var(--cs-spacing-scale-lg);--checkbox-border-width:var(--cs-border-width-normal);--checkbox-border-radius:var(--cs-border-radius-sm);--checkbox-transition:var(--cs-transitions-properties-colors);--checkbox-focus-ring-width:var(--cs-accessibility-focus-ring-width);--checkbox-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--checkbox-focus-ring-color:var(--cs-accessibility-focus-ring-color);--checkbox-disabled-opacity:var(--cs-colors-interactive-disabled);--checkbox-disabled-cursor:var(--cs-accessibility-disabled-cursor,not-allowed);--checkbox-checked-color:var(--cs-colors-primary-500);--checkbox-unchecked-color:var(--cs-colors-surface-border);--checkbox-hover-color:var(--cs-colors-primary-400);--checkbox-active-color:var(--cs-colors-primary-600);--checkbox-transform-check:var(--cs-animation-transforms-scale);--checkbox-animation-duration:var(--cs-animation-duration-fast);--checkbox-animation-easing:var(--cs-animation-easing-ease-out);--checkbox-label-spacing:var(--cs-spacing-scale-sm);--checkbox-group-spacing:var(--cs-spacing-scale-md);--checkbox-container-width:calc(var(--cs-spacing-scale-6xl) * 2.667);--checkbox-container-max-width:100%}.checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size-base);height:var(--checkbox-size-base);border:var(--checkbox-border-width) solid var(--checkbox-unchecked-color);border-radius:var(--checkbox-border-radius);background-color:transparent;cursor:pointer;transition:var(--checkbox-transition);appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox:hover{border-color:var(--checkbox-hover-color);background-color:var(--cs-colors-interactive-hover)}.checkbox:active{border-color:var(--checkbox-active-color);background-color:var(--cs-colors-interactive-active)}.checkbox:focus{outline:none;border-color:var(--checkbox-focus-ring-color);box-shadow:0 0 0 var(--checkbox-focus-ring-width) var(--checkbox-focus-ring-color)}.checkbox:checked{background-color:var(--checkbox-checked-color);border-color:var(--checkbox-checked-color)}.checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) scale(1);transition:transform var(--checkbox-animation-duration) var(--checkbox-animation-easing)}.checkbox:checked:hover:after{transform:translate(-50%,-50%) var(--checkbox-transform-check)}.checkbox:disabled{opacity:var(--cs-accessibility-disabled-opacity);cursor:var(--checkbox-disabled-cursor);background-color:var(--cs-colors-interactive-disabled);border-color:var(--cs-colors-interactive-disabled)}.checkbox:disabled:hover{border-color:var(--cs-colors-interactive-disabled);background-color:var(--cs-colors-interactive-disabled)}.checkbox:disabled:checked{background-color:var(--cs-colors-interactive-disabled);border-color:var(--cs-colors-interactive-disabled)}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:var(--checkbox-label-spacing)}@keyframes checkbox-check{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.checkbox:checked:after{animation:checkbox-check var(--checkbox-animation-duration) var(--checkbox-animation-easing)}@keyframes checkbox-focus-ring{0%{box-shadow:0 0 0 0 var(--checkbox-focus-ring-color)}to{box-shadow:0 0 0 var(--checkbox-focus-ring-width) var(--checkbox-focus-ring-color)}}.checkbox:focus{animation:checkbox-focus-ring var(--cs-animation-duration-fast) var(--cs-animation-easing-ease-out)}@keyframes checkbox-hover{0%{transform:scale(1)}to{transform:var(--checkbox-transform-check)}}.checkbox:hover{animation:checkbox-hover var(--cs-animation-duration-fast) var(--cs-animation-easing-ease-out)}@media (prefers-contrast:high){.checkbox{border-width:var(--cs-accessibility-high-contrast-border-width)}.checkbox:focus{outline:var(--cs-accessibility-high-contrast-outline-width) solid var(--checkbox-focus-ring-color);outline-offset:var(--cs-accessibility-outline-offset)}}@media (prefers-reduced-motion:reduce){.checkbox,.checkbox:after{transition:none;animation:none}.checkbox:hover{animation:none}.checkbox:focus{animation:none}}@media print{.checkbox{border-color:var(--cs-print-border-color);background-color:transparent}.checkbox:checked{background-color:var(--cs-print-border-color)}.checkbox__label{color:var(--cs-print-text-color)}.checkbox__description{color:var(--cs-print-text-secondary-color)}}:root{--input-height-sm:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-sm));--input-height-md:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-md));--input-height-lg:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));--input-height-xl:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-xl));--input-padding-y-sm:var(--cs-spacing-scale-sm);--input-padding-x-sm:var(--cs-spacing-scale-md);--input-padding-y-md:var(--cs-spacing-scale-md);--input-padding-x-md:var(--cs-spacing-scale-lg);--input-padding-y-lg:var(--cs-spacing-scale-lg);--input-padding-x-lg:var(--cs-spacing-scale-xl);--input-padding-y-xl:var(--cs-spacing-scale-xl);--input-padding-x-xl:var(--cs-spacing-scale-2xl);--input-font-size-sm:var(--cs-fonts-primary-sizes-sm);--input-font-size-md:var(--cs-fonts-primary-sizes-base);--input-font-size-lg:var(--cs-fonts-primary-sizes-lg);--input-font-size-xl:var(--cs-fonts-primary-sizes-xl);--input-font-weight:var(--cs-fonts-primary-weights-normal);--input-line-height:var(--cs-fonts-primary-line-heights-normal);--input-border-radius:var(--cs-border-radius-md);--input-transition:var(--cs-transitions-properties-colors);--input-gap:var(--cs-spacing-scale-sm);--input-default-background:var(--cs-colors-surface-background);--input-default-text:var(--cs-colors-text-primary);--input-default-border:var(--cs-colors-border);--input-default-placeholder:var(--cs-colors-text-muted);--input-default-shadow:var(--cs-shadows-sm);--input-error-background:rgba(var(--cs-colors-semantic-error-rgb),.05);--input-error-text:var(--cs-colors-text-primary);--input-error-border:var(--cs-colors-semantic-error);--input-error-placeholder:var(--cs-colors-text-muted);--input-error-shadow:var(--cs-shadows-focus-error);--input-success-background:rgba(var(--cs-colors-semantic-success-rgb),.05);--input-success-text:var(--cs-colors-text-primary);--input-success-border:var(--cs-colors-semantic-success);--input-success-placeholder:var(--cs-colors-text-muted);--input-success-shadow:var(--cs-shadows-focus-success);--input-warning-background:rgba(var(--cs-colors-semantic-warning-rgb),.05);--input-warning-text:var(--cs-colors-text-primary);--input-warning-border:var(--cs-colors-semantic-warning);--input-warning-placeholder:var(--cs-colors-text-muted);--input-warning-shadow:var(--cs-shadows-focus-warning);--input-loading-background:var(--cs-colors-surface-background);--input-loading-text:var(--cs-colors-text-muted);--input-loading-border:var(--cs-colors-border);--input-loading-placeholder:var(--cs-colors-text-muted);--input-loading-shadow:var(--cs-shadows-sm);--input-normal-background:var(--input-default-background);--input-normal-text:var(--input-default-text);--input-normal-border:var(--input-default-border);--input-normal-shadow:var(--input-default-shadow);--input-focused-background:var(--cs-colors-surface-background);--input-focused-text:var(--cs-colors-text-primary);--input-focused-border:var(--cs-colors-primary-500);--input-focused-shadow:var(--cs-shadows-focus);--input-disabled-background:var(--cs-colors-interactive-disabled);--input-disabled-text:var(--cs-colors-text-muted);--input-disabled-border:var(--cs-colors-interactive-disabled);--input-disabled-shadow:none;--input-disabled-opacity:var(--cs-opacity-60);--input-disabled-cursor:not-allowed;--input-readonly-background:var(--cs-colors-surface-surface);--input-readonly-text:var(--cs-colors-text-primary);--input-readonly-border:var(--cs-colors-border);--input-readonly-shadow:var(--cs-shadows-sm);--input-readonly-cursor:default;--input-hover-background:var(--cs-colors-surface-background);--input-hover-border:var(--cs-colors-primary-400);--input-hover-shadow:var(--cs-shadows-md);--input-active-background:var(--cs-colors-surface-background);--input-active-border:var(--cs-colors-primary-600);--input-active-shadow:var(--cs-shadows-sm);--input-focus-outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);--input-focus-offset:var(--cs-border-width-focus);--input-focus-visible-outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);--input-focus-visible-offset:var(--cs-border-width-focus);--input-file-button-background:var(--cs-colors-primary-500);--input-file-button-text:var(--cs-colors-text-on-primary);--input-file-button-border:var(--cs-colors-primary-500);--input-file-button-padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--input-file-button-font-size:var(--cs-fonts-primary-sizes-sm);--input-file-button-font-weight:var(--cs-fonts-primary-weights-medium);--input-file-button-border-radius:var(--cs-border-radius-sm);--input-file-button-transition:var(--cs-transitions-properties-colors);--input-file-button-hover-background:var(--cs-colors-primary-hover);--input-file-button-hover-border:var(--cs-colors-primary-hover);--input-mobile-breakpoint:var(--cs-breakpoints-mobile);--input-tablet-breakpoint:var(--cs-breakpoints-tablet);--input-desktop-breakpoint:var(--cs-breakpoints-desktop);--input-showcase-gap:var(--cs-spacing-scale-md);--input-variant-showcase-gap:var(--cs-spacing-scale-md);--input-size-showcase-gap:var(--cs-spacing-scale-md);--input-state-showcase-gap:var(--cs-spacing-scale-md);--input-responsive-showcase-gap:var(--cs-spacing-scale-md);--input-showcase-title-size:var(--cs-fonts-primary-sizes-lg);--input-showcase-title-weight:var(--cs-fonts-primary-weights-semibold);--input-showcase-description-size:var(--cs-fonts-primary-sizes-sm);--input-showcase-description-color:var(--cs-colors-text-muted);--input-showcase-grid-gap:var(--cs-spacing-scale-sm);--input-responsive-grid-gap:var(--cs-spacing-scale-md);--input-responsive-grid-max-width:var(--cs-spacing-scale-6xl);--input-touch-target-min:var(--cs-touch-target-min);--input-touch-target-small:var(--cs-touch-target-small);--input-touch-target-medium:var(--cs-touch-target-medium);--input-touch-target-large:calc(var(--cs-spacing-scale-2xl) * 1.6);--input-touch-target-extra-large:var(--cs-touch-target-extra-large);--input-hover-transform-y:calc(-1 * var(--cs-spacing-scale-xs));--input-focus-transform-y:calc(-1 * var(--cs-spacing-scale-sm));--input-print-border:var(--cs-colors-black);--input-print-background:transparent;--input-print-text:var(--cs-colors-black);--input-animation-duration-fast:var(--cs-transitions-durations-fast);--input-animation-duration-normal:var(--cs-transitions-durations-slow);--input-border-width-thin:var(--cs-border-width-thin);--input-border-width-normal:var(--cs-border-width-normal);--input-border-width-thick:var(--cs-border-width-focus);--input-border-width-focus:var(--cs-border-width-thick);--input-line-height-compact:var(--cs-fonts-primary-line-heights-normal)}.input{position:relative;display:block;width:var(--cs-percentage-full);min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md);font-family:var(--cs-fonts-primary-family);font-size:var(--input-font-size-md);font-weight:var(--input-font-weight);line-height:var(--input-line-height);color:var(--input-normal-text);background-color:var(--input-normal-background);border:var(--input-border-width-normal) solid var(--input-normal-border);border-radius:var(--input-border-radius);box-shadow:var(--input-normal-shadow);transition:var(--input-transition);outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.input:focus-visible{background-color:var(--input-focused-background);color:var(--input-focused-text);border-color:var(--input-focused-border);box-shadow:var(--input-focused-shadow);outline:var(--input-focus-outline);outline-offset:var(--input-focus-offset)}.input:hover:not(:disabled):not(:readonly){background-color:var(--input-hover-background);border-color:var(--input-hover-border);box-shadow:var(--input-hover-shadow)}.input:active:not(:disabled):not(:readonly){background-color:var(--input-active-background);border-color:var(--input-active-border);box-shadow:var(--input-active-shadow)}.input:disabled{background-color:var(--input-disabled-background);color:var(--input-disabled-text);border-color:var(--input-disabled-border);box-shadow:var(--input-disabled-shadow);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.input[readonly]{background-color:var(--input-readonly-background);color:var(--input-readonly-text);border-color:var(--input-readonly-border);box-shadow:var(--input-readonly-shadow);cursor:var(--input-readonly-cursor)}.input::-moz-placeholder{color:var(--input-default-placeholder);opacity:1}.input::placeholder{color:var(--input-default-placeholder);opacity:1}.input:focus::-moz-placeholder{color:var(--input-focused-text);opacity:var(--cs-opacity-70)}.input:focus::placeholder{color:var(--input-focused-text);opacity:var(--cs-opacity-70)}.input--variant-default{background-color:var(--input-default-background);color:var(--input-default-text);border-color:var(--input-default-border);box-shadow:var(--input-default-shadow)}.input--variant-error{background-color:var(--input-error-background);color:var(--input-error-text);border-color:var(--input-error-border);box-shadow:var(--input-error-shadow)}.input--variant-error:focus{border-color:var(--input-error-border);box-shadow:var(--input-error-shadow)}.input--variant-success{background-color:var(--input-success-background);color:var(--input-success-text);border-color:var(--input-success-border);box-shadow:var(--input-success-shadow)}.input--variant-success:focus{border-color:var(--input-success-border);box-shadow:var(--input-success-shadow)}.input--variant-warning{background-color:var(--input-warning-background);color:var(--input-warning-text);border-color:var(--input-warning-border);box-shadow:var(--input-warning-shadow)}.input--variant-warning:focus{border-color:var(--input-warning-border);box-shadow:var(--input-warning-shadow)}.input--variant-loading{background-color:var(--input-loading-background);color:var(--input-loading-text);border-color:var(--input-loading-border);box-shadow:var(--input-loading-shadow)}.input--size-sm{min-height:var(--input-height-sm);padding:var(--input-padding-y-sm) var(--input-padding-x-sm);font-size:var(--input-font-size-sm)}.input--size-md{min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md);font-size:var(--input-font-size-md)}.input--size-lg{min-height:var(--input-height-lg);padding:var(--input-padding-y-lg) var(--input-padding-x-lg);font-size:var(--input-font-size-lg)}.input--size-xl{min-height:var(--input-height-xl);padding:var(--input-padding-y-xl) var(--input-padding-x-xl);font-size:var(--input-font-size-xl)}.input--state-normal{background-color:var(--input-normal-background);color:var(--input-normal-text);border-color:var(--input-normal-border);box-shadow:var(--input-normal-shadow)}.input--state-focused{background-color:var(--input-focused-background);color:var(--input-focused-text);border-color:var(--input-focused-border);box-shadow:var(--input-focused-shadow)}.input--state-disabled{background-color:var(--input-disabled-background);color:var(--input-disabled-text);border-color:var(--input-disabled-border);box-shadow:var(--input-disabled-shadow);opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor)}.input--state-readonly{background-color:var(--input-readonly-background);color:var(--input-readonly-text);border-color:var(--input-readonly-border);box-shadow:var(--input-readonly-shadow);cursor:var(--input-readonly-cursor)}.input[type=file]{padding:var(--input-padding-y-md) var(--input-padding-x-md);line-height:var(--input-line-height-compact)}.input[type=file]::-webkit-file-upload-button{background-color:var(--input-file-button-background);color:var(--input-file-button-text);border:var(--input-border-width-normal) solid var(--input-file-button-border);padding:var(--input-file-button-padding);font-size:var(--input-file-button-font-size);font-weight:var(--input-file-button-font-weight);border-radius:var(--input-file-button-border-radius);-webkit-transition:var(--input-file-button-transition);transition:var(--input-file-button-transition);cursor:pointer;margin-right:var(--cs-spacing-scale-md)}.input[type=file]::-webkit-file-upload-button:hover{background-color:var(--input-file-button-hover-background);border-color:var(--input-file-button-hover-border)}.input[type=file]::-webkit-file-upload-button:active{transform:scale(var(--cs-scale-98))}.input[type=search]{padding-left:calc(var(--input-padding-x-md) + var(--cs-spacing-scale-lg))}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--cs-spacing-scale-lg);width:var(--cs-spacing-scale-lg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");background-size:contain;cursor:pointer}.input[aria-invalid=true]{border-color:var(--cs-colors-semantic-error);background-color:var(--cs-colors-semantic-error-alpha-5)}.input[aria-invalid=true]:focus{border-color:var(--cs-colors-semantic-error);box-shadow:var(--cs-shadows-focus-error)}.input[data-valid=true]{border-color:var(--cs-colors-semantic-success);background-color:var(--cs-colors-semantic-success-alpha-5)}.input[data-valid=true]:focus{border-color:var(--cs-colors-semantic-success);box-shadow:var(--cs-shadows-focus-success)}.input[data-loading=true]{position:relative;color:transparent}.input[data-loading=true]:after{content:"";position:absolute;top:var(--cs-percentage-50);left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)),calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);border:var(--input-border-width-thick) solid var(--cs-colors-border);border-top-color:var(--cs-colors-primary-500);border-radius:var(--cs-border-radius-full);animation:spin var(--input-animation-duration-normal) linear infinite}@keyframes spin{to{transform:translate(calc(-1 * var(--cs-percentage-50)),calc(-1 * var(--cs-percentage-50))) rotate(var(--cs-rotation-full))}}@media (max-width:767px){.input{min-height:var(--input-touch-target-min);padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);font-size:var(--cs-fonts-primary-sizes-base);border-radius:var(--cs-border-radius-lg)}.input--size-sm{min-height:var(--input-touch-target-small);padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md)}.input--size-lg{min-height:var(--input-touch-target-large);padding:var(--cs-spacing-scale-lg) var(--cs-spacing-scale-xl)}.input--size-xl{min-height:var(--input-touch-target-extra-large);padding:var(--cs-spacing-scale-xl) var(--cs-spacing-scale-2xl)}}@media (min-width:768px) and (max-width:1023px){.input{min-height:var(--input-touch-target-medium);padding:var(--input-padding-y-md) var(--input-padding-x-md);border-radius:var(--input-border-radius)}}@container (max-width:400px){.input{min-height:var(--input-touch-target-min);padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg)}}@container (min-width:401px) and (max-width:800px){.input{min-height:var(--input-touch-target-medium);padding:var(--input-padding-y-md) var(--input-padding-x-md)}}@container (min-width:801px){.input{min-height:var(--input-height-md);padding:var(--input-padding-y-md) var(--input-padding-x-md)}}@media (prefers-color-scheme:dark){.input{background-color:var(--cs-modes-dark-colors-surface-background);border-color:var(--cs-modes-dark-colors-surface-border);color:var(--cs-modes-dark-colors-text-primary)}.input::-moz-placeholder{color:var(--cs-modes-dark-colors-text-muted)}.input::placeholder{color:var(--cs-modes-dark-colors-text-muted)}.input:focus{border-color:var(--cs-modes-dark-colors-primary-500);box-shadow:var(--cs-shadows-focus-dark)}}@media (prefers-contrast:high){.input{border-width:var(--input-border-width-thick)}.input:focus{outline-width:var(--input-border-width-focus);outline-offset:var(--input-border-width-normal)}}@media (prefers-reduced-motion:reduce){.input{transition:none}.input:hover,.input:focus,.input:active{transform:none}}@media print{.input{border:var(--input-border-width-normal) solid var(--input-print-border);background:var(--input-print-background);color:var(--input-print-text);box-shadow:none}.input:focus{outline:var(--input-border-width-thick) solid var(--input-print-border);outline-offset:var(--input-border-width-thick)}}.input-showcase{display:flex;flex-direction:column;gap:var(--input-showcase-gap);max-width:100%}.input-variant-showcase{display:flex;flex-direction:column;gap:var(--input-variant-showcase-gap)}.input-variant-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-variant-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-50),1fr));gap:var(--input-showcase-grid-gap)}.input-variant-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-size-showcase{display:flex;flex-direction:column;gap:var(--input-size-showcase-gap)}.input-size-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-size-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-37-5),1fr));gap:var(--input-showcase-grid-gap)}.input-size-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-state-showcase{display:flex;flex-direction:column;gap:var(--input-state-showcase-gap)}.input-state-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-state-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--cs-spacing-scale-50),1fr));gap:var(--input-showcase-grid-gap)}.input-state-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-responsive-showcase{display:flex;flex-direction:column;gap:var(--input-responsive-showcase-gap)}.input-responsive-section{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md)}.input-responsive-title{font-size:var(--input-showcase-title-size);font-weight:var(--input-showcase-title-weight);color:var(--cs-colors-text-primary);margin:0}.input-responsive-description{font-size:var(--input-showcase-description-size);color:var(--input-showcase-description-color);margin:0;line-height:var(--cs-fonts-primary-line-heights-relaxed)}.input-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--input-responsive-grid-gap);max-width:var(--input-responsive-grid-max-width)}@media (min-width:768px){.input-responsive-grid{grid-template-columns:1fr 1fr}}.input-form-layout{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-lg);max-width:var(--cs-spacing-scale-100)}.input-form-field{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-sm)}.input-form-helper{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted)}.input-form-error{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-semantic-error)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:calc(var(--input-padding-x-md) + var(--cs-spacing-scale-xl))}.input-icon{position:absolute;left:var(--input-padding-x-md);top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg);color:var(--cs-colors-text-muted);pointer-events:none;z-index:1}.input:focus+.input-icon{color:var(--cs-colors-primary-500)}.input-group-row .input{flex:1}@media (max-width:767px){.input-group-row{flex-direction:column;gap:var(--cs-spacing-scale-sm)}.input-group-row .input{width:var(--cs-percentage-full)}}@keyframes inputFocus{0%{transform:scale(1);box-shadow:var(--cs-shadows-focus-start)}50%{transform:scale(var(--cs-scale-102));box-shadow:var(--cs-shadows-focus-mid)}to{transform:scale(1);box-shadow:var(--cs-shadows-focus-end)}}@keyframes inputError{0%,to{transform:translate(0)}25%{transform:translate(calc(-1 * var(--cs-spacing-scale-1)))}75%{transform:translate(var(--cs-spacing-scale-1))}}.input--variant-error:focus{animation:inputError var(--input-animation-duration-fast) ease-in-out}.input--variant-success:focus{animation:inputFocus var(--input-animation-duration-fast) ease-in-out}.input--variant-loading:after{animation:spin var(--input-animation-duration-normal) linear infinite}.input:focus-visible{outline:var(--input-focus-visible-outline);outline-offset:var(--input-focus-visible-offset)}.input[aria-describedby]{border-color:var(--cs-colors-primary-500)}.input[aria-invalid=true]{border-color:var(--cs-colors-semantic-error)}.input[aria-required=true]{border-left:var(--input-border-width-focus) solid var(--cs-colors-primary-500)}@media (pointer:coarse){.input{min-height:var(--input-touch-target-min);min-width:var(--input-touch-target-min)}.input[type=file]::-webkit-file-upload-button{min-height:var(--input-touch-target-min);min-width:var(--input-touch-target-min)}}@media (min-resolution:192dpi){.input{border-width:var(--input-border-width-thin)}.input:focus{border-width:var(--input-border-width-normal)}}:root{--label-font-size:var(--cs-fonts-primary-sizes-sm);--label-font-weight:var(--cs-fonts-primary-weights-medium);--label-line-height:var(--cs-fonts-primary-line-heights-tight);--label-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--label-color-primary:var(--cs-colors-text-primary);--label-color-secondary:var(--cs-colors-text-secondary);--label-color-muted:var(--cs-colors-text-muted);--label-color-disabled:var(--cs-colors-text-muted);--label-padding-y:var(--cs-spacing-scale-xs);--label-padding-x:var(--cs-spacing-scale-sm);--label-margin-bottom:var(--cs-spacing-scale-xs);--label-transition:var(--cs-transitions-properties-colors);--label-disabled-opacity:var(--cs-accessibility-disabled-opacity);--label-disabled-cursor:var(--cs-accessibility-disabled-cursor);--label-focus-ring-width:var(--cs-accessibility-focus-ring-width);--label-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--label-focus-ring-color:var(--cs-accessibility-focus-ring-color);--label-focus-outline-offset:var(--cs-accessibility-outline-offset);--label-label-spacing:var(--cs-spacing-scale-sm);--label-group-spacing:var(--cs-spacing-scale-md);--label-container-width:var(--cs-container-width-medium);--label-container-max-width:var(--cs-container-width-full);--label-container-width-wide:var(--cs-container-width-large);--label-container-width-narrow:var(--cs-container-width-small);--label-container-width-xl:var(--cs-container-width-xl);--label-form-layout-width:var(--cs-container-width-large);--label-form-layout-max-width:var(--cs-container-width-full);--label-accessibility-demo-width:var(--cs-container-width-medium);--label-accessibility-demo-max-width:var(--cs-container-width-full);--label-responsive-demo-width:var(--cs-container-width-medium);--label-responsive-demo-max-width:var(--cs-container-width-full)}.label{display:inline-block;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color-primary);padding:var(--label-padding-y) var(--label-padding-x);margin-bottom:var(--label-margin-bottom);transition:var(--label-transition);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label--small{font-size:var(--cs-fonts-primary-sizes-xs)}.label--large{font-size:var(--cs-fonts-primary-sizes-md)}.label--muted{color:var(--label-color-muted)}.label:focus{outline:var(--label-focus-ring-width) solid var(--label-focus-ring-color);outline-offset:var(--label-focus-ring-offset)}.label:focus:not(:focus-visible){outline:none}.label:has(+*:disabled){color:var(--label-color-disabled);cursor:var(--label-disabled-cursor);opacity:var(--label-disabled-opacity)}.label--required:after{content:" *";color:var(--cs-colors-semantic-error);font-weight:var(--cs-fonts-primary-weights-semibold)}.label-group{display:flex;flex-direction:column;gap:var(--label-group-spacing)}.label-input-group{display:flex;flex-direction:column;gap:var(--label-label-spacing)}.label-checkbox-group{display:flex;align-items:center;gap:var(--label-label-spacing)}.label-container{width:var(--cs-container-width-medium);max-width:var(--cs-container-width-full)}.label-form-layout{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-md);width:var(--cs-container-width-large);max-width:var(--cs-container-width-full)}.label-accessibility-demo{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-lg);width:var(--cs-container-width-medium);max-width:var(--cs-container-width-full)}.label-responsive-demo{display:grid;grid-template-columns:1fr;gap:var(--cs-spacing-scale-md);width:var(--cs-container-width-full);max-width:var(--cs-container-width-xl)}@media (min-width:768px){.label-responsive-demo{grid-template-columns:1fr 1fr}}.label--primary-styled{color:var(--cs-colors-primary-600);font-weight:var(--cs-fonts-primary-weights-semibold)}.label--secondary-styled{color:var(--cs-colors-secondary-600);font-weight:var(--cs-fonts-primary-weights-medium)}.label--accent-styled{color:var(--cs-colors-accent);font-weight:var(--cs-fonts-primary-weights-bold)}.label:hover:not(:has(+*:disabled)){color:var(--cs-colors-primary-600)}.label:active:not(:has(+*:disabled)){transform:translateY(1px)}.label:has(+*:disabled){pointer-events:none}.label:focus-visible{outline:var(--label-focus-ring-width) solid var(--label-focus-ring-color);outline-offset:var(--label-focus-ring-offset);border-radius:var(--cs-border-radius-sm)}@media print{.label{color:var(--cs-print-text-color);background:var(--cs-print-background-color)}}:root{--theme-toggle-transition:var(--cs-transitions-properties-colors);--theme-toggle-icon-size:var(--cs-spacing-scale-md);--theme-toggle-background:transparent;--theme-toggle-text:var(--cs-colors-text-secondary);--theme-toggle-text-hover:var(--cs-colors-text-primary);--theme-toggle-background-hover:var(--cs-colors-interactive-hover);--theme-toggle-focus-ring:var(--cs-colors-primary);--theme-toggle-active-background:var(--cs-colors-interactive-active);--theme-toggle-active-text:var(--cs-colors-primary);--theme-toggle-animation-duration:var(--cs-animation-duration-fast);--theme-toggle-animation-easing:var(--cs-animation-easing-ease-out);--theme-toggle-transform-scale:var(--cs-animation-transforms-scale)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--theme-toggle-text);background-color:var(--theme-toggle-background);transition:var(--theme-toggle-transition);border-radius:var(--cs-border-radius-sm);cursor:pointer;overflow:hidden}.theme-toggle svg{width:var(--theme-toggle-icon-size);height:var(--theme-toggle-icon-size);transition:var(--theme-toggle-transition);stroke-width:1.5}.theme-toggle:hover{color:var(--theme-toggle-text-hover);background-color:var(--theme-toggle-background-hover);transform:var(--theme-toggle-transform-scale)}.theme-toggle:hover svg{color:var(--theme-toggle-text-hover)}.theme-toggle:focus-visible{outline:var(--cs-accessibility-focus-ring-width) solid var(--theme-toggle-focus-ring);outline-offset:var(--cs-accessibility-focus-ring-offset)}.theme-toggle:active{background-color:var(--theme-toggle-active-background);color:var(--theme-toggle-active-text);transform:translateY(1px)}.theme-toggle svg{transition:transform var(--theme-toggle-animation-duration) var(--theme-toggle-animation-easing)}.theme-toggle:hover svg{transform:rotate(180deg)}.theme-toggle .moon-icon{transform:rotate(0)}.theme-toggle:hover .moon-icon{transform:rotate(-30deg) scale(1.1)}.theme-toggle .sun-icon{transform:rotate(0)}.theme-toggle:hover .sun-icon{transform:rotate(180deg) scale(1.1)}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--cs-colors-primary),var(--cs-colors-primary-hover));opacity:0;transition:opacity var(--theme-toggle-animation-duration) var(--theme-toggle-animation-easing);border-radius:inherit;z-index:-1}@media (max-width:768px){.theme-toggle{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-toggle svg{width:var(--cs-spacing-scale-lg);height:var(--cs-spacing-scale-lg)}}@media (prefers-contrast:high){.theme-toggle{border:var(--cs-accessibility-high-contrast-border-width) solid var(--theme-toggle-text)}.theme-toggle:focus-visible{outline-width:var(--cs-accessibility-high-contrast-outline-width)}}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg,.theme-toggle:before{transition:none;animation:none}.theme-toggle:hover svg{transform:none}}@media print{.theme-toggle{display:none}}.theme-toggle[aria-pressed=true]{background-color:var(--theme-toggle-active-background);color:var(--theme-toggle-active-text)}.theme-toggle[aria-pressed=true]:before{opacity:.15}.theme-toggle[data-loading=true]{pointer-events:none;opacity:.7}.theme-toggle[data-loading=true] svg{animation:spin var(--cs-animation-duration-slow) linear infinite}:root{--breadcrumb-font-size:var(--cs-fonts-primary-sizes-sm);--breadcrumb-font-weight:var(--cs-fonts-primary-weights-medium);--breadcrumb-line-height:var(--cs-fonts-primary-line-heights-tight);--breadcrumb-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--breadcrumb-color-primary:var(--cs-colors-text-primary);--breadcrumb-color-secondary:var(--cs-colors-text-secondary);--breadcrumb-color-muted:var(--cs-colors-text-muted);--breadcrumb-color-disabled:var(--cs-colors-text-muted);--breadcrumb-color-active:var(--cs-colors-primary-500);--breadcrumb-color-hover:var(--cs-colors-interactive-hover);--breadcrumb-padding-y:var(--cs-spacing-scale-xs);--breadcrumb-padding-x:var(--cs-spacing-scale-sm);--breadcrumb-margin:var(--cs-spacing-scale-xs);--breadcrumb-item-spacing:var(--cs-spacing-scale-xs);--breadcrumb-separator-spacing:var(--cs-spacing-scale-sm);--breadcrumb-transition:var(--cs-transitions-properties-colors);--breadcrumb-border-radius:var(--cs-border-radius-lg);--breadcrumb-border-width:var(--cs-border-width-sm);--breadcrumb-shadow:var(--cs-shadows-sm);--breadcrumb-focus-ring-width:var(--cs-accessibility-focus-ring-width);--breadcrumb-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--breadcrumb-focus-ring-color:var(--cs-accessibility-focus-ring-color);--breadcrumb-focus-outline-offset:var(--cs-accessibility-outline-offset);--breadcrumb-icon-size:var(--cs-fonts-primary-sizes-sm);--breadcrumb-icon-spacing:var(--cs-spacing-scale-xs);--breadcrumb-truncate-width:var(--cs-spacing-scale-4xl);--breadcrumb-responsive-breakpoint:var(--cs-breakpoints-mobile);--breadcrumb-hover-transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)));--breadcrumb-hover-shadow:var(--cs-shadows-md);--breadcrumb-focus-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--breadcrumb-focus-offset:var(--cs-spacing-scale-xs);--breadcrumb-active-transform:translateY(0);--breadcrumb-active-shadow:var(--cs-shadows-sm);--breadcrumb-focus-ring-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--breadcrumb-focus-ring-offset:var(--cs-spacing-scale-xs);--breadcrumb-high-contrast-border-width:var(--cs-spacing-scale-xs);--breadcrumb-showcase-gap:var(--cs-spacing-scale-md);--breadcrumb-variant-showcase-gap:var(--cs-spacing-scale-md);--breadcrumb-variant-section-gap:var(--cs-spacing-scale-sm);--breadcrumb-variant-title-size:var(--cs-fonts-primary-sizes-lg);--breadcrumb-variant-title-weight:var(--cs-fonts-primary-weights-semibold);--breadcrumb-variant-grid-gap:var(--cs-spacing-scale-sm);--breadcrumb-variant-description-size:var(--cs-fonts-primary-sizes-sm);--breadcrumb-variant-description-color:var(--cs-colors-text-muted);--breadcrumb-responsive-showcase-gap:var(--cs-spacing-scale-md);--breadcrumb-responsive-description-size:var(--cs-fonts-primary-sizes-sm);--breadcrumb-responsive-description-color:var(--cs-colors-text-muted);--breadcrumb-responsive-grid-gap:var(--cs-spacing-scale-md);--breadcrumb-responsive-title-size:var(--cs-fonts-primary-sizes-md);--breadcrumb-responsive-title-weight:var(--cs-fonts-primary-weights-medium);--breadcrumb-responsive-buttons-gap:var(--cs-spacing-scale-sm);--breadcrumb-responsive-column-gap:var(--cs-spacing-scale-sm)}.breadcrumb{display:flex;align-items:center;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);letter-spacing:var(--breadcrumb-letter-spacing);padding:var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);border-radius:var(--breadcrumb-border-radius);transition:var(--breadcrumb-transition);border:var(--breadcrumb-border-width) solid transparent;box-shadow:var(--breadcrumb-shadow)}.dark .breadcrumb--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-secondary);border-color:var(--cs-modes-dark-colors-border)}.breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__item:not(:last-child){margin-right:var(--breadcrumb-item-spacing)}.breadcrumb__item-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);border-radius:var(--cs-border-radius-md);transition:var(--breadcrumb-transition);cursor:pointer;border:var(--breadcrumb-border-width) solid transparent;text-decoration:none;color:inherit}.breadcrumb__item-button:hover{background-color:var(--breadcrumb-color-hover)}.dark .breadcrumb__item-button{color:var(--cs-modes-dark-colors-text-secondary);background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .breadcrumb__item-button:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.breadcrumb__item-button:focus{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.breadcrumb__item-button:focus:not(:focus-visible){outline:none}.breadcrumb__item-button--active{color:var(--breadcrumb-color-active);background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border)}.breadcrumb__item-button--disabled{color:var(--breadcrumb-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.breadcrumb__item-button--disabled:hover{background-color:transparent}.dark .breadcrumb__item-button--disabled{color:var(--cs-modes-dark-colors-text-muted)}.breadcrumb__item-button--semantic.breadcrumb__item-button--active{color:var(--cs-colors-text-primary);background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .breadcrumb__item-button--semantic.breadcrumb__item-button--active{background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border)}.breadcrumb__separator{margin:0 var(--breadcrumb-separator-spacing);color:var(--breadcrumb-color-muted);display:flex;align-items:center}.breadcrumb__separator--semantic{color:var(--cs-colors-text-muted);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .breadcrumb__separator--semantic{color:var(--cs-modes-dark-colors-text-muted)}.breadcrumb__home-button{margin-right:var(--cs-spacing-scale-sm)}.dark .breadcrumb__home-button{color:var(--cs-modes-dark-colors-text-secondary)}.breadcrumb__icon{width:var(--breadcrumb-icon-size);height:var(--breadcrumb-icon-size);margin-right:var(--breadcrumb-icon-spacing)}.dark .breadcrumb__icon{color:var(--cs-modes-dark-colors-text-secondary)}.breadcrumb__ellipsis{color:var(--breadcrumb-color-muted)}.breadcrumb__ellipsis:hover{color:var(--breadcrumb-color-secondary);background-color:var(--breadcrumb-color-hover)}.dark .breadcrumb__ellipsis{color:var(--cs-modes-dark-colors-text-muted)}.dark .breadcrumb__ellipsis:hover{color:var(--cs-modes-dark-colors-text-secondary);background-color:var(--cs-modes-dark-colors-interactive-hover)}.breadcrumb__expand-toggle{margin-left:var(--cs-spacing-scale-sm);padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);border-radius:var(--cs-border-radius-md);transition:var(--breadcrumb-transition);cursor:pointer;border:none;background:none}.breadcrumb__expand-toggle--semantic{color:var(--cs-colors-text-secondary);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.breadcrumb__expand-toggle--semantic:hover{color:var(--cs-colors-text-primary);background-color:var(--cs-colors-interactive-hover)}.dark .breadcrumb__expand-toggle--semantic{color:var(--cs-modes-dark-colors-text-secondary)}.dark .breadcrumb__expand-toggle--semantic:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}@media (max-width:var(--breadcrumb-responsive-breakpoint)){.breadcrumb__item-label{max-width:var(--breadcrumb-truncate-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.breadcrumb__item-button:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.breadcrumb__item-button[aria-current=page]{font-weight:var(--cs-fonts-primary-weights-semibold)}@container (min-width:768px){.breadcrumb{font-size:var(--cs-fonts-primary-sizes-base)}}.breadcrumb__item-button[tabindex]:hover,.breadcrumb__item-button[role=button]:hover,.breadcrumb__item-button[role=link]:hover{transform:var(--breadcrumb-hover-transform,translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--breadcrumb-hover-shadow,var(--cs-shadows-md))}.breadcrumb__item-button[tabindex]:focus,.breadcrumb__item-button[role=button]:focus,.breadcrumb__item-button[role=link]:focus{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}.breadcrumb__item-button[tabindex]:active,.breadcrumb__item-button[role=button]:active,.breadcrumb__item-button[role=link]:active{transform:var(--breadcrumb-active-transform,translateY(0));box-shadow:var(--breadcrumb-active-shadow,var(--cs-shadows-sm))}.breadcrumb__item-button:focus-visible{outline:none;box-shadow:0 0 0 var(--cs-spacing-scale-xs) var(--cs-colors-interactive-focus),0 0 0 var(--cs-spacing-scale-sm) var(--cs-colors-text-inverse)}@media (prefers-contrast:high){.breadcrumb{border-width:var(--breadcrumb-high-contrast-border-width)}}@media (prefers-reduced-motion:reduce){.breadcrumb__item-button{transition:none}.breadcrumb__item-button[tabindex]:hover,.breadcrumb__item-button[role=button]:hover,.breadcrumb__item-button[role=link]:hover{transform:none}}:root{--menu-font-size:var(--cs-fonts-primary-sizes-sm);--menu-font-weight:var(--cs-fonts-primary-weights-medium);--menu-line-height:var(--cs-fonts-primary-line-heights-tight);--menu-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--menu-color-primary:var(--cs-colors-text-primary);--menu-color-secondary:var(--cs-colors-text-secondary);--menu-color-muted:var(--cs-colors-text-muted);--menu-color-disabled:var(--cs-colors-text-muted);--menu-color-active:var(--cs-colors-primary-500);--menu-color-hover:var(--cs-colors-interactive-hover);--menu-padding-y:var(--cs-spacing-scale-xs);--menu-padding-x:var(--cs-spacing-scale-sm);--menu-margin:var(--cs-spacing-scale-xs);--menu-item-spacing:var(--cs-spacing-scale-xs);--menu-group-spacing:var(--cs-spacing-scale-md);--menu-transition:var(--cs-transitions-properties-colors);--menu-border-radius:var(--cs-border-radius-lg);--menu-border-width:var(--cs-border-width-sm);--menu-shadow:var(--cs-shadows-lg);--menu-focus-ring-width:var(--cs-accessibility-focus-ring-width);--menu-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--menu-focus-ring-color:var(--cs-accessibility-focus-ring-color);--menu-focus-outline-offset:var(--cs-accessibility-outline-offset);--menu-icon-size:var(--cs-fonts-primary-sizes-sm);--menu-icon-spacing:var(--cs-spacing-scale-sm);--menu-badge-spacing:var(--cs-spacing-scale-sm);--menu-dropdown-min-width:var(--cs-spacing-scale-3xl);--menu-dropdown-max-width:var(--cs-spacing-scale-5xl);--menu-dropdown-z-index:1000;--menu-arrow-size:var(--cs-spacing-scale-xs);--menu-arrow-border-width:var(--cs-border-width-focus);--menu-hover-offset:var(--cs-spacing-scale-xs);--menu-slide-offset:var(--cs-spacing-scale-sm);--menu-hover-transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)));--menu-hover-shadow:var(--cs-shadows-md);--menu-focus-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--menu-focus-offset:var(--cs-spacing-scale-xs);--menu-active-transform:translateY(0);--menu-active-shadow:var(--cs-shadows-sm);--menu-focus-ring-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--menu-focus-ring-offset:var(--cs-spacing-scale-xs);--menu-high-contrast-border-width:var(--cs-spacing-scale-xs);--menu-mobile-font-size:var(--cs-fonts-primary-sizes-xs);--menu-mobile-padding-y:var(--cs-spacing-scale-xs);--menu-mobile-padding-x:var(--cs-spacing-scale-sm);--menu-container-font-size:var(--cs-fonts-primary-sizes-sm);--menu-showcase-gap:var(--cs-spacing-scale-md);--menu-variant-showcase-gap:var(--cs-spacing-scale-md);--menu-variant-section-gap:var(--cs-spacing-scale-sm);--menu-variant-title-size:var(--cs-fonts-primary-sizes-lg);--menu-variant-title-weight:var(--cs-fonts-primary-weights-semibold);--menu-variant-grid-gap:var(--cs-spacing-scale-sm);--menu-variant-description-size:var(--cs-fonts-primary-sizes-sm);--menu-variant-description-color:var(--cs-colors-text-muted);--menu-responsive-showcase-gap:var(--cs-spacing-scale-md);--menu-responsive-description-size:var(--cs-fonts-primary-sizes-sm);--menu-responsive-description-color:var(--cs-colors-text-muted);--menu-responsive-grid-gap:var(--cs-spacing-scale-md);--menu-responsive-title-size:var(--cs-fonts-primary-sizes-md);--menu-responsive-title-weight:var(--cs-fonts-primary-weights-medium);--menu-responsive-column-gap:var(--cs-spacing-scale-sm)}.menu{display:flex;flex-direction:column;border-radius:var(--menu-border-radius);border:var(--menu-border-width) solid transparent;box-shadow:var(--menu-shadow);background-color:var(--cs-colors-surface-background);transition:var(--menu-transition);min-width:var(--menu-dropdown-min-width);max-width:var(--menu-dropdown-max-width);z-index:var(--menu-dropdown-z-index)}.dark .menu--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .menu__header{border-bottom-color:var(--cs-modes-dark-colors-border);color:var(--cs-modes-dark-colors-text-primary)}.menu__group{padding:var(--menu-group-spacing) 0}.menu__group:not(:last-child){border-bottom:var(--menu-border-width) solid var(--cs-colors-border)}.menu__group-title{padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--menu-color-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide)}.dark .menu__group{border-bottom-color:var(--cs-modes-dark-colors-border)}.dark .menu__group-title{color:var(--cs-modes-dark-colors-text-muted)}.menu__item{display:flex;align-items:center;width:100%;padding:var(--menu-padding-y) var(--menu-padding-x);font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);line-height:var(--menu-line-height);letter-spacing:var(--menu-letter-spacing);color:var(--menu-color-primary);text-decoration:none;border:none;background:none;cursor:pointer;transition:var(--menu-transition);text-align:left}.menu__item:hover{background-color:var(--menu-color-hover);color:var(--menu-color-primary)}.dark .menu__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .menu__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.menu__item:focus{outline:var(--menu-focus-ring-width) solid var(--menu-focus-ring-color);outline-offset:var(--menu-focus-ring-offset)}.menu__item:focus:not(:focus-visible){outline:none}.menu__item--disabled{color:var(--menu-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.menu__item--disabled:hover{background-color:transparent;color:var(--menu-color-disabled)}.dark .menu__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.dark .menu__item--disabled{color:var(--cs-modes-dark-colors-text-muted)}.menu__item-icon{width:var(--menu-icon-size);height:var(--menu-icon-size);margin-right:var(--menu-icon-spacing);flex-shrink:0}.menu__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu__item-badge{margin-left:var(--menu-badge-spacing);flex-shrink:0}.menu__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--menu-color-muted);margin-top:var(--cs-spacing-scale-xs)}.dark .menu__item-description{color:var(--cs-modes-dark-colors-text-muted)}.dark .menu__submenu{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .menu__divider{background-color:var(--cs-modes-dark-colors-border)}.dark .menu__footer{border-top-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-muted)}@media (max-width:640px){.menu{min-width:100%;max-width:100%;font-size:var(--menu-mobile-font-size,var(--cs-fonts-primary-sizes-xs));padding:var(--menu-mobile-padding-y,var(--cs-spacing-scale-xs)) var(--menu-mobile-padding-x,var(--cs-spacing-scale-sm))}.menu__submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:var(--menu-border-width) solid var(--cs-colors-border);margin-left:var(--cs-spacing-scale-md)}.menu__item--has-children:after{transform:rotate(45deg)}.menu__item--has-children:hover:after{transform:rotate(45deg) translateY(var(--menu-hover-offset))}}@container (min-width:768px){.menu{font-size:var(--menu-container-font-size,var(--cs-fonts-primary-sizes-sm))}}.menu__item:focus-visible{outline:var(--menu-focus-ring-width) solid var(--menu-focus-ring-color);outline-offset:var(--menu-focus-ring-offset)}.menu__item[aria-expanded=true]:after{transform:rotate(45deg)}@media (prefers-contrast:high){.menu,.menu__submenu{border-width:var(--menu-high-contrast-border-width)}}@media (prefers-reduced-motion:reduce){.menu__item{transition:none}.menu__item[tabindex]:hover,.menu__item[role=button]:hover,.menu__item[role=link]:hover{transform:none}.menu__submenu{transition:none;animation:none}}.menu__item[tabindex]:hover,.menu__item[role=button]:hover,.menu__item[role=link]:hover{transform:var(--menu-hover-transform,translateY(calc(-1 * var(--cs-spacing-scale-xs))));box-shadow:var(--menu-hover-shadow,var(--cs-shadows-md))}.menu__item[tabindex]:active,.menu__item[role=button]:active,.menu__item[role=link]:active{transform:var(--menu-active-transform,translateY(0));box-shadow:var(--menu-active-shadow,var(--cs-shadows-sm))}.menu__item{transform:translateZ(0);backface-visibility:hidden}.menu__item:hover{transform:translate(var(--menu-hover-offset))}.menu__item:active{transform:translate(0)}@keyframes menuSlideIn{0%{opacity:0;transform:translate(calc(-1 * var(--menu-slide-offset)))}to{opacity:1;transform:translate(0)}}:root{--pagination-font-size:var(--cs-fonts-primary-sizes-sm);--pagination-font-weight:var(--cs-fonts-primary-weights-medium);--pagination-line-height:var(--cs-fonts-primary-line-heights-tight);--pagination-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--pagination-color-primary:var(--cs-colors-text-primary);--pagination-color-secondary:var(--cs-colors-text-secondary);--pagination-color-muted:var(--cs-colors-text-muted);--pagination-color-disabled:var(--cs-colors-text-muted);--pagination-color-active:var(--cs-colors-primary-500);--pagination-color-hover:var(--cs-colors-interactive-hover);--pagination-padding-y:var(--cs-spacing-scale-xs);--pagination-padding-x:var(--cs-spacing-scale-sm);--pagination-margin:var(--cs-spacing-scale-xs);--pagination-item-spacing:var(--cs-spacing-scale-xs);--pagination-group-spacing:var(--cs-spacing-scale-md);--pagination-transition:var(--cs-transitions-properties-colors);--pagination-border-radius:var(--cs-border-radius-md);--pagination-border-width:var(--cs-border-width-sm);--pagination-shadow:var(--cs-shadows-sm);--pagination-focus-ring-width:var(--cs-accessibility-focus-ring-width);--pagination-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--pagination-focus-ring-color:var(--cs-accessibility-focus-ring-color);--pagination-focus-outline-offset:var(--cs-accessibility-outline-offset);--pagination-icon-size:var(--cs-fonts-primary-sizes-md);--pagination-icon-spacing:var(--cs-spacing-scale-xs);--pagination-size-sm-padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--pagination-size-sm-font:var(--cs-fonts-primary-sizes-sm);--pagination-size-md-padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--pagination-size-md-font:var(--cs-fonts-primary-sizes-sm);--pagination-size-lg-padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);--pagination-size-lg-font:var(--cs-fonts-primary-sizes-base);--pagination-hover-transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)));--pagination-hover-shadow:var(--cs-shadows-md);--pagination-focus-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--pagination-focus-offset:var(--cs-spacing-scale-xs);--pagination-active-transform:translateY(0);--pagination-active-shadow:var(--cs-shadows-sm);--pagination-focus-ring-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--pagination-focus-ring-offset:var(--cs-spacing-scale-xs);--pagination-high-contrast-border-width:var(--cs-spacing-scale-xs);--pagination-mobile-font-size:var(--cs-fonts-primary-sizes-xs);--pagination-mobile-padding-y:var(--cs-spacing-scale-xs);--pagination-mobile-padding-x:var(--cs-spacing-scale-sm);--pagination-container-font-size:var(--cs-fonts-primary-sizes-sm);--pagination-showcase-gap:var(--cs-spacing-scale-md);--pagination-variant-showcase-gap:var(--cs-spacing-scale-md);--pagination-variant-section-gap:var(--cs-spacing-scale-sm);--pagination-variant-title-size:var(--cs-fonts-primary-sizes-lg);--pagination-variant-title-weight:var(--cs-fonts-primary-weights-semibold);--pagination-variant-grid-gap:var(--cs-spacing-scale-sm);--pagination-variant-description-size:var(--cs-fonts-primary-sizes-sm);--pagination-variant-description-color:var(--cs-colors-text-muted);--pagination-size-showcase-gap:var(--cs-spacing-scale-md);--pagination-size-description-size:var(--cs-fonts-primary-sizes-sm);--pagination-size-description-color:var(--cs-colors-text-muted);--pagination-responsive-showcase-gap:var(--cs-spacing-scale-md);--pagination-responsive-description-size:var(--cs-fonts-primary-sizes-sm);--pagination-responsive-description-color:var(--cs-colors-text-muted);--pagination-responsive-grid-gap:var(--cs-spacing-scale-md);--pagination-responsive-title-size:var(--cs-fonts-primary-sizes-md);--pagination-responsive-title-weight:var(--cs-fonts-primary-weights-medium);--pagination-responsive-column-gap:var(--cs-spacing-scale-sm)}.\!pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--pagination-item-spacing)!important;font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks)!important;font-size:var(--pagination-font-size)!important;font-weight:var(--pagination-font-weight)!important;line-height:var(--pagination-line-height)!important;letter-spacing:var(--pagination-letter-spacing)!important}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--pagination-item-spacing);font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--pagination-font-size);font-weight:var(--pagination-font-weight);line-height:var(--pagination-line-height);letter-spacing:var(--pagination-letter-spacing)}.pagination__container{display:flex;align-items:center;gap:var(--pagination-item-spacing)}.dark .pagination__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.dark .pagination__item--disabled,.dark .pagination__item--ellipsis{color:var(--cs-modes-dark-colors-text-muted)}.dark .pagination__item--default{color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item--default:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:var(--cs-modes-dark-colors-border)}.dark .pagination__item--outlined{color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .pagination__item--outlined:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:var(--cs-modes-dark-colors-primary-300)}.dark .pagination__item--outlined.pagination__item--active{color:var(--cs-modes-dark-colors-primary-500);border-color:var(--cs-modes-dark-colors-primary-500);background-color:var(--cs-modes-dark-colors-primary-50)}.dark .pagination__item--minimal{color:var(--cs-modes-dark-colors-text-primary);border-color:transparent;background-color:transparent}.dark .pagination__item--minimal:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);border-color:transparent}.dark .pagination__item--minimal.pagination__item--active{color:var(--cs-modes-dark-colors-primary-500);background-color:transparent;border-color:transparent;font-weight:var(--cs-fonts-primary-weights-semibold)}.pagination__info{display:flex;align-items:center;gap:var(--pagination-group-spacing);color:var(--pagination-color-muted);font-size:var(--cs-fonts-primary-sizes-sm)}.pagination__total,.pagination__items-per-page{display:flex;align-items:center;gap:var(--pagination-item-spacing)}.dark .pagination__info{color:var(--cs-modes-dark-colors-text-muted)}.dark .pagination__items-per-page-select{border-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-primary)}@media (max-width:640px){.\!pagination{flex-direction:column!important;gap:var(--pagination-group-spacing)!important}.pagination{flex-direction:column;gap:var(--pagination-group-spacing)}.pagination__nav{order:1}.pagination__info{order:2;flex-direction:column;gap:var(--pagination-item-spacing)}.pagination__item--first,.pagination__item--last,.pagination__item--ellipsis{display:none}}@media (max-width:768px){.pagination__total,.pagination__items-per-page{display:none}}@container (min-width:768px){.\!pagination{font-size:var(--pagination-container-font-size,var(--cs-fonts-primary-sizes-sm))!important}.pagination{font-size:var(--pagination-container-font-size,var(--cs-fonts-primary-sizes-sm))}}.dark .pagination--semantic .pagination__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}:root{--progressive-nav-mobile-height:56px;--progressive-nav-tablet-height:64px;--progressive-nav-desktop-height:72px;--progressive-nav-mobile-touch-target:48px;--progressive-nav-tablet-touch-target:44px;--progressive-nav-desktop-touch-target:40px;--progressive-nav-logo-sm:var(--cs-spacing-scale-lg);--progressive-nav-logo-md:var(--cs-spacing-scale-xl);--progressive-nav-logo-lg:var(--cs-spacing-scale-2xl);--progressive-nav-bg:var(--cs-colors-surface-background);--progressive-nav-border:var(--cs-colors-border);--progressive-nav-text-primary:var(--cs-colors-text-primary);--progressive-nav-text-secondary:var(--cs-colors-text-secondary);--progressive-nav-text-muted:var(--cs-colors-text-muted);--progressive-nav-interactive-hover:var(--cs-colors-interactive-hover);--progressive-nav-interactive-active:var(--cs-colors-interactive-active);--progressive-nav-primary:var(--cs-colors-primary-500);--progressive-nav-padding-xs:var(--cs-spacing-scale-xs);--progressive-nav-padding-sm:var(--cs-spacing-scale-sm);--progressive-nav-padding-md:var(--cs-spacing-scale-md);--progressive-nav-padding-lg:var(--cs-spacing-scale-lg);--progressive-nav-gap:var(--cs-spacing-scale-md);--progressive-nav-font-size:var(--cs-fonts-primary-sizes-sm);--progressive-nav-font-weight:var(--cs-fonts-primary-weights-medium);--progressive-nav-line-height:var(--cs-fonts-primary-line-heights-normal);--progressive-nav-transition:var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease);--progressive-nav-shadow:var(--cs-shadows-md);--progressive-nav-border-radius:var(--cs-border-radius-md);--progressive-nav-z-index:1000;--progressive-nav-dropdown-z-index:1010;--progressive-nav-overlay-z-index:999}.progressive-nav{display:flex;align-items:center;width:100%;background-color:var(--progressive-nav-bg);border-bottom:var(--cs-border-width-sm) solid var(--progressive-nav-border);box-shadow:var(--progressive-nav-shadow);position:sticky;top:0;z-index:var(--progressive-nav-z-index);font-family:var(--cs-fonts-primary-family);font-size:var(--progressive-nav-font-size);font-weight:var(--progressive-nav-font-weight);line-height:var(--progressive-nav-line-height)}.dark .progressive-nav{background-color:var(--cs-modes-dark-colors-surface-background);border-bottom-color:var(--cs-modes-dark-colors-border)}.progressive-nav--mobile{height:var(--progressive-nav-mobile-height)}.progressive-nav__mobile-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--progressive-nav-padding-md)}.progressive-nav__mobile-header{display:flex;align-items:center;justify-content:space-between;width:100%}.progressive-nav__logo{display:flex;align-items:center;color:var(--progressive-nav-text-primary);text-decoration:none}.progressive-nav__logo-link{text-decoration:none;color:inherit;transition:var(--progressive-nav-transition)}.progressive-nav__logo-link:hover{opacity:.8}.dark .progressive-nav__logo{color:var(--cs-modes-dark-colors-text-primary)}.progressive-nav__mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--progressive-nav-text-primary);cursor:pointer;border-radius:var(--progressive-nav-border-radius);transition:var(--progressive-nav-transition);padding:var(--cs-spacing-scale-xs)}.progressive-nav__mobile-toggle:hover{background-color:var(--progressive-nav-interactive-hover)}.progressive-nav__mobile-toggle:focus{outline:var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);outline-offset:var(--cs-accessibility-focus-ring-offset)}.progressive-nav__mobile-toggle-icon{width:var(--cs-spacing-scale-md);height:var(--cs-spacing-scale-md)}.dark .progressive-nav__mobile-toggle{color:var(--cs-modes-dark-colors-text-primary)}.dark .progressive-nav__mobile-toggle:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.progressive-nav__mobile-overlay{position:fixed;top:var(--progressive-nav-mobile-height);left:0;right:0;bottom:0;background-color:rgba(0,0,0,var(--cs-colors-alpha-medium));z-index:var(--progressive-nav-overlay-z-index);opacity:0;animation:fadeIn var(--progressive-nav-transition)}.dark .progressive-nav__mobile-overlay{background-color:rgba(0,0,0,var(--cs-colors-alpha-high))}.progressive-nav__mobile-menu{position:fixed;top:var(--progressive-nav-mobile-height);left:0;right:0;background-color:var(--progressive-nav-bg);border-bottom:var(--cs-border-width-sm) solid var(--progressive-nav-border);box-shadow:var(--progressive-nav-shadow);z-index:var(--progressive-nav-dropdown-z-index);max-height:calc(100vh - var(--progressive-nav-mobile-height));overflow-y:auto;animation:slideDown var(--progressive-nav-transition)}.dark .progressive-nav__mobile-menu{background-color:var(--cs-modes-dark-colors-surface-background);border-bottom-color:var(--cs-modes-dark-colors-border)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}}.progressive-nav__mobile-content{padding:var(--progressive-nav-padding-md)}.progressive-nav__mobile-item,.progressive-nav__item{display:flex;align-items:center;width:100%;padding:var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);background:none;border:none;color:var(--progressive-nav-text-primary);text-align:left;text-decoration:none;cursor:pointer;border-radius:var(--progressive-nav-border-radius);transition:var(--progressive-nav-transition);gap:var(--progressive-nav-padding-sm);min-height:var(--progressive-nav-mobile-touch-target)}.progressive-nav__mobile-item:hover,.progressive-nav__item:hover{background-color:var(--progressive-nav-interactive-hover)}.progressive-nav__mobile-item:focus,.progressive-nav__item:focus{outline:var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);outline-offset:var(--cs-accessibility-focus-ring-offset)}.progressive-nav__mobile-item--active,.progressive-nav__item--active{background-color:var(--progressive-nav-primary);color:var(--cs-colors-surface-background);font-weight:var(--cs-fonts-primary-weights-semibold)}.progressive-nav__mobile-item--disabled,.progressive-nav__item--disabled{color:var(--progressive-nav-text-muted);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.progressive-nav__mobile-item--disabled:hover,.progressive-nav__item--disabled:hover{background-color:transparent}.dark .progressive-nav__mobile-item,.dark .progressive-nav__item{color:var(--cs-modes-dark-colors-text-primary)}.dark .progressive-nav__mobile-item:hover,.dark .progressive-nav__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.dark .progressive-nav__mobile-item--active,.dark .progressive-nav__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.progressive-nav__mobile-group{margin-bottom:var(--progressive-nav-padding-lg)}.progressive-nav__mobile-group:last-child{margin-bottom:0}.progressive-nav__mobile-group-title{padding:var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--progressive-nav-text-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide)}.dark .progressive-nav__mobile-group-title{color:var(--cs-modes-dark-colors-text-muted)}.progressive-nav__mobile-group-items{display:flex;flex-direction:column;gap:var(--progressive-nav-padding-xs)}.progressive-nav--tablet{height:var(--progressive-nav-tablet-height)}.progressive-nav__tablet-container{display:flex;align-items:center;width:100%;padding:0 var(--progressive-nav-padding-lg);gap:var(--progressive-nav-gap)}.progressive-nav__tablet-content{display:flex;align-items:center;flex:1;gap:var(--progressive-nav-gap)}.progressive-nav__tablet-items{display:flex;align-items:center;gap:var(--progressive-nav-padding-sm)}.progressive-nav--desktop{height:var(--progressive-nav-desktop-height)}.progressive-nav__desktop-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--progressive-nav-padding-lg);gap:var(--progressive-nav-gap)}.progressive-nav__desktop-content{display:flex;align-items:center;flex:1;gap:var(--progressive-nav-gap)}.progressive-nav__desktop-items{display:flex;align-items:center;gap:var(--progressive-nav-padding-md)}.progressive-nav__group{position:relative}.progressive-nav__group-trigger{display:flex;align-items:center;gap:var(--progressive-nav-padding-xs);padding:var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);background:none;border:none;color:var(--progressive-nav-text-primary);cursor:pointer;border-radius:var(--progressive-nav-border-radius);transition:var(--progressive-nav-transition);min-height:var(--progressive-nav-tablet-touch-target)}.progressive-nav__group-trigger:hover{background-color:var(--progressive-nav-interactive-hover)}.progressive-nav__group-trigger:focus{outline:var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);outline-offset:var(--cs-accessibility-focus-ring-offset)}.progressive-nav__group-trigger--active{background-color:var(--progressive-nav-interactive-active)}.progressive-nav__group-title{font-weight:var(--cs-fonts-primary-weights-medium)}.progressive-nav__group-arrow{width:var(--cs-spacing-scale-sm);height:var(--cs-spacing-scale-sm);transition:var(--progressive-nav-transition)}.progressive-nav__group-arrow--expanded{transform:rotate(180deg)}.dark .progressive-nav__group-trigger{color:var(--cs-modes-dark-colors-text-primary)}.dark .progressive-nav__group-trigger:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.dark .progressive-nav__group-trigger--active{background-color:var(--cs-modes-dark-colors-interactive-active)}.progressive-nav__dropdown{position:absolute;top:100%;left:0;min-width:200px;background-color:var(--progressive-nav-bg);border:var(--cs-border-width-sm) solid var(--progressive-nav-border);border-radius:var(--progressive-nav-border-radius);box-shadow:var(--progressive-nav-shadow);z-index:var(--progressive-nav-dropdown-z-index);padding:var(--progressive-nav-padding-xs);animation:dropdownFadeIn var(--progressive-nav-transition)}.dark .progressive-nav__dropdown{background-color:var(--cs-modes-dark-colors-surface-background);border-color:var(--cs-modes-dark-colors-border)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}}.progressive-nav__dropdown-item{display:flex;align-items:center;width:100%;padding:var(--progressive-nav-padding-sm);background:none;border:none;color:var(--progressive-nav-text-primary);text-align:left;cursor:pointer;border-radius:var(--cs-border-radius-sm);transition:var(--progressive-nav-transition);gap:var(--progressive-nav-padding-sm)}.progressive-nav__dropdown-item:hover{background-color:var(--progressive-nav-interactive-hover)}.progressive-nav__dropdown-item:focus{outline:var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);outline-offset:var(--cs-accessibility-focus-ring-offset)}.progressive-nav__dropdown-item--active{background-color:var(--progressive-nav-primary);color:var(--cs-colors-surface-background);font-weight:var(--cs-fonts-primary-weights-semibold)}.progressive-nav__dropdown-item--disabled{color:var(--progressive-nav-text-muted);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.progressive-nav__dropdown-item--disabled:hover{background-color:transparent}.dark .progressive-nav__dropdown-item{color:var(--cs-modes-dark-colors-text-primary)}.dark .progressive-nav__dropdown-item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover)}.dark .progressive-nav__dropdown-item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.progressive-nav__secondary-actions{display:flex;align-items:center;gap:var(--progressive-nav-padding-sm)}.progressive-nav__secondary-action{display:flex;align-items:center}.progressive-nav__item-icon,.progressive-nav__mobile-item-icon,.progressive-nav__dropdown-item-icon{width:var(--cs-spacing-scale-md);height:var(--cs-spacing-scale-md);flex-shrink:0}.progressive-nav__item-label,.progressive-nav__mobile-item-label,.progressive-nav__dropdown-item-label{flex:1;white-space:nowrap}.progressive-nav__item-badge,.progressive-nav__mobile-item-badge,.progressive-nav__dropdown-item-badge{flex-shrink:0;margin-left:auto}@media (max-width:640px){.progressive-nav--tablet,.progressive-nav--desktop{display:none}}@media (min-width:641px) and (max-width:1023px){.progressive-nav--mobile,.progressive-nav--desktop{display:none}}@media (prefers-contrast:high){.progressive-nav{border-bottom-width:calc(var(--cs-border-width-sm) * 2)}.progressive-nav__dropdown{border-width:calc(var(--cs-border-width-sm) * 2)}}@media (prefers-reduced-motion:reduce){.progressive-nav *,.progressive-nav *:before,.progressive-nav *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progressive-nav__group-arrow--expanded{transform:none}}.progressive-nav:focus-within .progressive-nav__dropdown{display:block}.dark .progressive-nav__skip-link{background:var(--cs-modes-dark-colors-surface-background);color:var(--cs-modes-dark-colors-text-primary);border-color:var(--cs-modes-dark-colors-border)}:root{--sidebar-font-size:var(--cs-fonts-primary-sizes-sm);--sidebar-font-weight:var(--cs-fonts-primary-weights-medium);--sidebar-line-height:var(--cs-fonts-primary-line-heights-tight);--sidebar-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--sidebar-color-primary:var(--cs-colors-text-primary);--sidebar-color-secondary:var(--cs-colors-text-secondary);--sidebar-color-muted:var(--cs-colors-text-muted);--sidebar-color-disabled:var(--cs-colors-text-muted);--sidebar-color-active:var(--cs-colors-primary-500);--sidebar-color-hover:var(--cs-colors-interactive-hover);--sidebar-padding-y:var(--cs-spacing-scale-sm);--sidebar-padding-x:var(--cs-spacing-scale-md);--sidebar-margin:var(--cs-spacing-scale-xs);--sidebar-item-spacing:var(--cs-spacing-scale-xs);--sidebar-group-spacing:var(--cs-spacing-scale-md);--sidebar-transition:var(--cs-transitions-properties-transform);--sidebar-border-radius:var(--cs-border-radius-lg);--sidebar-border-width:var(--cs-border-width-sm);--sidebar-shadow:var(--cs-shadows-lg);--sidebar-focus-ring-width:var(--cs-accessibility-focus-ring-width);--sidebar-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--sidebar-focus-ring-color:var(--cs-accessibility-focus-ring-color);--sidebar-focus-outline-offset:var(--cs-accessibility-outline-offset);--sidebar-icon-size:var(--cs-fonts-primary-sizes-lg);--sidebar-icon-spacing:var(--cs-spacing-scale-sm);--sidebar-badge-spacing:var(--cs-spacing-scale-sm);--sidebar-width:var(--cs-spacing-scale-4xl);--sidebar-width-collapsed:var(--cs-spacing-scale-xl);--sidebar-width-mobile:100%;--sidebar-z-index:100;--sidebar-hover-transform:translateX(var(--cs-spacing-scale-xs));--sidebar-hover-shadow:var(--cs-shadows-md);--sidebar-focus-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--sidebar-focus-offset:var(--cs-spacing-scale-xs);--sidebar-active-transform:translateX(0);--sidebar-active-shadow:var(--cs-shadows-sm);--sidebar-focus-ring-outline:var(--cs-spacing-scale-xs) solid var(--cs-colors-interactive-focus);--sidebar-focus-ring-offset:var(--cs-spacing-scale-xs);--sidebar-high-contrast-border-width:var(--cs-spacing-scale-xs);--sidebar-mobile-font-size:var(--cs-fonts-primary-sizes-xs);--sidebar-mobile-padding-y:var(--cs-spacing-scale-xs);--sidebar-mobile-padding-x:var(--cs-spacing-scale-sm);--sidebar-container-font-size:var(--cs-fonts-primary-sizes-sm);--sidebar-showcase-gap:var(--cs-spacing-scale-md);--sidebar-variant-showcase-gap:var(--cs-spacing-scale-md);--sidebar-variant-section-gap:var(--cs-spacing-scale-sm);--sidebar-variant-title-size:var(--cs-fonts-primary-sizes-lg);--sidebar-variant-title-weight:var(--cs-fonts-primary-weights-semibold);--sidebar-variant-grid-gap:var(--cs-spacing-scale-sm);--sidebar-variant-description-size:var(--cs-fonts-primary-sizes-sm);--sidebar-variant-description-color:var(--cs-colors-text-muted);--sidebar-state-showcase-gap:var(--cs-spacing-scale-md);--sidebar-state-description-size:var(--cs-fonts-primary-sizes-sm);--sidebar-state-description-color:var(--cs-colors-text-muted);--sidebar-responsive-showcase-gap:var(--cs-spacing-scale-md);--sidebar-responsive-description-size:var(--cs-fonts-primary-sizes-sm);--sidebar-responsive-description-color:var(--cs-colors-text-muted);--sidebar-responsive-grid-gap:var(--cs-spacing-scale-md);--sidebar-responsive-title-size:var(--cs-fonts-primary-sizes-md);--sidebar-responsive-title-weight:var(--cs-fonts-primary-weights-medium);--sidebar-responsive-column-gap:var(--cs-spacing-scale-sm)}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background-color:var(--cs-colors-surface-background);border-right:var(--sidebar-border-width) solid var(--cs-colors-border);box-shadow:var(--sidebar-shadow);transition:var(--sidebar-transition);position:fixed;top:0;left:0;z-index:var(--sidebar-z-index);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--mobile.sidebar--open{transform:translate(0)}.dark .sidebar--semantic{background-color:var(--cs-modes-dark-colors-surface-surface);border-color:var(--cs-modes-dark-colors-border)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-md);border-bottom:var(--sidebar-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-surface);min-height:var(--cs-spacing-scale-xl)}.dark .sidebar__header{border-bottom-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .sidebar__logo{color:var(--cs-modes-dark-colors-text-primary)}.dark .sidebar__toggle{color:var(--cs-modes-dark-colors-text-secondary)}.dark .sidebar__toggle:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.sidebar__toggle-icon{width:var(--cs-spacing-scale-md);height:var(--cs-spacing-scale-md)}.sidebar__group{margin-bottom:var(--sidebar-group-spacing)}.sidebar__group--collapsed{margin-bottom:var(--cs-spacing-scale-sm)}.sidebar__group-title{padding:var(--cs-spacing-scale-xs) var(--sidebar-padding-x);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--sidebar-color-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide);white-space:nowrap;overflow:hidden}.dark .sidebar__group-title{color:var(--cs-modes-dark-colors-text-muted)}.sidebar__item{display:flex;align-items:center;width:100%;padding:var(--cs-spacing-scale-sm) var(--sidebar-padding-x);font-size:var(--sidebar-font-size);font-weight:var(--sidebar-font-weight);line-height:var(--sidebar-line-height);letter-spacing:var(--sidebar-letter-spacing);color:var(--sidebar-color-primary);text-decoration:none;border:none;background:none;cursor:pointer;transition:var(--sidebar-transition);text-align:left;position:relative}.sidebar__item:hover{background-color:var(--sidebar-color-hover);color:var(--sidebar-color-primary)}.dark .sidebar__item{color:var(--cs-modes-dark-colors-text-primary);background-color:var(--cs-modes-dark-colors-surface-surface)}.dark .sidebar__item:hover{background-color:var(--cs-modes-dark-colors-interactive-hover);color:var(--cs-modes-dark-colors-text-primary)}.sidebar__item:focus{outline:var(--sidebar-focus-ring-width) solid var(--sidebar-focus-ring-color);outline-offset:var(--sidebar-focus-ring-offset)}.sidebar__item:focus:not(:focus-visible){outline:none}.sidebar__item--active{background-color:var(--sidebar-color-active);color:var(--cs-colors-surface-background);font-weight:var(--cs-fonts-primary-weights-semibold)}.sidebar__item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--cs-spacing-scale-xs);background-color:var(--cs-colors-surface-background)}.sidebar__item--disabled{color:var(--sidebar-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.sidebar__item--disabled:hover{background-color:transparent;color:var(--sidebar-color-disabled)}.dark .sidebar__item--active{background-color:var(--cs-modes-dark-colors-primary-500);color:var(--cs-modes-dark-colors-text-inverse)}.dark .sidebar__item--active:before{background-color:var(--cs-modes-dark-colors-text-inverse)}.dark .sidebar__item--disabled{color:var(--cs-modes-dark-colors-text-muted)}.sidebar__item-icon{width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);margin-right:var(--sidebar-icon-spacing);flex-shrink:0}.sidebar__item-icon--collapsed{margin-right:0}.sidebar__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{margin-left:var(--sidebar-badge-spacing);flex-shrink:0}.sidebar__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--sidebar-color-muted);margin-top:var(--cs-spacing-scale-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .sidebar__item-description{color:var(--cs-modes-dark-colors-text-muted)}.dark .sidebar__submenu{background-color:var(--cs-modes-dark-colors-surface-surface);border-left-color:var(--cs-modes-dark-colors-border)}.dark .sidebar__divider{background-color:var(--cs-modes-dark-colors-border)}.sidebar__footer{padding:var(--cs-spacing-scale-sm) var(--sidebar-padding-x);border-top:var(--sidebar-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-surface);font-size:var(--cs-fonts-primary-sizes-xs);color:var(--sidebar-color-muted);white-space:nowrap;overflow:hidden}.dark .sidebar__footer{border-top-color:var(--cs-modes-dark-colors-border);background-color:var(--cs-modes-dark-colors-surface-surface);color:var(--cs-modes-dark-colors-text-muted)}.dark .sidebar__overlay{background-color:rgba(0,0,0,var(--cs-colors-alpha-high))}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__overlay--visible{display:block}}@media (max-width:640px){.sidebar{width:100%;font-size:var(--sidebar-mobile-font-size,var(--cs-fonts-primary-sizes-xs));padding:var(--sidebar-mobile-padding-y,var(--cs-spacing-scale-xs)) var(--sidebar-mobile-padding-x,var(--cs-spacing-scale-sm))}.sidebar__header{min-height:calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg))}.sidebar__logo-text{font-size:var(--cs-fonts-primary-sizes-base)}}@container (min-width:768px){.sidebar{font-size:var(--sidebar-container-font-size,var(--cs-fonts-primary-sizes-sm))}}.sidebar__item:focus-visible{outline:var(--sidebar-focus-ring-width) solid var(--sidebar-focus-ring-color);outline-offset:var(--sidebar-focus-ring-offset)}.sidebar__item[aria-expanded=true]:after{transform:rotate(45deg)}@media (prefers-contrast:high){.sidebar,.sidebar__item{border-width:var(--sidebar-high-contrast-border-width)}.sidebar__submenu{border-left-width:var(--sidebar-high-contrast-border-width)}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar__item{transition:none}.sidebar__item[tabindex]:hover,.sidebar__item[role=button]:hover,.sidebar__item[role=link]:hover{transform:none}.sidebar--collapsed,.sidebar--mobile,.sidebar--mobile.sidebar--open{animation:none}}.sidebar__item[tabindex]:hover,.sidebar__item[role=button]:hover,.sidebar__item[role=link]:hover{transform:var(--sidebar-hover-transform,translateX(4px));box-shadow:var(--sidebar-hover-shadow,var(--cs-shadows-md))}.sidebar__item[tabindex]:active,.sidebar__item[role=button]:active,.sidebar__item[role=link]:active{transform:var(--sidebar-active-transform,translateX(0));box-shadow:var(--sidebar-active-shadow,var(--cs-shadows-sm))}.sidebar__item{transform:translateZ(0);backface-visibility:hidden}.sidebar__item:hover{transform:translate(var(--cs-spacing-scale-xs))}.sidebar__item:active{transform:translate(0)}.sidebar{transform-origin:left center}.sidebar--collapsed{animation:sidebarCollapse var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease-out)}@keyframes sidebarCollapse{0%{width:var(--sidebar-width)}to{width:var(--sidebar-width-collapsed)}}.sidebar--mobile.sidebar--open{animation:sidebarSlideIn var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease-out)}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebarSlideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.sidebar-variant-showcase{display:flex;flex-direction:column;gap:var(--sidebar-variant-showcase-gap,var(--cs-spacing-scale-md))}.sidebar-variant-section{display:flex;flex-direction:column;gap:var(--sidebar-variant-section-gap,var(--cs-spacing-scale-sm))}.sidebar-variant-title{font-size:var(--sidebar-variant-title-size,var(--cs-fonts-primary-sizes-lg));font-weight:var(--sidebar-variant-title-weight,var(--cs-fonts-primary-weights-semibold));margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}.sidebar-variant-grid{display:flex;flex-wrap:wrap;gap:var(--sidebar-variant-grid-gap,var(--cs-spacing-scale-sm))}.sidebar-variant-description{font-size:var(--sidebar-variant-description-size,var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-variant-description-color,var(--cs-colors-text-muted))}.sidebar-state-showcase{display:flex;flex-direction:column;gap:var(--sidebar-state-showcase-gap,var(--cs-spacing-scale-md))}.sidebar-state-grid{display:flex;flex-wrap:wrap;gap:var(--cs-spacing-scale-sm)}.sidebar-state-description{font-size:var(--sidebar-state-description-size,var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-state-description-color,var(--cs-colors-text-muted))}.sidebar-responsive-showcase{display:flex;flex-direction:column;gap:var(--sidebar-responsive-showcase-gap,var(--cs-spacing-scale-md))}.sidebar-responsive-description{font-size:var(--sidebar-responsive-description-size,var(--cs-fonts-primary-sizes-sm));color:var(--sidebar-responsive-description-color,var(--cs-colors-text-muted));margin-bottom:var(--cs-spacing-scale-sm)}.sidebar-responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--sidebar-responsive-grid-gap,var(--cs-spacing-scale-md));width:100%;max-width:var(--cs-spacing-scale-6xl)}.sidebar-responsive-column{display:flex;flex-direction:column;gap:var(--sidebar-responsive-column-gap,var(--cs-spacing-scale-sm))}.sidebar-responsive-title{font-size:var(--sidebar-responsive-title-size,var(--cs-fonts-primary-sizes-md));font-weight:var(--sidebar-responsive-title-weight,var(--cs-fonts-primary-weights-medium));margin-bottom:var(--cs-spacing-scale-sm);color:var(--cs-colors-text-primary)}@media (min-width:768px){.sidebar-responsive-grid{grid-template-columns:1fr 1fr!important}}:root{--stepper-font-size:var(--cs-fonts-primary-sizes-sm);--stepper-font-weight:var(--cs-fonts-primary-weights-medium);--stepper-line-height:var(--cs-fonts-primary-line-heights-tight);--stepper-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--stepper-color-primary:var(--cs-colors-text-primary);--stepper-color-secondary:var(--cs-colors-text-secondary);--stepper-color-muted:var(--cs-colors-text-muted);--stepper-color-disabled:var(--cs-colors-text-muted);--stepper-color-active:var(--cs-colors-primary-500);--stepper-color-completed:var(--cs-colors-semantic-success);--stepper-color-error:var(--cs-colors-semantic-error);--stepper-color-hover:var(--cs-colors-interactive-hover);--stepper-padding-y:var(--cs-spacing-scale-sm);--stepper-padding-x:var(--cs-spacing-scale-md);--stepper-margin:var(--cs-spacing-scale-xs);--stepper-item-spacing:var(--cs-spacing-scale-md);--stepper-group-spacing:var(--cs-spacing-scale-lg);--stepper-transition:var(--cs-transitions-properties-colors);--stepper-border-radius:var(--cs-border-radius-full);--stepper-border-width:var(--cs-border-width-sm);--stepper-shadow:var(--cs-shadows-sm);--stepper-focus-ring-width:var(--cs-accessibility-focus-ring-width);--stepper-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--stepper-focus-ring-color:var(--cs-accessibility-focus-ring-color);--stepper-focus-outline-offset:var(--cs-accessibility-outline-offset);--stepper-icon-size:var(--cs-fonts-primary-sizes-2xl);--stepper-icon-spacing:var(--cs-spacing-scale-sm);--stepper-badge-spacing:var(--cs-spacing-scale-sm);--stepper-connector-width:var(--cs-border-width-normal);--stepper-connector-length:var(--cs-spacing-scale-2xl);--stepper-step-size:var(--cs-spacing-scale-2xl);--stepper-step-size-small:var(--cs-spacing-scale-xl);--stepper-step-size-large:var(--cs-spacing-scale-2xl)}.stepper{display:flex;flex-direction:column;gap:var(--stepper-group-spacing);font-family:var(--cs-fonts-primary-family),var(--cs-fonts-primary-fallbacks);font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);line-height:var(--stepper-line-height);letter-spacing:var(--stepper-letter-spacing)}.stepper--horizontal{flex-direction:row;align-items:flex-start}.stepper--vertical{flex-direction:column}.stepper__container{display:flex;flex-direction:column;gap:var(--stepper-group-spacing)}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--stepper-item-spacing);position:relative;flex:1}.stepper__step--vertical{flex-direction:row;text-align:left;align-items:flex-start}.stepper__step-number{display:flex;align-items:center;justify-content:center;width:var(--stepper-step-size);height:var(--stepper-step-size);border-radius:var(--stepper-border-radius);border:var(--stepper-border-width) solid var(--cs-colors-border);background-color:var(--cs-colors-surface-background);color:var(--stepper-color-muted);font-weight:var(--cs-fonts-primary-weights-semibold);font-size:var(--cs-fonts-primary-sizes-sm);transition:var(--stepper-transition);position:relative;z-index:2}.stepper__step-icon{width:var(--stepper-icon-size);height:var(--stepper-icon-size);color:inherit}.stepper__step-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--stepper-color-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stepper__step-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--stepper-color-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stepper__step-content{margin-top:var(--stepper-item-spacing);padding:var(--stepper-padding-y) var(--stepper-padding-x);background-color:var(--cs-colors-surface-surface);border:var(--stepper-border-width) solid var(--cs-colors-border);border-radius:var(--cs-border-radius-lg);box-shadow:var(--stepper-shadow);width:100%}.stepper__navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--stepper-item-spacing);margin-top:var(--stepper-group-spacing);padding:var(--stepper-padding-y) var(--stepper-padding-x);background-color:var(--cs-colors-surface-surface);border-top:var(--stepper-border-width) solid var(--cs-colors-border)}.stepper__nav-button{display:inline-flex;align-items:center;gap:var(--stepper-icon-spacing);padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);border:var(--stepper-border-width) solid var(--cs-colors-border);border-radius:var(--cs-border-radius-md);background-color:var(--cs-colors-surface-background);color:var(--stepper-color-primary);cursor:pointer;transition:var(--stepper-transition);text-decoration:none}.stepper__nav-button:hover{background-color:var(--stepper-color-hover);border-color:var(--cs-colors-primary-300)}.stepper__nav-button:focus{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__nav-button:focus:not(:focus-visible){outline:none}.stepper__progress{width:100%;height:var(--stepper-connector-width);background-color:var(--cs-colors-border);border-radius:var(--stepper-border-radius);overflow:hidden;margin:var(--stepper-item-spacing) 0}.stepper__progress-bar{height:100%;background-color:var(--stepper-color-active);transition:var(--stepper-transition);border-radius:var(--stepper-border-radius)}@media (max-width:768px){.stepper--horizontal,.stepper__container--horizontal{flex-direction:column}.stepper__step--horizontal{text-align:left;align-items:flex-start}.stepper__connector--horizontal{display:none}.stepper__navigation--horizontal{flex-direction:column;align-items:stretch}}@media (max-width:640px){.stepper__step-number{width:var(--stepper-step-size-small);height:var(--stepper-step-size-small)}.stepper__step-content,.stepper__navigation{padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm)}}.stepper__step-number:focus-visible{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__nav-button:focus-visible{outline:var(--stepper-focus-ring-width) solid var(--stepper-focus-ring-color);outline-offset:var(--stepper-focus-ring-offset)}.stepper__step[aria-disabled=true] .stepper__step-number{cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.stepper__step-number{transform:translateZ(0);backface-visibility:hidden}.stepper__step-number:hover{transform:scale(1.05)}.stepper__step-number:active{transform:scale(1)}.stepper__progress-bar{transform-origin:left center;animation:stepperProgress .5s ease-out}@keyframes stepperProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stepperComplete{50%{transform:scale(1.1)}to{transform:scale(1)}}:root{--tabs-font-size:var(--cs-fonts-primary-sizes-sm);--tabs-font-weight:var(--cs-fonts-primary-weights-medium);--tabs-line-height:var(--cs-fonts-primary-line-heights-tight);--tabs-letter-spacing:var(--cs-fonts-primary-letter-spacing-normal);--tabs-color-primary:var(--cs-colors-text-primary);--tabs-color-secondary:var(--cs-colors-text-secondary);--tabs-color-muted:var(--cs-colors-text-muted);--tabs-color-disabled:var(--cs-colors-text-muted);--tabs-color-active:var(--cs-colors-primary-500);--tabs-color-hover:var(--cs-colors-interactive-hover);--tabs-padding-y:var(--cs-spacing-scale-xs);--tabs-padding-x:var(--cs-spacing-scale-sm);--tabs-margin:var(--cs-spacing-scale-xs);--tabs-item-spacing:var(--cs-spacing-scale-xs);--tabs-content-spacing:var(--cs-spacing-scale-md);--tabs-transition:var(--cs-transitions-properties-colors);--tabs-border-radius:var(--cs-border-radius-lg);--tabs-border-width:var(--cs-border-width-sm);--tabs-shadow:var(--cs-shadows-sm);--tabs-focus-ring-width:var(--cs-accessibility-focus-ring-width);--tabs-focus-ring-offset:var(--cs-accessibility-focus-ring-offset);--tabs-focus-ring-color:var(--cs-accessibility-focus-ring-color);--tabs-focus-outline-offset:var(--cs-accessibility-outline-offset);--tabs-icon-size:var(--cs-fonts-primary-sizes-md);--tabs-icon-spacing:var(--cs-spacing-scale-sm);--tabs-badge-spacing:var(--cs-spacing-scale-sm);--tabs-size-sm-padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--tabs-size-sm-font:var(--cs-fonts-primary-sizes-sm);--tabs-size-md-padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--tabs-size-md-font:var(--cs-fonts-primary-sizes-sm);--tabs-size-lg-padding:var(--cs-spacing-scale-md) var(--cs-spacing-scale-lg);--tabs-size-lg-font:var(--cs-fonts-primary-sizes-base)}.tabs{display:flex;flex-direction:column}.tabs--vertical{flex-direction:row}.tabs__list{display:flex;border-radius:var(--tabs-border-radius);border:var(--tabs-border-width) solid transparent;box-shadow:var(--tabs-shadow);transition:var(--tabs-transition)}.tabs__list--vertical{flex-direction:column;border-right:var(--tabs-border-width) solid transparent}.tabs__list--full-width{width:100%}.tabs__list--centered{justify-content:center}.tabs__list--semantic{background-color:var(--cs-colors-surface-surface);border-color:var(--cs-colors-border);transition:all var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.tabs__item{display:inline-flex;align-items:center;justify-content:center;font-size:var(--tabs-font-size);font-weight:var(--tabs-font-weight);line-height:var(--tabs-line-height);letter-spacing:var(--tabs-letter-spacing);padding:var(--tabs-padding-y) var(--tabs-padding-x);border-radius:var(--cs-border-radius-md);transition:var(--tabs-transition);cursor:pointer;border:var(--tabs-border-width) solid transparent;text-decoration:none;color:inherit;background:none;position:relative}.tabs__item--vertical{width:100%;justify-content:flex-start;border-right:var(--tabs-border-width) solid transparent}.tabs__item--full-width{flex:1}.tabs__item--small{padding:var(--tabs-size-sm-padding);font-size:var(--tabs-size-sm-font)}.tabs__item--medium{padding:var(--tabs-size-md-padding);font-size:var(--tabs-size-md-font)}.tabs__item--large{padding:var(--tabs-size-lg-padding);font-size:var(--tabs-size-lg-font)}.tabs__item:hover{background-color:var(--tabs-color-hover)}.tabs__item:focus{outline:var(--tabs-focus-ring-width) solid var(--tabs-focus-ring-color);outline-offset:var(--tabs-focus-ring-offset)}.tabs__item:focus:not(:focus-visible){outline:none}.tabs__item--disabled{color:var(--tabs-color-disabled);cursor:not-allowed;opacity:var(--cs-accessibility-disabled-opacity)}.tabs__item--disabled:hover{background-color:transparent}.tabs__item--default{color:var(--tabs-color-secondary)}.tabs__item--default:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover)}.tabs__item--default.tabs__item--active{color:var(--cs-colors-surface-background);background-color:var(--tabs-color-active);box-shadow:var(--cs-shadows-md)}.tabs__item--pills{color:var(--tabs-color-secondary)}.tabs__item--pills:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover)}.tabs__item--pills.tabs__item--active{color:var(--cs-colors-surface-background);background-color:var(--tabs-color-active);box-shadow:var(--cs-shadows-md)}.tabs__item--underline{color:var(--tabs-color-secondary);border-bottom:var(--tabs-border-width) solid transparent}.tabs__item--underline:hover{color:var(--tabs-color-primary);border-bottom-color:var(--cs-colors-border)}.tabs__item--underline.tabs__item--active{color:var(--tabs-color-active);border-bottom-color:var(--tabs-color-active)}.tabs__item--cards{color:var(--tabs-color-secondary);border:var(--tabs-border-width) solid transparent}.tabs__item--cards:hover{color:var(--tabs-color-primary);background-color:var(--tabs-color-hover);border-color:var(--cs-colors-border)}.tabs__item--cards.tabs__item--active{color:var(--tabs-color-active);background-color:var(--cs-colors-primary-50);border-color:var(--cs-colors-primary-200);box-shadow:var(--cs-shadows-sm)}.tabs__item--minimal{color:var(--tabs-color-secondary)}.tabs__item--minimal:hover{color:var(--tabs-color-primary)}.tabs__item--minimal.tabs__item--active{color:var(--tabs-color-active);font-weight:var(--cs-fonts-primary-weights-semibold)}.tabs__item--stan-design.tabs__item--active{background-color:var(--cs-colors-text-primary);color:var(--cs-colors-surface-background)}.tabs__item--enterprise.tabs__item--active{background-color:var(--cs-colors-primary-600);color:var(--cs-colors-surface-background)}.tabs__item--harvey.tabs__item--active{background-color:var(--cs-colors-accent);color:var(--cs-colors-surface-background)}.tabs__item-icon{width:var(--tabs-icon-size);height:var(--tabs-icon-size);margin-right:var(--tabs-icon-spacing)}.tabs__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs__item-badge{margin-left:var(--tabs-badge-spacing)}.tabs__close-button{margin-left:var(--tabs-icon-spacing);padding:var(--cs-spacing-scale-xs);border-radius:var(--cs-border-radius-full);transition:var(--tabs-transition);cursor:pointer;border:none;background:none;color:inherit;display:flex;align-items:center;justify-content:center}.tabs__close-button:hover{background-color:rgba(0,0,0,var(--cs-colors-alpha-low))}.tabs__close-icon{width:calc(var(--cs-spacing-scale-sm) + var(--cs-spacing-scale-xs));height:calc(var(--cs-spacing-scale-sm) + var(--cs-spacing-scale-xs))}.tabs__add-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--tabs-padding-y) var(--tabs-padding-x);color:var(--tabs-color-muted);transition:var(--tabs-transition);cursor:pointer;border:none;background:none;border-radius:var(--cs-border-radius-md)}.tabs__add-button:hover{color:var(--tabs-color-secondary);background-color:var(--tabs-color-hover)}.tabs__add-icon{width:var(--tabs-icon-size);height:var(--tabs-icon-size)}.tabs__content{margin-top:var(--tabs-content-spacing)}.tabs__content--vertical{margin-top:0;margin-left:var(--tabs-content-spacing);flex:1}.tabs__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-2xl)}.tabs__loading-spinner{width:var(--cs-spacing-scale-2xl);height:var(--cs-spacing-scale-2xl);border:var(--tabs-border-width) solid var(--cs-colors-border);border-top-color:var(--tabs-color-active);border-radius:var(--cs-border-radius-full);animation:spin 1s linear infinite}.tabs__item:focus-visible{outline:var(--tabs-focus-ring-width) solid var(--tabs-focus-ring-color);outline-offset:var(--tabs-focus-ring-offset)}.tabs__item[aria-selected=true]{font-weight:var(--cs-fonts-primary-weights-semibold)}.tabs__item{transform:translateZ(0);backface-visibility:hidden}.tabs__item:hover{transform:translateY(calc(-1 * var(--cs-spacing-scale-xs)))}.tabs__item:active{transform:translateY(0)}@media (max-width:640px){.tabs__list--vertical{flex-direction:row;overflow-x:auto}.tabs__item--vertical{width:auto;min-width:-moz-max-content;min-width:max-content}.tabs__content--vertical{margin-left:var(--cs-spacing-scale-none);margin-top:var(--tabs-content-spacing)}}:root{--user-menu-width:288px;--user-menu-max-height:400px;--user-menu-border-radius:var(--cs-border-radius-lg);--user-menu-shadow:var(--cs-shadows-lg);--user-menu-z-index:50;--user-menu-header-padding:var(--cs-spacing-scale-lg);--user-menu-header-border:1px solid var(--cs-colors-border-subtle);--user-menu-header-gap:var(--cs-spacing-scale-md);--user-menu-item-padding:var(--cs-spacing-scale-sm) var(--cs-spacing-scale-md);--user-menu-item-gap:var(--cs-spacing-scale-md);--user-menu-item-radius:var(--cs-border-radius-md);--user-menu-section-padding:var(--cs-spacing-scale-sm) 0;--user-menu-section-title-padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-md);--user-avatar-xs-size:24px;--user-avatar-sm-size:32px;--user-avatar-md-size:40px;--user-avatar-lg-size:48px;--user-avatar-xl-size:56px;--subscription-badge-gap:var(--cs-spacing-scale-xs);--subscription-badge-padding:var(--cs-spacing-scale-xs) var(--cs-spacing-scale-sm);--user-menu-background:var(--cs-colors-surface-background);--user-menu-border-color:var(--cs-colors-border);--user-menu-text-primary:var(--cs-colors-text-primary);--user-menu-text-secondary:var(--cs-colors-text-secondary);--user-menu-text-muted:var(--cs-colors-text-muted);--user-menu-hover-background:var(--cs-colors-interactive-hover);--user-menu-focus-outline:var(--cs-colors-interactive-focus);--user-menu-danger-color:var(--cs-colors-destructive-500);--user-menu-danger-hover:var(--cs-colors-destructive-600);--user-menu-transition:var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease)}.dark .user-menu,.dark{--user-menu-background:var(--cs-colors-surface-surface);--user-menu-border-color:var(--cs-colors-border);--user-menu-text-primary:var(--cs-colors-text-primary);--user-menu-text-secondary:var(--cs-colors-text-secondary);--user-menu-text-muted:var(--cs-colors-text-muted);--user-menu-hover-background:var(--cs-colors-interactive-hover);--user-menu-focus-outline:var(--cs-colors-interactive-focus)}.dark .user-menu__item:hover,.dark .user-menu__trigger-default:hover{background-color:var(--cs-colors-interactive-hover)!important}.user-menu{position:relative;display:inline-block}.user-menu__trigger{background:none;border:none;cursor:pointer;padding:0;transition:var(--user-menu-transition)}.user-menu__trigger:focus{outline:2px solid var(--user-menu-focus-outline);outline-offset:2px}.user-menu__trigger-default{display:flex;align-items:center;gap:var(--cs-spacing-scale-sm);padding:var(--cs-spacing-scale-sm);border-radius:var(--cs-border-radius-md);transition:var(--user-menu-transition)}.user-menu__trigger-default:hover{background-color:var(--user-menu-hover-background)}.user-menu__trigger-name{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);color:var(--user-menu-text-primary)}.user-menu__dropdown{position:absolute;z-index:var(--user-menu-z-index);background-color:var(--user-menu-background);border:1px solid var(--user-menu-border-color);border-radius:var(--user-menu-border-radius);box-shadow:var(--user-menu-shadow);overflow:hidden;animation:userMenuSlideIn .2s ease-out;max-height:min(var(--user-menu-max-height),calc(100vh - 120px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cs-colors-border) transparent}.user-menu__dropdown::-webkit-scrollbar{width:6px}.user-menu__dropdown::-webkit-scrollbar-track{background:transparent}.user-menu__dropdown::-webkit-scrollbar-thumb{background-color:var(--cs-colors-border);border-radius:3px}.user-menu__dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--cs-colors-border-strong)}.user-menu__dropdown--bottom-left{top:100%;left:0;margin-top:var(--cs-spacing-scale-xs)}.user-menu__dropdown--bottom-right{top:100%;right:0;margin-top:var(--cs-spacing-scale-xs)}.user-menu__dropdown--top-left{bottom:100%;left:0;margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__dropdown--top-right{bottom:100%;right:0;margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__header{padding:var(--user-menu-header-padding);border-bottom:var(--user-menu-header-border);display:flex;align-items:center;gap:var(--user-menu-header-gap)}.user-menu__header-avatar{flex-shrink:0}.user-menu__header-info{flex:1;min-width:0}.user-menu__header-name-row{display:flex;align-items:center;gap:var(--cs-spacing-scale-sm);margin-bottom:var(--cs-spacing-scale-xs)}.user-menu__header-name{font-size:var(--cs-fonts-primary-sizes-md);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--user-menu-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-menu__header-email{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--user-menu-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__header-subscription{flex-shrink:0;display:flex;align-items:center}.user-menu__sections{max-height:inherit;overflow-y:auto}.user-menu__section{padding:var(--user-menu-section-padding)}.user-menu__section--bordered{border-top:1px solid var(--user-menu-border-color)}.user-menu__section-title{padding:var(--user-menu-section-title-padding);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--user-menu-text-muted);text-transform:uppercase;letter-spacing:var(--cs-fonts-primary-letter-spacing-wide)}.user-menu__section-items{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-xs)}.user-menu__item{display:flex;align-items:center;width:100%;padding:var(--user-menu-item-padding);border:none;background:none;color:var(--user-menu-text-primary);text-decoration:none;cursor:pointer;border-radius:var(--user-menu-item-radius);transition:var(--user-menu-transition);text-align:left}.user-menu__item:hover{background-color:var(--user-menu-hover-background)}.user-menu__item:focus{outline:2px solid var(--user-menu-focus-outline);outline-offset:-2px}.user-menu__item--disabled{color:var(--user-menu-text-muted);cursor:not-allowed;opacity:.6}.user-menu__item--disabled:hover{background-color:transparent}.user-menu__item--danger{color:var(--user-menu-danger-color)}.user-menu__item--danger:hover{background-color:var(--cs-colors-destructive-50);color:var(--user-menu-danger-hover)}.user-menu__item-content{display:flex;align-items:center;gap:var(--user-menu-item-gap);flex:1;min-width:0}.user-menu__item-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-menu__item-text{flex:1;min-width:0}.user-menu__item-label{display:block;font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__item-description{display:block;font-size:var(--cs-fonts-primary-sizes-xs);color:var(--user-menu-text-muted);margin-top:var(--cs-spacing-scale-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__item-badge{flex-shrink:0;margin-left:var(--cs-spacing-scale-sm)}.user-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--cs-colors-neutral-100)}.user-avatar--xs{width:var(--user-avatar-xs-size);height:var(--user-avatar-xs-size)}.user-avatar--sm{width:var(--user-avatar-sm-size);height:var(--user-avatar-sm-size)}.user-avatar--md{width:var(--user-avatar-md-size);height:var(--user-avatar-md-size)}.user-avatar--lg{width:var(--user-avatar-lg-size);height:var(--user-avatar-lg-size)}.user-avatar--xl{width:var(--user-avatar-xl-size);height:var(--user-avatar-xl-size)}.user-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cs-colors-primary-100);color:var(--cs-colors-primary-700)}.user-avatar__initials{font-size:.6em;font-weight:var(--cs-fonts-primary-weights-semibold);text-transform:uppercase}.dark .user-avatar{background-color:var(--cs-modes-dark-colors-neutral-100)}.dark .user-avatar__fallback{background-color:var(--cs-modes-dark-colors-primary-100);color:var(--cs-modes-dark-colors-primary-700)}.subscription-badge{display:inline-flex;align-items:center;gap:var(--subscription-badge-gap)}.subscription-badge__icon{display:flex;align-items:center;justify-content:center}.subscription-badge__label{font-size:inherit;font-weight:inherit}.subscription-badge--sm .subscription-badge__icon{width:12px;height:12px}.subscription-badge--md .subscription-badge__icon{width:14px;height:14px}.subscription-badge--lg .subscription-badge__icon{width:16px;height:16px}@media (max-width:768px){.user-menu__dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:320px;max-height:80vh}.user-menu__dropdown--bottom-left,.user-menu__dropdown--bottom-right,.user-menu__dropdown--top-left,.user-menu__dropdown--top-right{margin:0}.user-menu__header{padding:var(--cs-spacing-scale-md)}.user-menu__header-name{font-size:var(--cs-fonts-primary-sizes-sm)}.user-menu__item{padding:var(--cs-spacing-scale-md);min-height:44px}.user-menu__trigger-name{display:none}}@media (max-width:480px){.user-menu__dropdown{width:95vw}}@keyframes userMenuSlideIn{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-contrast:high){.user-menu__dropdown{border-width:2px}.user-menu__item:focus{outline-width:3px}.user-menu__section--bordered{border-top-width:2px}}@media (prefers-reduced-motion:reduce){.user-menu__dropdown{animation:none}.user-menu__item,.user-menu__trigger,.user-menu__trigger-default{transition:none}}@media print{.user-menu__dropdown{display:none}}.chart{--chart-bg:var(--cs-colors-surface-background);--chart-border:var(--cs-colors-surface-border);--chart-radius:var(--cs-border-radius-md);--chart-shadow:var(--cs-shadows-sm);--chart-spacing:var(--cs-spacing-scale-4)}.chart__container{position:relative;background-color:var(--chart-bg);border:var(--cs-border-width-normal) solid var(--chart-border);border-radius:var(--chart-radius);box-shadow:var(--chart-shadow);overflow:hidden}.chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--chart-spacing);padding-bottom:var(--cs-spacing-scale-2);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.chart__title{font-size:var(--cs-fonts-primary-sizes-lg);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary);margin:0}.chart__subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0}.chart__canvas{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart__canvas canvas{max-width:100%;height:auto}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--cs-spacing-scale-3);margin-top:var(--chart-spacing);padding-top:var(--cs-spacing-scale-2);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.chart__legend--sm{gap:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-xs)}.chart__legend--md{gap:var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-sm)}.chart__legend--lg{gap:var(--cs-spacing-scale-4);font-size:var(--cs-fonts-primary-sizes-base)}.chart__legend-item{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);cursor:pointer;transition:var(--cs-transitions-properties-colors)}.chart__legend-item:hover{color:var(--cs-colors-primary-600)}.chart__legend-color{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3);border-radius:var(--cs-border-radius-full);flex-shrink:0}.chart__legend-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary)}.chart__loading{display:flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-text-secondary)}.chart__loading-spinner{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border:var(--cs-border-width-heavy) solid var(--cs-colors-surface-divider);border-top:var(--cs-border-width-heavy) solid var(--cs-colors-primary-500);border-radius:var(--cs-border-radius-full);animation:chart-loading-spin var(--cs-transitions-durations-slow) linear infinite}@keyframes chart-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart__error{display:flex;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-semantic-error-500);text-align:center;padding:var(--chart-spacing)}.chart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--cs-spacing-scale-32);color:var(--cs-colors-text-muted);text-align:center;padding:var(--chart-spacing)}.chart__empty-icon{width:var(--cs-spacing-scale-16);height:var(--cs-spacing-scale-16);margin-bottom:var(--cs-spacing-scale-4);opacity:.5}.chart--line .chart__canvas{min-height:var(--cs-spacing-scale-48)}.chart--bar .chart__canvas{min-height:var(--cs-spacing-scale-56)}.chart--pie .chart__canvas,.chart--doughnut .chart__canvas{min-height:var(--cs-spacing-scale-64)}.chart--area .chart__canvas{min-height:var(--cs-spacing-scale-48)}@media (max-width:640px){.chart__header{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-2)}.chart__legend{flex-direction:column;gap:var(--cs-spacing-scale-2)}.chart__container--sm{min-height:var(--cs-spacing-scale-32);padding:var(--cs-spacing-scale-2)}.chart__container--md{min-height:var(--cs-spacing-scale-48);padding:var(--cs-spacing-scale-3)}.chart__container--lg{min-height:var(--cs-spacing-scale-56);padding:var(--chart-spacing)}}.chart__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.chart__legend-item:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);border-radius:var(--cs-border-radius-sm)}@media print{.chart__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.chart__loading,.chart__error{display:none}}.data-grid{--grid-bg:var(--cs-colors-surface-background);--grid-border:var(--cs-colors-surface-border);--grid-radius:var(--cs-border-radius-md);--grid-shadow:var(--cs-shadows-sm);--grid-spacing:var(--cs-spacing-scale-4);--grid-row-hover:var(--cs-colors-interactive-hover);--grid-row-selected:var(--cs-colors-primary-50);--grid-resize-handle:var(--cs-colors-primary-500)}.data-grid__container{position:relative;background-color:var(--grid-bg);border:var(--cs-border-width-normal) solid var(--grid-border);border-radius:var(--grid-radius);box-shadow:var(--grid-shadow);overflow:hidden;display:flex;flex-direction:column;height:100%}.data-grid__container--striped .data-grid__row:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.data-grid__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--grid-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.data-grid__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--grid-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--grid-bg);transition:var(--cs-transitions-colors)}.data-grid__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.data-grid__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.data-grid__table{width:100%;border-collapse:separate;border-spacing:0;font-size:inherit;min-width:100%}.data-grid__header{position:sticky;top:0;z-index:20;background-color:var(--cs-colors-surface-surface)}.data-grid__sort-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);transition:var(--cs-transitions-transform)}.data-grid__resize-handle{position:absolute;top:0;right:0;width:var(--cs-spacing-scale-1);height:100%;cursor:col-resize;background-color:transparent;border:none;z-index:10}.data-grid__resize-handle:hover,.data-grid__resize-handle--active{background-color:var(--grid-resize-handle)}.data-grid__resize-handle:before{content:"";position:absolute;top:0;left:-2px;right:-2px;height:100%}.data-grid__row{border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-colors)}.data-grid__row:hover{background-color:var(--grid-row-hover)}.data-grid__row--selected{background-color:var(--grid-row-selected)}.data-grid__cell{padding:var(--cs-spacing-scale-3) var(--grid-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);color:var(--cs-colors-text-primary);vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid__container--sm .data-grid__header-cell,.data-grid__container--sm .data-grid__cell{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-xs)}.data-grid__container--lg .data-grid__header-cell,.data-grid__container--lg .data-grid__cell{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6);font-size:var(--cs-fonts-primary-sizes-base)}.data-grid__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-text-secondary)}@keyframes data-grid-loading-spin{}.data-grid__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-semantic-error);text-align:center}.data-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--grid-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width:768px){.data-grid__toolbar{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.data-grid__toolbar-left,.data-grid__toolbar-right{justify-content:space-between}.data-grid__search{max-width:none}.data-grid__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-grid__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width:640px){.data-grid__header-cell,.data-grid__cell{padding:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-sm)}.data-grid__checkbox-cell{width:var(--cs-spacing-scale-10)}.data-grid__cell--expandable{max-width:var(--cs-spacing-scale-32)}}.data-grid__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.data-grid__row:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast:high){.data-grid__container{border-width:var(--cs-border-width-thick)}.data-grid__header-cell,.data-grid__cell{border-width:var(--cs-border-width-normal)}.data-grid__resize-handle:hover,.data-grid__resize-handle--active{background-color:currentColor}}@media (prefers-reduced-motion:reduce){.data-grid__row,.data-grid__header-cell--sortable,.data-grid__group-icon,.data-grid__sort-icon,.data-grid__resize-handle{transition:none}.data-grid__loading-spinner{animation:none}}@media print{.data-grid__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.data-grid__toolbar,.data-grid__footer,.data-grid__loading,.data-grid__error{display:none}.data-grid__row:hover{background-color:transparent}.data-grid__resize-handle{display:none}}.list{--list-bg:var(--cs-colors-surface-background);--list-border:var(--cs-colors-surface-border);--list-radius:var(--cs-border-radius-md);--list-shadow:var(--cs-shadows-sm);--list-spacing:var(--cs-spacing-scale-4);--list-item-hover:var(--cs-colors-interactive-hover);--list-item-selected:var(--cs-colors-primary-50)}.list__container{position:relative;background-color:var(--list-bg);border:var(--cs-border-width-normal) solid var(--list-border);border-radius:var(--list-radius);box-shadow:var(--list-shadow);overflow:hidden}.list__container--striped .list__item:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.list__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--list-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--list-bg);transition:var(--cs-transitions-colors)}.list__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.list__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.list__items{list-style:none;margin:0;padding:0}.list__item{display:flex;align-items:center;padding:var(--cs-spacing-scale-3) var(--list-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-colors);cursor:pointer;position:relative}.list__item:last-child{border-bottom:none}.list__item:hover{background-color:var(--list-item-hover)}.list__container--sm .list__item{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.list__container--lg .list__item{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6)}.list__item-checkbox{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);margin-right:var(--cs-spacing-scale-3);cursor:pointer}.list__item-avatar{width:var(--cs-spacing-scale-10);height:var(--cs-spacing-scale-10);border-radius:var(--cs-border-radius-full);-o-object-fit:cover;object-fit:cover;margin-right:var(--cs-spacing-scale-3);flex-shrink:0}.list__container--sm .list__item-avatar{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8)}.list__container--lg .list__item-avatar{width:var(--cs-spacing-scale-12);height:var(--cs-spacing-scale-12)}.list__item-content{flex:1;min-width:0}.list__item-title{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);margin:0;line-height:var(--cs-fonts-primary-line-heights-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__item-subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0;line-height:var(--cs-fonts-primary-line-heights-none);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__item-description{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0;line-height:var(--cs-fonts-primary-line-heights-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list__item-metadata{display:flex;flex-direction:column;align-items:flex-end;gap:var(--cs-spacing-scale-1);margin-left:var(--cs-spacing-scale-3);flex-shrink:0}.list__item-timestamp{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);white-space:nowrap}.list__item-status{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);text-transform:uppercase;letter-spacing:.025em}.list__item-status--active{background-color:var(--cs-colors-semantic-success-100);color:var(--cs-colors-semantic-success-800)}.list__item-status--warning{background-color:var(--cs-colors-semantic-warning-100);color:var(--cs-colors-semantic-warning-800)}.list__item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5);padding:0 var(--cs-spacing-scale-1);background-color:var(--cs-colors-primary-500);color:var(--cs-colors-text-onPrimary);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.list__item-actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-1);margin-left:var(--cs-spacing-scale-2);opacity:0;transition:var(--cs-transitions-opacity)}.list__item:hover .list__item-actions,.list__item--selected .list__item-actions{opacity:1}.list__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-text-secondary)}@keyframes list-loading-spin{}.list__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-semantic-error);text-align:center}.list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--list-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width:768px){.list__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.list__search{max-width:none}.list__item-content{margin-right:var(--cs-spacing-scale-2)}.list__item-actions{opacity:1}.list__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width:640px){.list__item{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.list__item-metadata{flex-direction:row;align-items:center}.list__item-description{-webkit-line-clamp:1}}.list__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.list__item:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast:high){.list__container{border-width:var(--cs-border-width-thick)}.list__item{border-bottom-width:var(--cs-border-width-normal)}}@media (prefers-reduced-motion:reduce){.list__item,.list__item-actions,.list__item-action{transition:none}.list__loading-spinner{animation:none}}@media print{.list__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.list__actions,.list__footer,.list__item-actions,.list__loading,.list__error{display:none}.list__item:hover{background-color:transparent}}.table{--table-bg:var(--cs-colors-surface-background);--table-border:var(--cs-colors-surface-border);--table-radius:var(--cs-border-radius-md);--table-shadow:var(--cs-shadows-sm);--table-spacing:var(--cs-spacing-scale-4);--table-row-hover:var(--cs-colors-interactive-hover);--table-row-selected:var(--cs-colors-primary-50)}.table__container{position:relative;background-color:var(--table-bg);border:var(--cs-border-width-normal) solid var(--table-border);border-radius:var(--table-radius);box-shadow:var(--table-shadow);overflow:hidden}.table__container--striped .table__row:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.table__header{display:flex;align-items:center;justify-content:space-between;padding:var(--table-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);background-color:var(--cs-colors-surface-surface)}.table__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--table-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--table-bg);transition:var(--cs-transitions-properties-colors)}.table__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.table__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.table__wrapper{overflow-x:auto;overflow-y:hidden}.table__head{background-color:var(--cs-colors-surface-surface)}.table__sort-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);transition:var(--cs-transitions-properties-transform)}.table__body{background-color:var(--table-bg)}.table__row{border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);transition:var(--cs-transitions-properties-colors)}.table__row:hover{background-color:var(--table-row-hover)}.table__row--selected{background-color:var(--table-row-selected)}.table__cell{padding:var(--cs-spacing-scale-3) var(--table-spacing);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider);color:var(--cs-colors-text-primary);vertical-align:top}.table__cell--center{text-align:center}.table__container--sm .table__cell{padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.table__container--lg .table__cell{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-6)}.table__expand-button{display:inline-flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);border:none;background:none;cursor:pointer;border-radius:var(--cs-border-radius-sm);transition:var(--cs-transitions-properties-colors)}.table__expand-button:hover{background-color:var(--table-row-hover)}.table__expand-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.table__expand-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-secondary);transition:var(--cs-transitions-properties-transform)}.table__expand-icon--expanded{transform:rotate(90deg)}.table__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-text-secondary)}@keyframes table-loading-spin{}.table__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-semantic-error-500);text-align:center}.table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--table-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width:768px){.table__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.table__search{max-width:none}.table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table__container--sm .table__head-cell,.table__container--sm .table__cell{padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2)}.table__footer{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}}@media (max-width:640px){.table__head-cell,.table__cell{padding:var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-sm)}.table__checkbox-cell{width:var(--cs-spacing-scale-10)}}.table__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.table__row:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:calc(-1 * var(--cs-border-width-thick))}@media (prefers-contrast:high){.table__container{border-width:var(--cs-border-width-thick)}.table__head-cell,.table__cell{border-width:var(--cs-border-width-normal)}}@media (prefers-reduced-motion:reduce){.table__row,.table__head-cell--sortable,.table__expand-icon,.table__sort-icon{transition:none}.table__loading-spinner{animation:none}}@media print{.table__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.table__actions,.table__footer,.table__loading,.table__error{display:none}.table__row:hover{background-color:transparent}}.timeline{--timeline-bg:var(--cs-colors-surface-background);--timeline-border:var(--cs-colors-surface-border);--timeline-radius:var(--cs-border-radius-md);--timeline-shadow:var(--cs-shadows-sm);--timeline-spacing:var(--cs-spacing-scale-4);--timeline-connector:var(--cs-colors-surface-divider);--timeline-connector-width:var(--cs-border-width-thick)}.timeline__container{position:relative;background-color:var(--timeline-bg);border:var(--cs-border-width-normal) solid var(--timeline-border);border-radius:var(--timeline-radius);box-shadow:var(--timeline-shadow);overflow:hidden}.timeline__container--striped .timeline__item:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.timeline__search-input{width:100%;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-10) var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border:var(--cs-border-width-normal) solid var(--timeline-border);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-sm);background-color:var(--timeline-bg);transition:var(--cs-transitions-colors)}.timeline__search-input:focus{outline:none;border-color:var(--cs-colors-primary-500);box-shadow:var(--cs-shadows-focus)}.timeline__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.timeline__connector{position:absolute;width:var(--timeline-connector-width);background-color:var(--timeline-connector);z-index:1}.timeline__item{position:relative;margin-bottom:var(--cs-spacing-scale-6);display:flex;align-items:flex-start}.timeline__item:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item--left{justify-content:flex-start;padding-left:var(--cs-spacing-scale-12)}.timeline__item--right{justify-content:flex-end;padding-right:var(--cs-spacing-scale-12)}.timeline__container--sm .timeline__item{margin-bottom:var(--cs-spacing-scale-4)}.timeline__container--lg .timeline__item{margin-bottom:var(--cs-spacing-scale-8)}@keyframes timeline-pulse{0%,to{opacity:1}50%{opacity:var(--cs-opacity-50)}}.timeline__item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--cs-spacing-scale-2)}.timeline__item-title{font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary);margin:0;line-height:var(--cs-fonts-primary-line-heights-tight)}.timeline__item-timestamp{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-muted);white-space:nowrap;margin-left:var(--cs-spacing-scale-3)}.timeline__item-description{color:var(--cs-colors-text-secondary);line-height:var(--cs-fonts-primary-line-heights-normal);margin-bottom:var(--cs-spacing-scale-3)}.timeline__item-description:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item-metadata{display:flex;align-items:center;gap:var(--cs-spacing-scale-3);margin-bottom:var(--cs-spacing-scale-3);font-size:var(--cs-fonts-primary-sizes-sm)}.timeline__item-metadata:last-child{margin-bottom:var(--cs-spacing-scale-0)}.timeline__item-author{color:var(--cs-colors-text-secondary)}.timeline__item-category{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);background-color:var(--cs-colors-gray-100);color:var(--cs-colors-gray-800);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.timeline__item-tag{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);background-color:var(--cs-colors-primary-100);color:var(--cs-colors-primary-800);border-radius:var(--cs-border-radius-md);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.timeline__item-actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-top:var(--cs-spacing-scale-3);padding-top:var(--cs-spacing-scale-3);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-divider)}.timeline__loading{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-text-secondary)}@keyframes timeline-loading-spin{0%{transform:rotate(var(--cs-rotation-none))}to{transform:rotate(var(--cs-rotation-full))}}.timeline__error{display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-semantic-error);text-align:center}.timeline__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--timeline-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width:640px){.timeline__item{margin-bottom:var(--cs-spacing-scale-4)}.timeline__item-header{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-1)}.timeline__item-timestamp{margin-left:0}.timeline__item-actions{flex-wrap:wrap}}.timeline__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast:high){.timeline__container,.timeline__content{border-width:var(--cs-border-width-thick)}}@media print{.timeline__container{box-shadow:none;border:var(--cs-border-width-normal) solid var(--cs-colors-black)}.timeline__actions,.timeline__item-actions,.timeline__loading,.timeline__error{display:none}.timeline__content:hover{transform:none;box-shadow:none}}.tree{--tree-bg:var(--cs-colors-surface-background);--tree-border:var(--cs-colors-surface-border);--tree-radius:var(--cs-border-radius-md);--tree-shadow:var(--cs-shadows-sm);--tree-spacing:var(--cs-spacing-scale-4);--tree-node-hover:var(--cs-colors-interactive-hover);--tree-node-selected:var(--cs-colors-primary-50);--tree-line-color:var(--cs-colors-surface-divider);--tree-indent:var(--cs-spacing-scale-6)}.tree__container{position:relative;background-color:var(--tree-bg);border:var(--cs-border-width-normal) solid var(--tree-border);border-radius:var(--tree-radius);box-shadow:var(--tree-shadow);overflow:hidden}.tree__container--lg{font-size:var(--cs-fonts-primary-sizes-lg);--tree-indent:var(--cs-spacing-scale-8)}.tree__container--bordered{border-width:var(--cs-border-width-thick);border-color:var(--cs-colors-primary-500)}.tree__container--striped .tree__node:nth-child(2n){background-color:var(--cs-colors-surface-surface)}.tree__search-filter{display:flex;align-items:center;gap:var(--cs-spacing-scale-3);margin-bottom:var(--cs-spacing-scale-4);padding:var(--cs-spacing-scale-3);background-color:var(--cs-colors-surface-surface);border-radius:var(--cs-border-radius-md);border:var(--cs-border-width-normal) solid var(--cs-colors-surface-border)}.tree__search{flex:1;position:relative}.tree__search-icon{position:absolute;left:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);color:var(--cs-colors-text-muted)}.tree__filter-button{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);border-radius:var(--cs-border-radius-md);border:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-background);color:var(--cs-colors-text-secondary);cursor:pointer;transition:var(--cs-transitions-colors);font-size:var(--cs-fonts-primary-sizes-sm)}.tree__filter-button:hover{background-color:var(--cs-colors-interactive-hover)}.tree__search{position:relative;max-width:var(--cs-spacing-scale-64)}.tree__search-icon{position:absolute;right:var(--cs-spacing-scale-3);top:50%;transform:translateY(-50%);width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-muted);pointer-events:none}.tree__node{position:relative;display:block}.tree__node-content{display:flex;align-items:center;padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3);margin:var(--cs-spacing-scale-1) 0;border-radius:var(--cs-border-radius-sm);transition:var(--cs-transitions-colors);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree__node-content:hover{background-color:var(--tree-node-hover)}.tree__container--show-lines .tree__node:before{content:"";position:absolute;left:calc(var(--tree-indent) / 2 - 1px);top:0;bottom:0;width:var(--cs-border-width-normal);background-color:var(--tree-line-color);z-index:1}.tree__container--show-lines .tree__node:after{content:"";position:absolute;left:calc(var(--tree-indent) / 2 - 1px);top:var(--cs-spacing-scale-4);width:calc(var(--tree-indent) / 2);height:var(--cs-border-width-normal);background-color:var(--tree-line-color);z-index:1}.tree__container--show-lines .tree__node:last-child:before{height:var(--cs-spacing-scale-4)}.tree__node-toggle{margin-right:var(--cs-spacing-scale-2);flex-shrink:0}.tree__node-spacer{flex-shrink:0}.tree__expand-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);color:var(--cs-colors-text-secondary);transition:var(--cs-transitions-transform)}.tree__expand-icon--expanded{transform:rotate(90deg)}.tree__icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);flex-shrink:0}.tree__container--sm .tree__expand-icon{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3)}.tree__container--lg .tree__expand-button{width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8)}.tree__container--lg .tree__expand-icon{width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5)}.tree__checkbox{margin-right:var(--cs-spacing-scale-2);flex-shrink:0}.tree__checkbox-input{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4);border:var(--cs-border-width-thick) solid var(--cs-colors-surface-border);border-radius:var(--cs-border-radius-sm);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--cs-transitions-colors)}.tree__checkbox-input--checked,.tree__checkbox-input--indeterminate{border-color:var(--cs-colors-primary-500);background-color:var(--cs-colors-primary-500)}.tree__checkbox-icon{width:var(--cs-spacing-scale-3);height:var(--cs-spacing-scale-3);color:#fff}.tree__node-icon{width:var(--cs-spacing-scale-5);height:var(--cs-spacing-scale-5);margin-right:var(--cs-spacing-scale-2);color:var(--cs-colors-text-secondary);flex-shrink:0}.tree__container--sm .tree__node-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.tree__container--lg .tree__node-icon{width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6)}.tree__node-content{flex:1;min-width:0}.tree__node-main{display:flex;align-items:center;justify-content:space-between}.tree__node-text{min-width:0;flex:1}.tree__node-label{font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__node-label--selected{color:var(--cs-colors-primary-500)}.tree__node-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);margin-top:var(--cs-spacing-scale-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__node-metadata{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-left:var(--cs-spacing-scale-2);flex-shrink:0}.tree__node-badge{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);border-radius:var(--cs-border-radius-full);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium)}.tree__node-badge--count{background-color:var(--cs-colors-surface-surface);color:var(--cs-colors-text-secondary)}.tree__node-badge--status{text-transform:uppercase;letter-spacing:.025em}.tree__children{list-style:none;margin:0;padding:0;overflow:hidden;transition:var(--cs-transitions-all)}@keyframes tree-loading-spin{}.tree__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-16) var(--tree-spacing);color:var(--cs-colors-text-muted);text-align:center}@media (max-width:768px){.tree__header{flex-direction:column;align-items:stretch;gap:var(--cs-spacing-scale-3)}.tree__search{max-width:none}.tree__container--sm,.tree__container--md,.tree__container--lg{--tree-indent:var(--cs-spacing-scale-4)}.tree__node-metadata{flex-direction:column;align-items:flex-start;gap:var(--cs-spacing-scale-1)}}@media (max-width:640px){.tree__node-content{padding:var(--cs-spacing-scale-2)}.tree__node-description{display:none}.tree__node-count{min-width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}}.tree__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:2px}.tree__node-content:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:-2px}@media (prefers-contrast:high){.tree__container{border-width:var(--cs-border-width-thick)}.tree__node-content{border:var(--cs-border-width-normal) solid transparent}.tree__node-content--selected{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.tree__node-content,.tree__expand-button,.tree__expand-icon,.tree__children{transition:none}.tree__loading-spinner{animation:none}}@media print{.tree__container{box-shadow:none;border:var(--cs-border-width-normal) solid #000}.tree__actions,.tree__controls,.tree__loading,.tree__error{display:none}.tree__node-content:hover{background-color:transparent}.tree__children--collapsed{max-height:none;opacity:1}}.alert{--alert-border-radius:var(--cs-border-radius-md);--alert-spacing:var(--cs-spacing-scale-lg);--alert-icon-size:var(--cs-spacing-scale-xl);--alert-transition:var(--cs-transitions-properties-colors)}.alert__container{position:relative;display:flex;align-items:flex-start;gap:var(--cs-spacing-scale-md);padding:var(--alert-spacing);border-radius:var(--alert-border-radius);border:var(--cs-border-width-normal) solid;transition:var(--alert-transition)}.alert__icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-top:var(--cs-spacing-scale-0-5)}.alert__container--filled .alert__icon{color:currentColor}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--cs-fonts-weights-semibold);line-height:var(--cs-fonts-line-heights-5);margin:0 0 var(--cs-spacing-scale-1) 0}.alert__message{line-height:var(--cs-fonts-line-heights-6);margin:0}.alert__message--only{margin:0}.alert__actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-2);margin-top:var(--cs-spacing-scale-3)}.alert__action-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-3);font-size:var(--cs-fonts-sizes-sm);font-weight:var(--cs-fonts-weights-medium);border-radius:var(--cs-border-radius-sm);border:var(--cs-border-width-normal) solid transparent;cursor:pointer;transition:var(--alert-transition);text-decoration:none}.alert__action-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.alert__close-button{position:absolute;top:var(--cs-spacing-scale-2);right:var(--cs-spacing-scale-2);display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);padding:0;background:none;border:none;border-radius:var(--cs-border-radius-sm);cursor:pointer;transition:var(--alert-transition);color:currentColor;opacity:.7}.alert__close-button:hover{opacity:1;background-color:var(--cs-colors-interactive-hover)}.alert__close-button:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);opacity:1}.alert__close-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}@keyframes alert-slide-in{0%{transform:translateY(-100%);opacity:0}}@keyframes alert-slide-out{to{transform:translateY(-100%);opacity:0}}@media (max-width:640px){.alert__container{margin:var(--cs-spacing-scale-2)}.alert__actions{flex-direction:column;align-items:stretch}.alert__action-button{justify-content:center}.alert__close-button{top:var(--cs-spacing-scale-1);right:var(--cs-spacing-scale-1)}}.alert__container:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast:high){.alert__container{border-width:var(--cs-border-width-thick)}.alert__icon,.alert__close-button{outline:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion:reduce){.alert__container,.alert__action-button,.alert__close-button{transition:none}.alert__container--enter,.alert__container--exit{animation:none}}.progress{--progress-border-radius:var(--cs-border-radius-full);--progress-transition:var(--cs-transitions-properties-all);--progress-track-color:var(--cs-colors-surface-divider);--progress-color:var(--cs-colors-primary-500)}.progress__container{position:relative;width:100%;background-color:var(--progress-track-color);border-radius:var(--progress-border-radius);overflow:hidden}.progress__bar{height:100%;background-color:var(--progress-color);border-radius:var(--progress-border-radius);transition:var(--progress-transition);position:relative;overflow:hidden}.progress__bar--animated{transition:width var(--cs-transitions-durations-normal) var(--cs-transitions-easings-ease-in-out)}.progress__bar--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--cs-spacing-scale-4) var(--cs-spacing-scale-4)}.progress__bar--striped.progress__bar--animated{animation:progress-stripes var(--cs-transitions-durations-slow) linear infinite}.progress__wrapper{width:100%}.progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cs-spacing-scale-2)}.progress__label{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-medium);color:var(--cs-colors-text-primary);margin:0}.progress__value{font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-secondary)}.progress__circular{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress__circle{transform:rotate(-90deg)}.progress__circle-track{fill:none;stroke:var(--progress-track-color);stroke-width:var(--cs-border-width-thick)}.progress__circle-progress{fill:none;stroke:var(--progress-color);stroke-width:var(--cs-border-width-thick);stroke-linecap:round;transition:var(--progress-transition)}.progress__circle-progress--animated{transition:stroke-dashoffset var(--cs-transitions-durations-normal) var(--cs-transitions-easings-ease-in-out)}.progress__circle-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);color:var(--cs-colors-text-primary)}.progress__circular--xs .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-xs)}.progress__circular--lg .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-base)}.progress__circular--xl .progress__circle-label{font-size:var(--cs-fonts-primary-sizes-lg)}.progress__steps{display:flex;align-items:center;width:100%}.progress__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress__step:not(:last-child){margin-right:var(--cs-spacing-scale-2)}.progress__step-indicator{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border-radius:var(--cs-border-radius-full);background-color:var(--cs-colors-surface-divider);color:var(--cs-colors-text-secondary);font-size:var(--cs-fonts-primary-sizes-sm);font-weight:var(--cs-fonts-primary-weights-semibold);transition:var(--progress-transition);position:relative;z-index:2}.progress__step-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.progress__step-connector{position:absolute;top:var(--cs-spacing-scale-4);left:50%;right:-50%;height:var(--cs-border-width-thick);background-color:var(--cs-colors-surface-divider);z-index:1}.progress__step-connector--completed{background-color:var(--cs-colors-semantic-success-500)}.progress__step-label{margin-top:var(--cs-spacing-scale-2);text-align:center;font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary)}.progress__step-title{font-weight:var(--cs-fonts-primary-weights-medium);margin-bottom:var(--cs-spacing-scale-0-5)}.progress__step-description{font-size:var(--cs-fonts-primary-sizes-xs);color:var(--cs-colors-text-muted);max-width:var(--cs-spacing-scale-20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes progress-stripes{0%{background-position:var(--cs-spacing-scale-4) 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{background-position:0 0}to{background-position:var(--cs-spacing-scale-10) 0}}@keyframes progress-pulse{50%{opacity:.5}}@media (max-width:640px){.progress__steps{flex-direction:column;align-items:stretch}.progress__step{flex-direction:column;margin-right:0;margin-bottom:var(--cs-spacing-scale-4)}.progress__step:not(:last-child){margin-right:0}.progress__step-connector{height:var(--cs-spacing-scale-4);width:var(--cs-border-width-thick);margin:var(--cs-spacing-scale-2) auto}.progress__step-label{margin-top:var(--cs-spacing-scale-1)}}.progress__container:focus-within{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast:high){.progress__container,.progress__bar{border:var(--cs-border-width-normal) solid}.progress__step-indicator{border:var(--cs-border-width-thick) solid}}@media (prefers-reduced-motion:reduce){.progress__bar,.progress__circle-progress,.progress__step-indicator{transition:none}.progress__bar--striped.progress__bar--animated,.progress__container--indeterminate,.progress__bar--pulse{animation:none}}.skeleton{--skeleton-color:var(--cs-colors-surface-border);--skeleton-bg-light:var(--cs-colors-surface-surface);--skeleton-bg-dark:var(--cs-colors-surface-border);--skeleton-border-radius:var(--cs-border-radius-sm);--skeleton-border-radius-rounded:var(--cs-border-radius-md);--skeleton-border-radius-full:var(--cs-border-radius-full);--skeleton-transition:var(--cs-transitions-all)}.skeleton__base{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);display:block;overflow:hidden;position:relative}.skeleton__text{display:flex;flex-direction:column;width:100%}.skeleton__text-line{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);width:100%}.skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-2)}.skeleton__text-line--last{width:var(--cs-percentage-75)}.skeleton__text--spacing-1 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-1)}.skeleton__text--spacing-2 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-2)}.skeleton__text--spacing-3 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-3)}.skeleton__text--spacing-4 .skeleton__text-line:not(:last-child){margin-bottom:var(--cs-spacing-scale-4)}.skeleton__avatar{flex-shrink:0;background-color:var(--skeleton-color)}.skeleton__button{background-color:var(--skeleton-color);border-radius:var(--skeleton-border-radius);display:inline-block}.skeleton__button--full-width{width:var(--cs-percentage-full)}.skeleton__container{display:flex;flex-direction:column;width:100%}@keyframes skeleton-pulse{}@keyframes skeleton-wave{0%{background-position:calc(-1 * var(--cs-percentage-200)) 0}to{background-position:var(--cs-percentage-200) 0}}@keyframes skeleton-shimmer{}.skeleton__base[aria-busy=true]{pointer-events:none}@media (prefers-contrast:high){.skeleton__base,.skeleton__text-line,.skeleton__avatar,.skeleton__button{border:var(--cs-border-width-normal) solid}}.toast{--toast-border-radius:var(--cs-border-radius-lg);--toast-shadow:var(--cs-shadows-lg);--toast-transition:var(--cs-transitions-properties-all);--toast-icon-size:var(--cs-spacing-scale-lg);--toast-spacing:var(--cs-spacing-scale-md)}.toast__container{position:relative;display:flex;align-items:flex-start;gap:var(--cs-spacing-scale-md);border-radius:var(--toast-border-radius);box-shadow:var(--toast-shadow);transition:var(--toast-transition);transform:translate(0);overflow:hidden}.toast__progress{position:absolute;top:0;left:0;right:0;height:var(--cs-spacing-scale-1);background-color:var(--cs-colors-surface-divider);border-radius:var(--toast-border-radius) var(--toast-border-radius) 0 0;overflow:hidden}.toast__progress-bar{height:100%;background-color:var(--cs-colors-primary-500);transition:width var(--cs-transitions-durations-fast) linear;border-radius:inherit}.toast__icon{flex-shrink:0;width:var(--toast-icon-size);height:var(--toast-icon-size);margin-top:var(--cs-spacing-scale-0-5)}.toast__container--filled .toast__icon{color:currentColor}.toast__content{flex:1;min-width:0}.toast__title{font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);margin:0 0 var(--cs-spacing-scale-1) 0}.toast__message{line-height:var(--cs-fonts-primary-line-heights-normal);margin:0}.toast__message--only{margin:0}.toast__actions{display:flex;align-items:center;gap:var(--cs-spacing-scale-1);margin-top:var(--cs-spacing-scale-2);flex-wrap:wrap}.toast__action-button{display:inline-flex;align-items:center;padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);font-size:var(--cs-fonts-primary-sizes-xs);font-weight:var(--cs-fonts-primary-weights-medium);border-radius:var(--cs-border-radius-sm);border:none;cursor:pointer;transition:var(--toast-transition);text-decoration:none}.toast__action-button:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.toast__close-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);padding:0;background:none;border:none;border-radius:var(--cs-border-radius-sm);cursor:pointer;transition:var(--toast-transition);color:var(--cs-colors-text-secondary);opacity:.7;margin:calc(-1 * var(--cs-spacing-scale-1)) calc(-1 * var(--cs-spacing-scale-1)) 0 var(--cs-spacing-scale-md)}.toast__close-button:hover{opacity:1;background-color:var(--cs-colors-interactive-hover)}.toast__close-button:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5);opacity:1}.toast__close-icon{width:var(--cs-spacing-scale-4);height:var(--cs-spacing-scale-4)}.toast-container{position:fixed;z-index:var(--cs-z-index-modal);max-width:var(--cs-spacing-scale-100);width:100%}.toast-container__list{display:flex;flex-direction:column;gap:var(--cs-spacing-scale-2)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toast-slide-in-left{0%{transform:translate(-100%);opacity:0}}@keyframes toast-slide-out-left{to{transform:translate(-100%);opacity:0}}@keyframes toast-slide-in-top{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-slide-out-top{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}@keyframes toast-slide-in-bottom{0%{transform:translate(-50%) translateY(100%);opacity:0}}@keyframes toast-slide-out-bottom{to{transform:translate(-50%) translateY(100%);opacity:0}}@media (max-width:640px){.toast-container{max-width:none;left:var(--cs-spacing-scale-2)!important;right:var(--cs-spacing-scale-2)!important;transform:none!important}.toast__container{font-size:var(--cs-fonts-primary-sizes-sm)}.toast__actions{flex-direction:column;align-items:stretch}.toast__action-button{justify-content:center}}.toast__container:focus{outline:var(--cs-border-width-focus) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}@media (prefers-contrast:high){.toast__container{border-width:var(--cs-border-width-thick)}.toast__icon,.toast__close-button,.toast__action-button{outline:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion:reduce){.toast__container,.toast__action-button,.toast__close-button,.toast__progress-bar{transition:none}.toast__container--enter,.toast__container--exit{animation:none}}.backdrop{--backdrop-opacity:.5;--backdrop-z-index:var(--cs-z-index-backdrop,1000);--backdrop-transition:var(--cs-transitions-all,all .2s ease-in-out);--backdrop-blur:4px;--backdrop-color:rgba(0,0,0,var(--backdrop-opacity))}.backdrop__container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--backdrop-z-index);display:flex;align-items:center;justify-content:center;background-color:var(--backdrop-color);transition:var(--backdrop-transition);cursor:pointer}.backdrop__container--blur{backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.backdrop__container--z-modal{--backdrop-z-index:var(--cs-z-index-modal,1000)}.backdrop__container--z-dropdown{--backdrop-z-index:var(--cs-z-index-dropdown,1010)}.backdrop__container--z-popover{--backdrop-z-index:var(--cs-z-index-popover,1020)}.backdrop__container--z-tooltip{--backdrop-z-index:var(--cs-z-index-tooltip,1030)}.backdrop__container--z-toast{--backdrop-z-index:var(--cs-z-index-toast,1040)}.backdrop__container--enter{animation:backdrop-fade-in .2s ease-out}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.backdrop__content{pointer-events:auto;max-width:100%;max-height:100%;overflow:auto;cursor:default}@media (max-width:640px){.backdrop__container{padding:var(--cs-spacing-scale-4,16px)}.backdrop__content{width:100%;height:auto;max-height:calc(100vh - var(--cs-spacing-scale-8,32px))}}.backdrop__container:focus{outline:none}@media (prefers-contrast:high){.backdrop__container{border:1px solid}}@media (prefers-reduced-motion:reduce){.backdrop__container{transition:none}.backdrop__container--enter,.backdrop__container--exit{animation:none}}.backdrop__container--no-click .backdrop__content{pointer-events:auto}.modal{--modal-border-radius:var(--cs-border-radius-xl);--modal-shadow:var(--cs-shadows-lg);--modal-max-width:calc(var(--cs-spacing-scale-6xl) * 2.667);--modal-min-height:auto;--modal-transition:var(--cs-transitions-properties-all);--modal-background:var(--cs-colors-surface-background);--modal-border:var(--cs-border-width-normal) solid var(--cs-colors-border)}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--cs-z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--cs-spacing-scale-4)}.modal__container{position:relative;width:100%;max-width:var(--modal-max-width);min-height:var(--modal-min-height);background-color:var(--modal-background);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;overflow:hidden;transform:scale(1);transition:var(--modal-transition)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-6);border-bottom:var(--cs-borders-subtle);background-color:var(--cs-colors-background-secondary);flex-shrink:0}.modal__header--borderless{border-bottom:none}.modal__header--no-padding{padding:0}.modal__title{font-size:var(--cs-typography-font-size-lg);font-weight:var(--cs-typography-font-weight-semibold);line-height:var(--cs-typography-line-height-tight);color:var(--cs-colors-text-primary);margin:0;flex:1}.modal__close{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-8);height:var(--cs-spacing-scale-8);border:none;background:none;color:var(--cs-colors-text-secondary);cursor:pointer;border-radius:var(--cs-border-radius-scale-2);transition:var(--modal-transition);flex-shrink:0;margin-left:var(--cs-spacing-scale-3)}.modal__close:hover{background-color:var(--cs-colors-background-hover);color:var(--cs-colors-text-primary)}.modal__close:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-primary-500);outline-offset:var(--cs-spacing-scale-0-5)}.modal__close:active{background-color:var(--cs-colors-background-active)}.modal__body{flex:1;padding:var(--cs-spacing-scale-6);overflow-y:auto;color:var(--cs-colors-text-primary);line-height:var(--cs-typography-line-height-relaxed)}.modal__body--no-padding{padding:0}.modal__body--compact{padding:var(--cs-spacing-scale-4)}.modal__body--spacious{padding:var(--cs-spacing-scale-8)}.modal__body--scrollable{max-height:var(--cs-viewport-height-3-5);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cs-spacing-scale-3);padding:var(--cs-spacing-scale-6);border-top:var(--cs-borders-subtle);background-color:var(--cs-colors-background-secondary);flex-shrink:0}.modal__footer--borderless{border-top:none}.modal__footer--no-padding{padding:0}.modal__footer--center{justify-content:center}.modal__footer--space-between{justify-content:space-between}.modal__footer--start{justify-content:flex-start}@keyframes modal-slide-in{0%{transform:translateY(calc(-1 * var(--cs-spacing-scale-5)));opacity:0}}@keyframes modal-slide-out{to{transform:translateY(calc(-1 * var(--cs-spacing-scale-5)));opacity:0}}@keyframes modal-fade-in{}@keyframes modal-fade-out{}@keyframes modal-scale-in{0%{transform:scale(var(--cs-scale-95));opacity:0}to{transform:scale(1);opacity:1}}@keyframes modal-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(var(--cs-scale-95));opacity:0}}@media (max-width:640px){.modal__overlay{padding:var(--cs-spacing-scale-2);align-items:flex-end}.modal__container{max-width:100%;max-height:var(--cs-viewport-height-9-10);margin:0;border-radius:var(--cs-border-radius-scale-3) var(--cs-border-radius-scale-3) 0 0}.modal__container--size-full{--modal-max-width:100%;--modal-min-height:var(--cs-viewport-height-9-10);border-radius:0}.modal__header,.modal__body,.modal__footer{padding:var(--cs-spacing-scale-4)}.modal__body--scrollable{max-height:var(--cs-viewport-height-1-2)}}@media (max-width:480px){.modal__overlay{padding:0}.modal__container{min-height:var(--cs-viewport-height-full);border-radius:0}.modal__header{padding:var(--cs-spacing-scale-4) var(--cs-spacing-scale-4) var(--cs-spacing-scale-3)}.modal__body{padding:var(--cs-spacing-scale-4)}.modal__footer{padding:var(--cs-spacing-scale-3) var(--cs-spacing-scale-4) var(--cs-spacing-scale-4)}}.modal__container:focus{outline:none}@media (prefers-contrast:high){.modal__container{border:var(--cs-border-width-thick) solid}.modal__header,.modal__footer{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.modal__container{transition:none}.modal__container--enter,.modal__container--exit,.modal__container--fade-enter,.modal__container--fade-exit,.modal__container--scale-enter,.modal__container--scale-exit{animation:none}}.modal__container--theme-dark .modal__header,.modal__container--theme-dark .modal__footer{background-color:var(--cs-colors-gray-900);border-color:var(--cs-colors-gray-700)}.modal__container--theme-dark .modal__title{color:var(--cs-colors-white)}.modal__container--theme-dark .modal__close{color:var(--cs-colors-gray-400)}.modal__container--theme-dark .modal__close:hover{background-color:var(--cs-colors-gray-700);color:var(--cs-colors-white)}.modal__container--loading{pointer-events:none;opacity:var(--cs-opacity-70)}.modal__container--loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--cs-colors-white-alpha-80);display:flex;align-items:center;justify-content:center;z-index:1}.popover{--popover-border-radius:var(--cs-border-radius-md);--popover-shadow:var(--cs-shadows-lg);--popover-background:var(--cs-colors-surface-background);--popover-border:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);--popover-transition:var(--cs-transitions-properties-all);--popover-z-index:var(--cs-z-index-popover);--popover-arrow-size:var(--cs-spacing-scale-2);--popover-offset:var(--cs-spacing-scale-2)}.popover__content{position:absolute;z-index:var(--popover-z-index);background-color:var(--popover-background);border:var(--popover-border);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);transform-origin:var(--popover-transform-origin,center);transition:var(--popover-transition);overflow:hidden;max-width:var(--popover-max-width,var(--cs-spacing-scale-80));min-width:var(--popover-min-width,var(--cs-spacing-scale-50))}.popover__arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.popover__content--position-top .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));left:50%;transform:translate(-50%);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-top-start .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));left:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-top-end .popover__arrow{bottom:calc(-1 * var(--popover-arrow-size));right:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-top:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom .popover__arrow{top:calc(-1 * var(--popover-arrow-size));left:50%;transform:translate(-50%);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom-start .popover__arrow{top:calc(-1 * var(--popover-arrow-size));left:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-bottom-end .popover__arrow{top:calc(-1 * var(--popover-arrow-size));right:var(--cs-spacing-scale-4);border-left:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left .popover__arrow{right:calc(-1 * var(--popover-arrow-size));top:50%;transform:translateY(-50%);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left-start .popover__arrow{right:calc(-1 * var(--popover-arrow-size));top:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-left-end .popover__arrow{right:calc(-1 * var(--popover-arrow-size));bottom:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-left:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right .popover__arrow{left:calc(-1 * var(--popover-arrow-size));top:50%;transform:translateY(-50%);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right-start .popover__arrow{left:calc(-1 * var(--popover-arrow-size));top:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__content--position-right-end .popover__arrow{left:calc(-1 * var(--popover-arrow-size));bottom:var(--cs-spacing-scale-4);border-top:var(--popover-arrow-size) solid transparent;border-bottom:var(--popover-arrow-size) solid transparent;border-right:var(--popover-arrow-size) solid var(--popover-background)}.popover__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cs-spacing-scale-4);border-bottom:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.popover__header--borderless{border-bottom:none}.popover__header--no-padding{padding:0}.popover__title{font-size:var(--cs-fonts-primary-sizes-base);font-weight:var(--cs-fonts-primary-weights-semibold);line-height:var(--cs-fonts-primary-line-heights-tight);color:var(--cs-colors-text-primary);margin:0;flex:1}.popover__subtitle{font-size:var(--cs-fonts-primary-sizes-sm);color:var(--cs-colors-text-secondary);margin:var(--cs-spacing-scale-1) 0 0}.popover__close{display:flex;align-items:center;justify-content:center;width:var(--cs-spacing-scale-6);height:var(--cs-spacing-scale-6);border:none;background:none;color:var(--cs-colors-text-secondary);cursor:pointer;border-radius:var(--cs-border-radius-sm);transition:var(--popover-transition);flex-shrink:0;margin-left:var(--cs-spacing-scale-2)}.popover__close:hover{background-color:var(--cs-colors-interactive-hover);color:var(--cs-colors-text-primary)}.popover__close:focus{outline:var(--cs-border-width-thick) solid var(--cs-colors-interactive-focus);outline-offset:var(--cs-spacing-scale-0-5)}.popover__close:active{background-color:var(--cs-colors-interactive-active)}.popover__body{padding:var(--cs-spacing-scale-4);color:var(--cs-colors-text-primary);line-height:var(--cs-fonts-primary-line-heights-relaxed)}.popover__body--no-padding{padding:0}.popover__body--compact{padding:var(--cs-spacing-scale-3)}.popover__body--spacious{padding:var(--cs-spacing-scale-6)}.popover__body--scrollable{max-height:var(--popover-max-height,var(--cs-spacing-scale-75));overflow-y:auto}.popover__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cs-spacing-scale-2);padding:var(--cs-spacing-scale-4);border-top:var(--cs-border-width-normal) solid var(--cs-colors-surface-border);background-color:var(--cs-colors-surface-surface);flex-shrink:0}.popover__footer--borderless{border-top:none}.popover__footer--no-padding{padding:0}.popover__footer--center{justify-content:center}.popover__footer--space-between{justify-content:space-between}.popover__footer--start{justify-content:flex-start}@keyframes popover-fade-in{}@keyframes popover-fade-out{}@keyframes popover-slide-in{0%{opacity:0;transform:var(--popover-slide-from,translateY(calc(-1 * var(--cs-spacing-scale-2))))}}@keyframes popover-slide-out{to{opacity:0;transform:var(--popover-slide-to,translateY(calc(-1 * var(--cs-spacing-scale-2))))}}@keyframes popover-scale-in{0%{opacity:0;transform:scale(.95)}}@keyframes popover-scale-out{to{opacity:0;transform:scale(.95)}}@media (max-width:640px){.popover__content{--popover-max-width:calc(100vw - var(--cs-spacing-scale-4));--popover-min-width:var(--cs-spacing-scale-50)}.popover__header,.popover__body,.popover__footer{padding:var(--cs-spacing-scale-3)}.popover__body--scrollable{--popover-max-height:var(--cs-spacing-scale-62-5)}}@media (max-width:480px){.popover__content{--popover-max-width:calc(100vw - var(--cs-spacing-scale-2));--popover-min-width:var(--cs-spacing-scale-45)}.popover__header,.popover__body,.popover__footer{padding:var(--cs-spacing-scale-2)}}.popover__content:focus{outline:none}@media (prefers-contrast:high){.popover__content{border:var(--cs-border-width-thick) solid}.popover__header,.popover__footer{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.popover__content{transition:none}.popover__content--enter,.popover__content--exit,.popover__content--slide-enter,.popover__content--slide-exit,.popover__content--scale-enter,.popover__content--scale-exit{animation:none}}.popover__content--theme-dark .popover__header,.popover__content--theme-dark .popover__footer{background-color:var(--cs-colors-gray-900);border-color:var(--cs-colors-gray-700)}.popover__content--theme-dark .popover__title{color:var(--cs-colors-white)}.popover__content--theme-dark .popover__subtitle,.popover__content--theme-dark .popover__close{color:var(--cs-colors-gray-400)}.popover__content--theme-dark .popover__close:hover{background-color:var(--cs-colors-gray-700);color:var(--cs-colors-white)}.portal__container{position:relative;z-index:var(--cs-z-index-portal,1000)}.portal__content{pointer-events:auto}@keyframes portal-enter{}@keyframes portal-exit{}.portal__container[aria-hidden=true]{visibility:hidden}.portal__container[aria-hidden=false]{visibility:visible}.portal__container--debug{outline:2px dashed #ff0000;background-color:#ff00001a}.portal__container--debug:before{content:"Portal";position:absolute;top:0;left:0;background:red;color:#fff;padding:2px 6px;font-size:10px;font-family:monospace;z-index:9999}.tooltip{--tooltip-border-radius:var(--cs-border-radius-scale-2);--tooltip-shadow:var(--cs-shadows-md);--tooltip-background:var(--cs-colors-gray-900);--tooltip-color:var(--cs-colors-white);--tooltip-border:none;--tooltip-transition:var(--cs-transitions-all);--tooltip-z-index:var(--cs-z-index-tooltip);--tooltip-arrow-size:var(--cs-spacing-scale-sm);--tooltip-offset:var(--cs-spacing-scale-sm);--tooltip-max-width:calc(var(--cs-spacing-scale-6xl) * 2.667);--tooltip-font-size:var(--cs-typography-font-size-sm);--tooltip-line-height:var(--cs-typography-line-height-tight);--tooltip-padding:var(--cs-spacing-scale-2) var(--cs-spacing-scale-3)}.tooltip__trigger{display:inline-block;cursor:help}.tooltip__content{position:absolute;z-index:var(--tooltip-z-index);background-color:var(--tooltip-background);color:var(--tooltip-color);border:var(--tooltip-border);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-shadow);padding:var(--tooltip-padding);font-size:var(--tooltip-font-size);line-height:var(--tooltip-line-height);max-width:var(--tooltip-max-width);word-wrap:break-word;transform-origin:var(--tooltip-transform-origin,center);transition:var(--tooltip-transition);pointer-events:none;white-space:nowrap}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.tooltip__content--position-top .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)));border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-top-start .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-top-end .tooltip__arrow{bottom:calc(-1 * var(--tooltip-arrow-size));right:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-top:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-percentage-50);transform:translate(calc(-1 * var(--cs-percentage-50)));border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom-start .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));left:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-bottom-end .tooltip__arrow{top:calc(-1 * var(--tooltip-arrow-size));right:var(--cs-spacing-scale-3);border-left:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left-start .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-left-end .tooltip__arrow{right:calc(-1 * var(--tooltip-arrow-size));bottom:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-left:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-percentage-50);transform:translateY(calc(-1 * var(--cs-percentage-50)));border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right-start .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));top:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}.tooltip__content--position-right-end .tooltip__arrow{left:calc(-1 * var(--tooltip-arrow-size));bottom:var(--cs-spacing-scale-3);border-top:var(--tooltip-arrow-size) solid transparent;border-bottom:var(--tooltip-arrow-size) solid transparent;border-right:var(--tooltip-arrow-size) solid var(--tooltip-background)}@keyframes tooltip-fade-in{}@keyframes tooltip-fade-out{}@keyframes tooltip-slide-in{0%{opacity:0;transform:var(--tooltip-slide-from,translateY(calc(-1 * var(--cs-spacing-scale-1))))}}@keyframes tooltip-slide-out{to{opacity:0;transform:var(--tooltip-slide-to,translateY(calc(-1 * var(--cs-spacing-scale-1))))}}@keyframes tooltip-scale-in{}@keyframes tooltip-scale-out{}@media (max-width:640px){.tooltip__content{--tooltip-max-width:calc(100vw - var(--cs-spacing-scale-4));--tooltip-font-size:var(--cs-typography-font-size-xs);--tooltip-padding:var(--cs-spacing-scale-1) var(--cs-spacing-scale-2);white-space:normal}.tooltip__content--size-lg{--tooltip-max-width:calc(100vw - var(--cs-spacing-scale-2))}}@media (max-width:480px){.tooltip__content{--tooltip-max-width:calc(100vw - var(--cs-spacing-scale-2))}}.tooltip__trigger:focus-visible{outline:var(--cs-border-width-thick) solid var(--cs-colors-primary-500);outline-offset:var(--cs-spacing-scale-0-5);border-radius:var(--cs-border-radius-scale-1)}@media (prefers-contrast:high){.tooltip__content{border:var(--cs-border-width-normal) solid}}@media (prefers-reduced-motion:reduce){.tooltip__content{transition:none}.tooltip__content--enter,.tooltip__content--exit,.tooltip__content--slide-enter,.tooltip__content--slide-exit,.tooltip__content--scale-enter,.tooltip__content--scale-exit{animation:none}}.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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-6{bottom:-1.5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-96{height:24rem}.h-auto{height:auto}.max-h-20{max-height:5rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[500px\]{min-height:500px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[40px\]{min-width:40px}.min-w-\[44px\]{min-width:44px}.min-w-\[48px\]{min-width:48px}.min-w-\[56px\]{min-width:56px}.min-w-\[64px\]{min-width:64px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity,1))}.border-cs-border{border-color:var(--border-color)}.border-cs-error{border-color:var(--error)}.border-cs-info{border-color:var(--info)}.border-cs-primary{border-color:var(--primary)}.border-cs-secondary{border-color:var(--cs-colors-secondary-500)}.border-cs-success{border-color:var(--success)}.border-cs-warning{border-color:var(--warning)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity,1))}.border-muted{border-color:hsl(var(--muted))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255 / var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity,1))}.bg-card{background-color:hsl(var(--card))}.bg-cs-border{background-color:var(--border-color)}.bg-cs-error{background-color:var(--error)}.bg-cs-hover-bg{background-color:var(--hover-bg)}.bg-cs-info{background-color:var(--info)}.bg-cs-page-bg{background-color:var(--page-bg)}.bg-cs-primary{background-color:var(--primary)}.bg-cs-secondary{background-color:var(--cs-colors-secondary-500)}.bg-cs-success{background-color:var(--success)}.bg-cs-surface-bg{background-color:var(--surface-bg)}.bg-cs-warning{background-color:var(--warning)}.bg-current{background-color:currentColor}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128 / var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247 / var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity,1))}.bg-opacity-20{--tw-bg-opacity:.2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cs-error{--tw-gradient-from:var(--error) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cs-success{--tw-gradient-from:var(--success) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cs-warning{--tw-gradient-from:var(--warning) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity,1))}.text-cs-error{color:var(--error)}.text-cs-info{color:var(--info)}.text-cs-primary{color:var(--primary)}.text-cs-secondary{color:var(--cs-colors-secondary-500)}.text-cs-success{color:var(--success)}.text-cs-text-primary{color:var(--text-primary)}.text-cs-text-secondary{color:var(--text-secondary)}.text-cs-warning{color:var(--warning)}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity,1))}.text-input{color:hsl(var(--input))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity,1))}.text-primary{color:hsl(var(--primary))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168 / var(--tw-text-opacity,1))}.text-purple-900{--tw-text-opacity:1;color:rgb(88 28 135 / var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity,1))}.text-secondary{color:hsl(var(--secondary))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7 / var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity,1))}.text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18 / var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-cs-primary{--tw-ring-color:var(--primary)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.fade-in{--tw-enter-opacity:0}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.advanced-transition{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.transition-ease-out,.transition-ease-in,.transition-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-ease-out-quint{transition-timing-function:cubic-bezier(.23,1,.32,1)}.transition-ease-in-quint{transition-timing-function:cubic-bezier(.755,.05,.855,.06)}.transition-ease-in-out-quint{transition-timing-function:cubic-bezier(.86,0,.07,1)}.transition-ease-out-expo{transition-timing-function:cubic-bezier(.19,1,.22,1)}.transition-ease-in-expo{transition-timing-function:cubic-bezier(.95,.05,.795,.035)}.transition-ease-in-out-expo{transition-timing-function:cubic-bezier(1,0,0,1)}.transition-ease-out-circ{transition-timing-function:cubic-bezier(.075,.82,.165,1)}.transition-ease-in-circ{transition-timing-function:cubic-bezier(.6,.04,.98,.335)}.transition-ease-in-out-circ{transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.transition-performance{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}@media (prefers-reduced-motion:reduce){.advanced-transition,.advanced-transition-fast,.advanced-transition-slow,.transition-ease-out,.transition-ease-in,.transition-ease-in-out,.transition-ease-out-quint,.transition-ease-in-quint,.transition-ease-in-out-quint,.transition-ease-out-expo,.transition-ease-in-expo,.transition-ease-in-out-expo,.transition-ease-out-circ,.transition-ease-in-circ,.transition-ease-in-out-circ{transition:none!important;animation:none!important}.transition-performance,.transition-hardware-accelerated,.transition-memory-optimized{will-change:auto!important;transform:none!important;-webkit-transform:none!important}}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-duration-75{transition-duration:75ms}.transition-duration-100{transition-duration:.1s}.transition-duration-150{transition-duration:.15s}.transition-duration-200{transition-duration:.2s}.transition-duration-300{transition-duration:.3s}.transition-duration-500{transition-duration:.5s}.transition-duration-700{transition-duration:.7s}.transition-duration-1000{transition-duration:1s}.transition-delay-75{transition-delay:75ms}.transition-delay-100{transition-delay:.1s}.transition-delay-150{transition-delay:.15s}.transition-delay-200{transition-delay:.2s}.transition-delay-300{transition-delay:.3s}.transition-delay-500{transition-delay:.5s}.transition-delay-700{transition-delay:.7s}.transition-delay-1000{transition-delay:1s}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{}@keyframes fadeOut{}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}}@keyframes slideInDown{}@keyframes slideInLeft{}@keyframes slideInRight{}@keyframes scaleIn{0%{transform:scale(0);opacity:0}}@keyframes scaleOut{to{transform:scale(0);opacity:0}}.animate-stagger-1{animation-delay:0ms}.animate-stagger-2{animation-delay:.1s}.animate-stagger-3{animation-delay:.2s}.animate-stagger-4{animation-delay:.3s}.animate-stagger-5{animation-delay:.4s}.transition-monitored.transitioning:before{opacity:1}.battery-conscious-animation{transition:all .3s ease-out;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.battery-optimized-animation{transition:all .2s ease-out;will-change:transform;transform:translateZ(0)}.battery-critical-animation{transition:opacity .1s linear;will-change:opacity;transform:none}.performance-throttled-light{transition:all .25s ease-out;will-change:transform,opacity}.performance-throttled-moderate{transition:all .2s ease-out;will-change:transform}.performance-throttled-aggressive{transition:opacity .15s linear;will-change:opacity}@media (prefers-reduced-motion:reduce){.battery-conscious-animation,.battery-optimized-animation,.battery-critical-animation,.performance-throttled-light,.performance-throttled-moderate,.performance-throttled-aggressive{animation:none!important;transition:opacity .1s linear!important;transform:none!important}.essential-transition{transition:opacity .1s linear!important}}.battery-low .battery-conscious-animation{transition-duration:.2s;transition-timing-function:ease-out}.battery-critical .battery-conscious-animation{transition-duration:.1s;transition-timing-function:linear;transform:none}.performance-poor .battery-conscious-animation{transition-duration:.15s;transition-timing-function:linear}.performance-fair .battery-conscious-animation{transition-duration:.25s;transition-timing-function:ease-out}@media (max-width:768px){.battery-conscious-animation{transition-duration:.25s}.battery-optimized-animation{transition-duration:.2s}.battery-critical-animation{transition-duration:.1s}}@media (hover:none) and (pointer:coarse){.battery-conscious-animation{transition-duration:.2s;transition-timing-function:ease-out}.battery-optimized-animation{transition-duration:.15s}.battery-critical-animation{transition-duration:.08s}}@media (min-resolution:192dpi){.battery-conscious-animation{transform:translateZ(0) scale(1)}}@media print{.battery-conscious-animation,.battery-optimized-animation,.battery-critical-animation,.performance-throttled-light,.performance-throttled-moderate,.performance-throttled-aggressive{animation:none!important;transition:none!important;transform:none!important}}.animation-complexity-low{transition:all .2s ease-out;will-change:transform}.animation-complexity-high{transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,filter}.user-preference-performance .battery-conscious-animation{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,filter}.user-preference-balanced .battery-conscious-animation{transition:all .25s ease-out;will-change:transform,opacity}.user-preference-battery .battery-conscious-animation{transition:all .2s ease-out;will-change:transform}.user-preference-accessibility .battery-conscious-animation{transition:opacity .15s ease-in-out;will-change:opacity}@media (max-width:480px){.battery-conscious-animation{transition-duration:.2s}.animation-complexity-high{transition-duration:.25s}}@media (prefers-color-scheme:dark){.battery-conscious-animation{transition-timing-function:ease-out}}@media (prefers-contrast:high){}.gpu-optimized{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}.transform3d-optimized{transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.performance-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transform-style:preserve-3d;contain:layout style paint}@media (prefers-reduced-motion:reduce){.hardware-accelerated,.gpu-optimized,.transform3d-optimized,.performance-accelerated,.animation-accelerated,.scroll-optimized,.high-performance-transform,.battery-optimized-acceleration{will-change:auto;transition:none;transform:none}}@media (min-resolution:192dpi){.hardware-accelerated,.gpu-optimized,.transform3d-optimized{transform:translateZ(0) scale(1)}}@media print{}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.touch-spacing{margin:8px;padding:12px}.touch-friendly-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:768px){.touch-friendly-button{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-friendly-button{min-height:52px;min-width:52px}}.touch-friendly-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-friendly-button{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-button{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-button{margin:8px;padding:12px}@media (max-width:768px){.touch-friendly-button{margin:12px;padding:16px}}@media (max-width:480px){.touch-friendly-button{margin:16px;padding:20px}}.touch-friendly-button{background-color:var(--primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}@layer utilities{.touch-friendly-button{--tw-bg-opacity:1;background-color:var(--primary)}}.touch-friendly-button{--tw-bg-opacity:1;background-color:var(--primary);border-radius:var(--radius-lg);font-weight:500;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-button:hover{background-color:var(--primary-hover)}.touch-friendly-button:active{background-color:var(--cs-colors-primary-active)}.touch-friendly-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--primary);--tw-ring-offset-width:2px}.touch-friendly-button:disabled{cursor:not-allowed;opacity:.5}.touch-friendly-button-secondary{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:768px){.touch-friendly-button-secondary{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-friendly-button-secondary{min-height:52px;min-width:52px}}.touch-friendly-button-secondary{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-friendly-button-secondary{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-button-secondary{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-button-secondary{margin:8px;padding:12px}@media (max-width:768px){.touch-friendly-button-secondary{margin:12px;padding:16px}}@media (max-width:480px){.touch-friendly-button-secondary{margin:16px;padding:20px}}.touch-friendly-button-secondary{background-color:var(--cs-colors-secondary-500);color:var(--text-primary)}@layer utilities{.touch-friendly-button-secondary{--tw-bg-opacity:1;background-color:var(--cs-colors-secondary-500)}.touch-friendly-button-secondary{--tw-text-opacity:1;color:var(--text-primary)}}.touch-friendly-button-secondary{--tw-bg-opacity:1;background-color:var(--cs-colors-secondary-500);--tw-text-opacity:1;color:var(--text-primary);border-radius:var(--radius-lg);font-weight:500;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-button-secondary:hover{background-color:var(--cs-colors-interactive-hover)}.touch-friendly-button-secondary:active{background-color:var(--cs-colors-secondary-600)}.touch-friendly-button-secondary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--cs-colors-secondary-500);--tw-ring-offset-width:2px}.touch-friendly-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:768px){.touch-friendly-input{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-friendly-input{min-height:52px;min-width:52px}}.touch-friendly-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-friendly-input{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-input{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-input{margin:4px;padding:8px}@media (max-width:768px){.touch-friendly-input{margin:8px;padding:12px}}.touch-friendly-input{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.touch-friendly-input{--tw-bg-opacity:1;background-color:var(--surface-bg)}.touch-friendly-input{--tw-border-opacity:1;border-color:var(--border-color)}}.touch-friendly-input{--tw-bg-opacity:1;background-color:var(--surface-bg);--tw-border-opacity:1;border-color:var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary)}@layer utilities{.touch-friendly-input{--tw-text-opacity:1;color:var(--text-primary)}}.touch-friendly-input{--tw-text-opacity:1;color:var(--text-primary);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-input:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--primary)}.touch-friendly-input::-moz-placeholder{color:var(--text-secondary)}.touch-friendly-input::placeholder{color:var(--text-secondary)}@layer utilities{.touch-friendly-input::-moz-placeholder{--tw-text-opacity:1;color:var(--text-secondary)}.touch-friendly-input::placeholder{--tw-text-opacity:1;color:var(--text-secondary)}}.touch-friendly-card{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:768px){.touch-friendly-card{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-friendly-card{min-height:52px;min-width:52px}}.touch-friendly-card{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-friendly-card{min-height:48px;min-width:48px}}.tablet-device .touch-friendly-card{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-friendly-card{margin:8px;padding:12px}@media (max-width:768px){.touch-friendly-card{margin:12px;padding:16px}}@media (max-width:480px){.touch-friendly-card{margin:16px;padding:20px}}.touch-friendly-card{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.touch-friendly-card{--tw-bg-opacity:1;background-color:var(--surface-bg)}.touch-friendly-card{--tw-border-opacity:1;border-color:var(--border-color)}}.touch-friendly-card{--tw-bg-opacity:1;background-color:var(--surface-bg);--tw-border-opacity:1;border-color:var(--border-color);border-radius:var(--radius-lg);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.touch-friendly-card:hover{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.touch-friendly-card:active{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.touch-friendly-card:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--primary)}.touch-interaction{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.touch-feedback{transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-feedback:active{transform:scale(.95)}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-ripple:active:after{width:200px;height:200px}.touch-performance{will-change:transform;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.touch-optimized{touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-state-hover:hover{border-color:var(--primary);background-color:var(--hover-bg)}.touch-state-active:active{border-color:var(--primary);background-color:var(--cs-colors-interactive-active)}.touch-state-focus:focus{border-color:var(--primary);background-color:var(--cs-colors-interactive-hover)}@media (max-width:768px){.touch-target{min-height:48px;min-width:48px}.touch-spacing{margin:12px;padding:16px}.touch-spacing-compact{margin:8px;padding:12px}}@media (max-width:480px){.touch-target{min-height:52px;min-width:52px}.touch-spacing{margin:16px;padding:20px}}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.touch-feedback{transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-feedback:active,.touch-feedback.touch-pressed{transform:scale(.95);opacity:.8}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;opacity:0}.touch-ripple.touch-active:after{width:100px;height:100px;opacity:1}.touch-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-button:active{transform:scale(.95)}.touch-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.touch-button:active:after{width:200px;height:200px}@media (max-width:768px){.touch-button{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-button{min-height:52px;min-width:52px}}.touch-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-button:active,.touch-button.touch-pressed{transform:scale(.95);opacity:.8}.touch-button{position:relative;overflow:hidden}.touch-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;opacity:0}.touch-button.touch-active:after{width:100px;height:100px;opacity:1}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-button{min-height:48px;min-width:48px}}.tablet-device .touch-button{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-button{padding:12px 24px;border-radius:8px;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.touch-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.touch-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:768px){.touch-input{min-height:48px;min-width:48px}}@media (max-width:480px){.touch-input{min-height:52px;min-width:52px}}.touch-input{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tablet-optimized .touch-input{min-height:48px;min-width:48px}}.tablet-device .touch-input{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.touch-input{padding:12px 16px;border-radius:8px;border:2px solid transparent;transition:border-color .2s ease-out,box-shadow .2s ease-out}.touch-input:focus{outline:none;border-color:var(--cs-primary);box-shadow:0 0 0 3px rgba(var(--cs-primary-rgb),.1)}.touch-card{transform:scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.touch-card:active{transform:scale(.95)}.touch-card{transition:transform .1s ease-out,opacity .1s ease-out;will-change:transform}.touch-card:active,.touch-card.touch-pressed{transform:scale(.95);opacity:.8}.touch-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.touch-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.touch-card:active{transform:translateY(0) scale(.98)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.4}}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;position:relative;overflow:hidden}.mobile-skeleton.text-line{height:16px;width:100%;margin-bottom:8px}.mobile-skeleton.avatar{width:40px;height:40px;border-radius:50%}.mobile-skeleton.card{width:100%;height:120px;border-radius:8px;margin-bottom:16px}.mobile-skeleton.button{width:120px;height:40px;border-radius:6px}.mobile-skeleton.animation-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.mobile-skeleton.animation-wave{animation:skeleton-wave 2s ease-in-out infinite}.mobile-skeleton.animation-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.mobile-skeleton.animation-fade{animation:skeleton-fade 1s ease-in-out infinite}@media (max-width:768px){.mobile-skeleton.animation-pulse{animation-duration:2s}.mobile-skeleton.animation-wave{animation-duration:2.5s}.mobile-skeleton.animation-shimmer{animation-duration:2s}.mobile-skeleton.animation-fade{animation-duration:1.5s}}.mobile-skeleton.battery-low{animation-duration:3s!important;opacity:.8}.mobile-skeleton.battery-critical{animation:none!important;background:#f0f0f0;opacity:.6}.mobile-skeleton.performance-low{animation-duration:2.5s!important;will-change:auto}.mobile-skeleton.performance-medium{animation-duration:2s!important;will-change:transform}.mobile-skeleton.performance-high{animation-duration:1.5s!important;will-change:transform,opacity}.mobile-skeleton.touch-friendly{min-height:44px;min-width:44px;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.mobile-skeleton.touch-friendly:hover{transform:scale(1.02);opacity:.9}.mobile-skeleton.touch-friendly:active{transform:scale(.98);opacity:.8}.loading-state-mobile{display:flex;flex-direction:column;gap:12px;padding:16px}.loading-state-tablet{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.loading-state-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px}.loading-skeleton{display:flex;flex-direction:column;gap:8px}.loading-progress{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner.battery-low{animation-duration:2s;border-top-color:#ffc107}.spinner.battery-critical{animation-duration:3s;border-top-color:#dc3545}.spinner.performance-low{animation-duration:2s;border-width:3px}.spinner.performance-medium{animation-duration:1.5s;border-width:4px}.spinner.performance-high{animation-duration:1s;border-width:4px}.mobile-skeleton[aria-label]{position:relative}.mobile-skeleton[aria-label]:after{content:attr(aria-label);position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media (prefers-reduced-motion:reduce){.mobile-skeleton{animation:none!important;background:#f0f0f0!important}.spinner{animation:none!important;border-top-color:#007bff!important}.loading-progress-bar,.mobile-skeleton.touch-friendly{transition:none!important}.mobile-skeleton.touch-friendly:hover,.mobile-skeleton.touch-friendly:active{transform:none!important;opacity:1!important}}@media (prefers-contrast:high){.mobile-skeleton{background:#000!important;border:2px solid #ffffff!important}.spinner{border-color:#fff!important;border-top-color:#000!important}.loading-progress{background:#fff!important;border:2px solid #000000!important}.loading-progress-bar{background:#000!important}}.mobile-skeleton:focus{outline:2px solid #007bff;outline-offset:2px}.mobile-skeleton:focus-visible{outline:2px solid #007bff;outline-offset:2px}@keyframes skeleton-pulse{}@keyframes skeleton-wave{to{transform:translate(100%)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-fade{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{}@media (max-width:480px){.mobile-skeleton{border-radius:2px}.mobile-skeleton.text-line{height:14px;margin-bottom:6px}.mobile-skeleton.avatar{width:32px;height:32px}.mobile-skeleton.card{height:100px;margin-bottom:12px}.mobile-skeleton.button{width:100px;height:36px}.loading-state-mobile{padding:12px;gap:8px}.spinner{width:32px;height:32px;border-width:3px}}@media (min-width:481px) and (max-width:1024px){.mobile-skeleton.card{height:140px}.loading-state-tablet{padding:18px;gap:14px}.spinner{width:36px;height:36px}}@media (orientation:portrait){.loading-state-tablet,.loading-state-desktop{grid-template-columns:1fr}}.battery-conscious .mobile-skeleton{animation-duration:2.5s!important}.battery-conscious .spinner{animation-duration:2s!important}.battery-conscious.battery-low .mobile-skeleton{animation-duration:3s!important}.battery-conscious.battery-low .spinner{animation-duration:2.5s!important}.battery-conscious.battery-critical .mobile-skeleton,.battery-conscious.battery-critical .spinner{animation:none!important}.performance-optimized .mobile-skeleton,.performance-optimized .spinner{will-change:transform;transform:translateZ(0)}.touch-optimized .mobile-skeleton.touch-friendly{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-optimized .mobile-skeleton.touch-friendly:active{-webkit-tap-highlight-color:rgba(0,123,255,.3)}.accessibility-enhanced .mobile-skeleton{-webkit-user-select:none;-moz-user-select:none;user-select:none}.accessibility-enhanced .mobile-skeleton:focus{outline:3px solid #007bff;outline-offset:3px}.voice-control-enabled .mobile-skeleton{-webkit-user-select:text;-moz-user-select:text;user-select:text}.loading-status{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.loading-status.battery-low{border-left-color:#ffc107}.loading-status.battery-critical{border-left-color:#dc3545}.loading-status.performance-low{border-left-color:#6c757d}.loading-status.accessibility-enhanced{border-left-color:#28a745}.metric-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;text-align:center}.metric-value{font-size:18px;font-weight:600;color:#007bff;margin-bottom:4px}.metric-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.loading-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric-item{padding:8px}.metric-value{font-size:16px}.metric-label{font-size:10px}}.enterprise-button{position:relative;overflow:hidden;background-color:var(--primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}@layer utilities{.enterprise-button{--tw-bg-opacity:1;background-color:var(--primary)}}.enterprise-button{--tw-bg-opacity:1;background-color:var(--primary);border-radius:var(--radius-lg);padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-button:hover{background-color:var(--primary-hover)}.enterprise-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--primary);--tw-ring-offset-width:2px}.enterprise-button{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enterprise-button:hover{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enterprise-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-button{min-height:48px;min-width:48px}.enterprise-button:active{background-color:var(--enterprise-primary-active);transform:scale(.95)}.enterprise-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.enterprise-button:hover:before{left:100%}.enterprise-button-secondary{background-color:var(--info);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}@layer utilities{.enterprise-button-secondary{--tw-bg-opacity:1;background-color:var(--info)}}.enterprise-button-secondary:hover{background-color:var(--primary-hover)}.enterprise-button-secondary:focus{--tw-ring-color:var(--info)}.enterprise-button-secondary:active{background-color:var(--enterprise-primary-active)}.enterprise-button-outline{border-width:2px;border-color:var(--primary);background-color:transparent;color:var(--primary)}@layer utilities{.enterprise-button-outline{--tw-text-opacity:1;color:var(--primary)}}.enterprise-button-outline:hover{background-color:var(--primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}@layer utilities{.enterprise-button-outline:hover{--tw-bg-opacity:1;background-color:var(--primary)}}.enterprise-button-outline:active{background-color:var(--enterprise-primary-active)}.enterprise-button-ghost{background-color:transparent;color:var(--primary)}@layer utilities{.enterprise-button-ghost{--tw-text-opacity:1;color:var(--primary)}}.enterprise-button-ghost:hover{background-color:var(--primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}@layer utilities{.enterprise-button-ghost:hover{--tw-bg-opacity:1;background-color:var(--primary)}}.enterprise-button-ghost:active{background-color:var(--enterprise-primary-active)}.enterprise-card{border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg)}@layer utilities{.enterprise-card{--tw-bg-opacity:1;background-color:var(--surface-bg)}.enterprise-card{--tw-border-opacity:1;border-color:var(--border-color)}}.enterprise-card{--tw-bg-opacity:1;background-color:var(--surface-bg);--tw-border-opacity:1;border-color:var(--border-color);border-radius:var(--radius-xl);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:1.5rem;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-card:hover{border-color:var(--primary);--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enterprise-card{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-card:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enterprise-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px #0000000d}.enterprise-card-interactive{cursor:pointer}.enterprise-card-interactive:hover{--tw-shadow:var(--shadow-2xl);--tw-shadow-colored:var(--shadow-2xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enterprise-card-interactive:active{transform:scale(.98)}.enterprise-card-premium{border-color:var(--primary);background:linear-gradient(to bottom right,var(--cs-surface-bg),rgba(37,99,235,.05));--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enterprise-input{width:100%;background-color:var(--surface-bg)}@layer utilities{.enterprise-input{--tw-bg-opacity:1;background-color:var(--surface-bg)}}.enterprise-input{--tw-bg-opacity:1;background-color:var(--surface-bg);border-radius:var(--radius-lg);border-width:2px;border-color:var(--border-color)}@layer utilities{.enterprise-input{--tw-border-opacity:1;border-color:var(--border-color)}}.enterprise-input{--tw-border-opacity:1;border-color:var(--border-color);padding:.75rem 1rem;color:var(--text-primary)}@layer utilities{.enterprise-input{--tw-text-opacity:1;color:var(--text-primary)}}.enterprise-input{--tw-text-opacity:1;color:var(--text-primary);transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-input:focus{border-color:var(--primary);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.enterprise-input::-moz-placeholder{color:var(--text-secondary)}.enterprise-input::placeholder{color:var(--text-secondary)}@layer utilities{.enterprise-input::-moz-placeholder{--tw-text-opacity:1;color:var(--text-secondary)}.enterprise-input::placeholder{--tw-text-opacity:1;color:var(--text-secondary)}}.enterprise-input:focus{box-shadow:0 0 0 2px #2563eb33}.enterprise-input:hover{border-color:#2563eb80}.enterprise-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.enterprise-input.enterprise-input-success{border-color:var(--success)}@layer utilities{.enterprise-input.enterprise-input-success{--tw-border-opacity:1;border-color:var(--success)}}.enterprise-input.enterprise-input-success:focus{border-color:var(--success)}@layer utilities{.enterprise-input.enterprise-input-success:focus{--tw-border-opacity:1;border-color:var(--success)}}.enterprise-input.enterprise-input-success:focus{box-shadow:0 0 0 2px #05966933}.enterprise-input.enterprise-input-error{border-color:var(--error)}@layer utilities{.enterprise-input.enterprise-input-error{--tw-border-opacity:1;border-color:var(--error)}}.enterprise-input.enterprise-input-error:focus{border-color:var(--error)}@layer utilities{.enterprise-input.enterprise-input-error:focus{--tw-border-opacity:1;border-color:var(--error)}}.enterprise-input.enterprise-input-error:focus{box-shadow:0 0 0 2px #ef444433}.enterprise-input.enterprise-input-warning{border-color:var(--warning)}@layer utilities{.enterprise-input.enterprise-input-warning{--tw-border-opacity:1;border-color:var(--warning)}}.enterprise-input.enterprise-input-warning:focus{border-color:var(--warning)}@layer utilities{.enterprise-input.enterprise-input-warning:focus{--tw-border-opacity:1;border-color:var(--warning)}}.enterprise-input.enterprise-input-warning:focus{box-shadow:0 0 0 2px #f59e0b33}.enterprise-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}@layer utilities{.enterprise-label{--tw-text-opacity:1;color:var(--text-primary)}}.enterprise-label{--tw-text-opacity:1;color:var(--text-primary);margin-bottom:.5rem;transition-duration:.2s;animation-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-label.enterprise-label-required:after{content:" *";color:var(--enterprise-error)}.enterprise-performance{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.enterprise-performance.enterprise-performance-monitored{position:relative}.enterprise-performance.enterprise-performance-monitored:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#2563eb1a;opacity:0;transition:opacity .2s;pointer-events:none;z-index:1000}.enterprise-performance.enterprise-performance-monitored.enterprise-performance-optimizing:before{opacity:1}.enterprise-accessibility:focus-visible{outline:2px solid var(--enterprise-primary);outline-offset:2px}.enterprise-accessibility[aria-label]{position:relative}@media (prefers-reduced-motion:reduce){.enterprise-accessibility{transition:none!important;animation:none!important;transform:none!important}}.enterprise-visual-refined{color-scheme:light dark;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;letter-spacing:.025em}.enterprise-interaction-refined{transition:all var(--enterprise-transition-normal)}.enterprise-interaction-refined:hover{transform:translateY(-2px);box-shadow:var(--enterprise-shadow-lg)}.enterprise-interaction-refined:active{transform:translateY(0);box-shadow:var(--enterprise-shadow-md)}.enterprise-interaction-refined:focus-visible{outline:2px solid var(--enterprise-primary);outline-offset:2px}.enterprise-interaction-premium{position:relative;overflow:hidden}.enterprise-interaction-premium:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.enterprise-interaction-premium:active:after{width:300px;height:300px}.enterprise-mobile-optimized{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.enterprise-quality-metrics{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@layer overrides.overrides{@supports (-ms-ime-align:auto){.enterprise-quality-metrics{display:-ms-grid}}}@media (min-width:768px){.enterprise-quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.enterprise-quality-metrics{border-radius:var(--radius-xl);border-width:1px;border-color:var(--border-color);background-color:var(--surface-bg);padding:1.5rem}@layer utilities{.enterprise-quality-metrics{--tw-bg-opacity:1;background-color:var(--surface-bg)}.enterprise-quality-metrics{--tw-border-opacity:1;border-color:var(--border-color)}}.enterprise-quality-metrics{--tw-bg-opacity:1;background-color:var(--surface-bg);--tw-border-opacity:1;border-color:var(--border-color)}.enterprise-quality-metric{border-radius:var(--radius-lg);padding:1rem;text-align:center;background:linear-gradient(to bottom right,#2563eb1a,#2563eb0d);border:1px solid rgba(37,99,235,.2)}.enterprise-quality-metric .enterprise-quality-score{font-size:1.875rem;line-height:2.25rem}.enterprise-quality-metric .enterprise-quality-score{font-weight:700}.enterprise-quality-metric .enterprise-quality-score{color:var(--primary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-score{--tw-text-opacity:1;color:var(--primary)}}.enterprise-quality-metric .enterprise-quality-score{margin-bottom:.5rem}.enterprise-quality-metric .enterprise-quality-label{font-size:.875rem;line-height:1.25rem}.enterprise-quality-metric .enterprise-quality-label{font-weight:500}.enterprise-quality-metric .enterprise-quality-label{color:var(--text-primary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-label{--tw-text-opacity:1;color:var(--text-primary)}}.enterprise-quality-metric .enterprise-quality-label{margin-bottom:.25rem}.enterprise-quality-metric .enterprise-quality-description{font-size:.75rem;line-height:1rem}.enterprise-quality-metric .enterprise-quality-description{color:var(--text-secondary)}@layer utilities{.enterprise-quality-metric .enterprise-quality-description{--tw-text-opacity:1;color:var(--text-secondary)}}.enterprise-quality-excellent{background:linear-gradient(to bottom right,#0596691a,#0596690d);border:1px solid rgba(5,150,105,.2)}.enterprise-quality-excellent .enterprise-quality-score{color:var(--success)}@layer utilities{.enterprise-quality-excellent .enterprise-quality-score{--tw-text-opacity:1;color:var(--success)}}.enterprise-quality-excellent .enterprise-quality-score{color:var(--cs-success)}.enterprise-quality-good{background:linear-gradient(to bottom right,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2)}.enterprise-quality-good .enterprise-quality-score{color:var(--warning)}@layer utilities{.enterprise-quality-good .enterprise-quality-score{--tw-text-opacity:1;color:var(--warning)}}.enterprise-quality-good .enterprise-quality-score{color:var(--cs-warning)}.enterprise-quality-needs-improvement{background:linear-gradient(to bottom right,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2)}.enterprise-quality-needs-improvement .enterprise-quality-score{color:var(--error)}@layer utilities{.enterprise-quality-needs-improvement .enterprise-quality-score{--tw-text-opacity:1;color:var(--error)}}.enterprise-quality-needs-improvement .enterprise-quality-score{color:var(--cs-error)}.enterprise-status{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-duration:.2s;animation-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.enterprise-status-initializing{background-color:#2563eb1a;color:var(--info)}@layer utilities{.enterprise-status-initializing{--tw-text-opacity:1;color:var(--info)}}.enterprise-status-initializing{--tw-text-opacity:1;color:var(--info);color:var(--cs-info);border:1px solid rgba(37,99,235,.2)}.enterprise-status-optimizing{background-color:#f59e0b1a;color:var(--warning)}@layer utilities{.enterprise-status-optimizing{--tw-text-opacity:1;color:var(--warning)}}.enterprise-status-optimizing{--tw-text-opacity:1;color:var(--warning);color:var(--cs-warning);border:1px solid rgba(245,158,11,.2)}.enterprise-status-optimizing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion:reduce){.enterprise-status-optimizing{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-polishing{background-color:#2563eb1a;color:var(--primary)}@layer utilities{.enterprise-status-polishing{--tw-text-opacity:1;color:var(--primary)}}.enterprise-status-polishing{--tw-text-opacity:1;color:var(--primary);border:1px solid rgba(37,99,235,.2)}.enterprise-status-polishing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion:reduce){.enterprise-status-polishing{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-verifying{background-color:#64748b1a;color:var(--text-secondary)}@layer utilities{.enterprise-status-verifying{--tw-text-opacity:1;color:var(--text-secondary)}}.enterprise-status-verifying{--tw-text-opacity:1;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}@keyframes pulse{}.enterprise-status-verifying{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion:reduce){.enterprise-status-verifying{animation:none;transition:opacity .1s ease;transform:none}}.enterprise-status-complete{background-color:#0596691a;color:var(--success)}@layer utilities{.enterprise-status-complete{--tw-text-opacity:1;color:var(--success)}}.enterprise-status-complete{--tw-text-opacity:1;color:var(--success);color:var(--cs-success);border:1px solid rgba(5,150,105,.2)}.enterprise-status-enterprise-ready{background:linear-gradient(to right,#05966933,#2563eb33);color:var(--success)}@layer utilities{.enterprise-status-enterprise-ready{--tw-text-opacity:1;color:var(--success)}}.enterprise-status-enterprise-ready{--tw-text-opacity:1;color:var(--success);color:var(--cs-success);border:1px solid rgba(5,150,105,.3);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes enterprise-fade-in-up{0%{opacity:0;transform:translateY(20px)}}@keyframes enterprise-fade-in-down{0%{opacity:0;transform:translateY(-20px)}}@keyframes enterprise-fade-in-left{0%{opacity:0;transform:translate(-20px)}}@keyframes enterprise-fade-in-right{0%{opacity:0;transform:translate(20px)}}@keyframes enterprise-scale-in{0%{opacity:0;transform:scale(.9)}}@keyframes enterprise-slide-in-up{}.enterprise-loading{position:relative;overflow:hidden}.enterprise-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:enterprise-loading-shimmer 1.5s infinite}@keyframes enterprise-loading-shimmer{}.enterprise-loading-spinner{display:inline-block;height:1.5rem;width:1.5rem;border-width:2px;border-color:#2563eb33;border-radius:9999px;border-top-color:var(--primary)}.enterprise-loading-spinner{animation:spin 1s linear infinite}.enterprise-progress{height:.5rem;width:100%;border-radius:9999px;background-color:var(--border-color);overflow:hidden}.enterprise-progress-bar{height:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:var(--primary) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:var(--info) var(--tw-gradient-to-position);border-radius:9999px;transition-duration:.5s;animation-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-size:200% 100%;animation:enterprise-progress-shimmer 2s ease-in-out infinite}@keyframes enterprise-progress-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.enterprise-notification{position:fixed;top:1rem;right:1rem;z-index:50;width:100%;max-width:24rem;background-color:var(--surface-bg)}@layer utilities{.enterprise-notification{--tw-bg-opacity:1;background-color:var(--surface-bg)}}.enterprise-notification{--tw-bg-opacity:1;background-color:var(--surface-bg);border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-color);--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@layer utilities{.enterprise-notification{--tw-border-opacity:1;border-color:var(--border-color)}}.enterprise-notification{--tw-border-opacity:1;border-color:var(--border-color);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:1rem;transition-duration:.3s;animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:enterprise-fade-in-right .6s ease-out forwards}.enterprise-notification-success{border-color:var(--success)}@layer utilities{.enterprise-notification-success{--tw-border-opacity:1;border-color:var(--success)}}.enterprise-notification-success{--tw-border-opacity:1;border-color:var(--success);background-color:#0596690d}.enterprise-notification-warning{border-color:var(--warning)}@layer utilities{.enterprise-notification-warning{--tw-border-opacity:1;border-color:var(--warning)}}.enterprise-notification-warning{--tw-border-opacity:1;border-color:var(--warning);background-color:#f59e0b0d}.enterprise-notification-error{border-color:var(--error)}@layer utilities{.enterprise-notification-error{--tw-border-opacity:1;border-color:var(--error)}}.enterprise-notification-error{--tw-border-opacity:1;border-color:var(--error);background-color:#ef44440d}.enterprise-notification-info{border-color:var(--info)}@layer utilities{.enterprise-notification-info{--tw-border-opacity:1;border-color:var(--info)}}.enterprise-notification-info{--tw-border-opacity:1;border-color:var(--info);background-color:#2563eb0d}.enterprise-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.enterprise-container{padding-left:1.5rem;padding-right:1.5rem}}.enterprise-section{padding-top:3rem;padding-bottom:3rem}@media (min-width:640px){.enterprise-section{padding-top:4rem;padding-bottom:4rem}}.enterprise-grid{display:grid;gap:1.5rem}@layer overrides.overrides{@supports (-ms-ime-align:auto){.enterprise-grid{display:-ms-grid}}}@media (min-width:640px){.enterprise-grid{gap:2rem}}.enterprise-grid-cols-1,.enterprise-grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.enterprise-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.enterprise-grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.enterprise-grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.enterprise-grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.enterprise-grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.enterprise-dark-mode{background-color:var(--page-bg);color:var(--text-primary)}.enterprise-dark-mode .enterprise-card{background-color:var(--surface-bg);border-color:var(--border-color)}.enterprise-dark-mode .enterprise-input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}}@media (prefers-contrast:high){.enterprise-high-contrast{border-width:2px!important}.enterprise-high-contrast .enterprise-button{border:2px solid currentColor!important}.enterprise-high-contrast .enterprise-input{border-width:2px!important}}.semantic-input{position:relative;display:block;width:100%;min-height:44px;padding:12px 16px;font-size:16px;line-height:1.5;color:var(--cs-text-primary);background-color:var(--cs-bg-primary);border:2px solid var(--cs-border);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box}.semantic-input:focus{border-color:var(--cs-primary);box-shadow:0 0 0 3px rgba(var(--cs-primary-rgb),.1);transform:translateY(-1px)}.semantic-input:hover{border-color:var(--cs-accent)}@media (prefers-contrast:high){.semantic-input{border-width:3px;border-color:var(--cs-text-primary)}.semantic-input:focus{border-color:var(--cs-accent);box-shadow:0 0 0 4px var(--cs-accent)}}@media (prefers-reduced-motion:reduce){.semantic-input,.semantic-input-touch{transition:none;transform:none}.semantic-input:focus,.semantic-input-touch:hover{transform:none}}.semantic-input-group-row .semantic-input{flex:1}.semantic-input-label.required:after{content:" *";color:var(--cs-error)}.semantic-input[aria-invalid=true]{border-color:var(--cs-error);background-color:rgba(var(--cs-error-rgb),.05)}.semantic-input[aria-invalid=true]:focus{border-color:var(--cs-error);box-shadow:0 0 0 3px rgba(var(--cs-error-rgb),.1)}.semantic-input[disabled]{opacity:.6;cursor:not-allowed;background-color:var(--cs-bg-secondary)}.semantic-input[readonly]{background-color:var(--cs-bg-secondary);cursor:default}@media (max-width:768px){.semantic-input{min-height:48px;padding:16px 20px;font-size:16px;border-radius:12px}.semantic-input-group-row{flex-direction:column;gap:12px}.semantic-input-group-row .semantic-input{width:100%}}@media (min-width:769px) and (max-width:1024px){.semantic-input{min-height:46px;padding:14px 18px;border-radius:10px}}@media (prefers-color-scheme:dark){.semantic-input{background-color:var(--cs-bg-secondary);border-color:var(--cs-border);color:var(--cs-text-primary)}.semantic-input:focus{background-color:var(--cs-bg-primary);border-color:var(--cs-primary)}}@media (min-resolution:192dpi){.semantic-input{border-width:1px}.semantic-input:focus{border-width:2px}}@media print{.semantic-input{border:1px solid #000;background:transparent;color:#000;box-shadow:none}.semantic-input:focus{outline:2px solid #000;outline-offset:2px}}@keyframes semanticInputFocus{0%{transform:scale(1);box-shadow:0 0 rgba(var(--cs-primary-rgb),.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(var(--cs-primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--cs-primary-rgb),0)}}@keyframes semanticInputError{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.semantic-input[aria-invalid=true]:focus{animation:semanticInputError .3s ease-in-out}.semantic-input[data-valid=true]{border-color:var(--cs-success);background-color:rgba(var(--cs-success-rgb),.05)}.semantic-input[data-valid=true]:focus{border-color:var(--cs-success);box-shadow:0 0 0 3px rgba(var(--cs-success-rgb),.1)}.semantic-input[data-loading=true]{position:relative;color:transparent}.semantic-input[data-loading=true]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--cs-border);border-top-color:var(--cs-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{}.semantic-input{font-size:clamp(14px,2.5vw,16px)}@media (hover:none) and (pointer:coarse){.semantic-input{min-height:48px;padding:16px 20px}.semantic-input:active{transform:scale(.98);background-color:var(--cs-bg-secondary)}}.semantic-input:focus-visible{outline:3px solid var(--cs-primary);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.semantic-input[data-voice-active=true]{animation:semanticInputFocus .6s ease-out}}.semantic-input{will-change:transform,border-color,box-shadow;contain:layout style paint}@media (prefers-reduced-motion:reduce){.semantic-input{will-change:auto;contain:none}}.bg-cs-primary{--tw-bg-opacity:1;background-color:var(--primary)}.bg-cs-secondary{--tw-bg-opacity:1;background-color:var(--cs-colors-secondary-500)}.bg-cs-surface-bg{--tw-bg-opacity:1;background-color:var(--surface-bg)}.bg-cs-success{--tw-bg-opacity:1;background-color:var(--success)}.bg-cs-warning{--tw-bg-opacity:1;background-color:var(--warning)}.bg-cs-error{--tw-bg-opacity:1;background-color:var(--error)}.bg-cs-info{--tw-bg-opacity:1;background-color:var(--info)}.text-cs-text-primary{--tw-text-opacity:1;color:var(--text-primary)}.text-cs-text-secondary{--tw-text-opacity:1;color:var(--text-secondary)}.text-cs-primary{--tw-text-opacity:1;color:var(--primary)}.text-cs-success{--tw-text-opacity:1;color:var(--success)}.text-cs-warning{--tw-text-opacity:1;color:var(--warning)}.text-cs-error{--tw-text-opacity:1;color:var(--error)}.text-cs-info{--tw-text-opacity:1;color:var(--info)}.border-cs-border{--tw-border-opacity:1;border-color:var(--border-color)}.border-cs-success{--tw-border-opacity:1;border-color:var(--success)}.border-cs-warning{--tw-border-opacity:1;border-color:var(--warning)}.border-cs-error{--tw-border-opacity:1;border-color:var(--error)}.border-cs-info{--tw-border-opacity:1;border-color:var(--info)}:root{--radius:.5rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 2px);--radius-2xl:calc(var(--radius) + 4px)}:root{--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .25)}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--page-bg:#ffffff;--surface-bg:#f3f4f6;--border-color:#e5e7eb;--input-bg:#ffffff;--input-border:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-on-light:#111827;--text-on-dark:#f8fafc;--text-inverse:#f8fafc;--focus-border:#2563eb;--hover-bg:#f8fafc;--button-hover:#1d4ed8;--active-bg:rgba(37,99,235,.1);--active-border:#2563eb;--success:#059669;--warning:#F59E0B;--error:#EF4444;--info:#2563eb;--font-sans:"Clash Display",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-display:"Clash Display",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-body:"Clash Display",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}.dark{--primary:#3b82f6;--primary-hover:#2563eb;--page-bg:#0f172a;--surface-bg:#1e293b;--border-color:#334155;--input-bg:#334155;--input-border:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-on-light:#111827;--text-on-dark:#f8fafc;--text-inverse:#f8fafc;--focus-border:#3b82f6;--hover-bg:#475569;--button-hover:#2563eb;--active-bg:rgba(59,130,246,.1);--active-border:#3b82f6}.coach-stan-bg{background-color:var(--page-bg)}.coach-stan-surface{background-color:var(--surface-bg)}.coach-stan-primary{background-color:var(--primary)}.coach-stan-primary:hover{background-color:var(--primary-hover)}.coach-stan-border{border-color:var(--border-color)}.coach-stan-text-primary{color:var(--text-primary)}.coach-stan-text-secondary{color:var(--text-secondary)}.coach-stan-text-on-light{color:var(--text-on-light)}.coach-stan-text-on-dark{color:var(--text-on-dark)}.coach-stan-text-inverse{color:var(--text-inverse)}.coach-stan-active{background-color:var(--active-bg)!important;color:var(--primary)!important;border-right:2px solid var(--active-border)!important}.coach-stan-input{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.coach-stan-input:focus{border-color:var(--focus-border)}.coach-stan-input::-moz-placeholder{color:var(--text-secondary)}.coach-stan-input::placeholder{color:var(--text-secondary)}.theme-toggle{position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary),var(--primary-hover));opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:.1}.dark .coach-stan-surface{background-color:var(--surface-bg);box-shadow:0 4px 6px -1px #0000004d}.dark .coach-stan-border{border-color:var(--border-color)}.dark .coach-stan-hover-bg{background-color:var(--hover-bg)}.coach-stan-smooth-transition{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.coach-stan-stagger-item{animation:slideInFromLeft .2s ease-out forwards;opacity:0;transform:translate(-20px)}.coach-stan-stagger-item.coach-stan-active{opacity:1!important;transform:translate(0)!important}@keyframes slideInFromLeft{}@media (prefers-reduced-motion:reduce){.coach-stan-stagger-item{animation:none;opacity:1;transform:translate(0)}[data-radix-dialog-content]{animation:none!important;transform:none!important;transition:opacity .1s ease-out!important}}.coach-stan-focus-enhanced:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.coach-stan-hamburger-transition{transition:transform .2s cubic-bezier(.4,0,.2,1)}.coach-stan-hamburger-transition:hover{transform:scale(1.05)}.coach-stan-form-field{margin-bottom:1.5rem}.coach-stan-form-field:last-child{margin-bottom:0}@media (max-width:768px){.coach-stan-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.coach-stan-form-row{display:flex;flex-direction:column;gap:1rem}.coach-stan-form-button{min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.coach-stan-checkbox-container,.coach-stan-radio-container{min-height:44px;display:flex;align-items:center;padding:.5rem;margin:-.5rem;border-radius:.375rem;cursor:pointer}.coach-stan-checkbox-container:hover,.coach-stan-radio-container:hover{background-color:var(--hover-bg)}}@media (min-width:768px){.coach-stan-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.coach-stan-form-row{display:flex;gap:1.5rem}}.coach-stan-touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:768px){input:focus,textarea:focus,select:focus{transform:scale(1.02);transition:transform .15s ease-out}}.coach-stan-form-message{border-radius:.5rem;margin-top:.5rem}.coach-stan-mobile-form-item{position:relative;margin-bottom:2rem}@media (max-width:768px){.coach-stan-mobile-validation{position:sticky;top:10px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;animation:slideInFromTop .2s ease-out}.coach-stan-mobile-form-item[data-error=true]{scroll-margin-top:80px;scroll-margin-bottom:40px}.dark .coach-stan-mobile-validation{background-color:#1e293be6;border-color:var(--border-color)}.coach-stan-mobile-validation[role=alert]{margin-bottom:.75rem}.coach-stan-mobile-form-item{margin-bottom:2.5rem;padding:.5rem;border-radius:.75rem;transition:background-color .15s ease-out}.coach-stan-mobile-form-item:focus-within{background-color:var(--hover-bg)}.coach-stan-form-success{animation:successPulse .6s ease-out}.coach-stan-form-error{animation:errorShake .5s ease-out}}@keyframes slideInFromTop{}@keyframes successPulse{50%{transform:scale(1.02)}}@keyframes errorShake{}.coach-stan-keyboard-visible{position:fixed;width:100%}.coach-stan-mobile-input{font-size:16px;min-height:44px;padding:12px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.coach-stan-mobile-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.coach-stan-gesture-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;z-index:1000;pointer-events:none;opacity:0;animation:gestureFlash .6s ease-out}@keyframes gestureFlash{50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.coach-stan-mobile-form-field{position:relative;margin-bottom:24px;padding:8px;border-radius:8px;transition:background-color .15s ease-out}.coach-stan-mobile-form-field:focus-within{background-color:var(--hover-bg)}.coach-stan-mobile-form-field[data-gesture-target=true]{cursor:pointer;touch-action:pan-y}.coach-stan-gesture-hint{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-secondary);opacity:0;transition:opacity .2s ease-out}.coach-stan-mobile-form:focus-within .coach-stan-gesture-hint{opacity:1}.coach-stan-auto-focus-container{scroll-margin-top:100px;scroll-margin-bottom:100px}@media (min-width:768px) and (max-width:1024px){.coach-stan-tablet-layout{padding:16px;max-width:100%}.coach-stan-tablet-layout.orientation-portrait{padding:20px 16px}.coach-stan-tablet-layout.orientation-landscape{padding:12px 24px}.coach-stan-tablet-grid{width:100%;transition:grid-template-columns .3s ease}.coach-stan-tablet-sidebar{background:var(--card);border-right:1px solid var(--border);transition:width .3s ease,transform .3s ease;position:relative}.coach-stan-tablet-sidebar.collapsed{width:60px!important;overflow:hidden}.coach-stan-tablet-sidebar .sidebar-toggle{position:absolute;top:12px;right:12px;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.coach-stan-tablet-sidebar .sidebar-toggle:hover{background:var(--primary-hover);transform:scale(1.05)}.coach-stan-tablet-sidebar .sidebar-content.collapsed{opacity:0;pointer-events:none}.coach-stan-tablet-stack{width:100%;transition:flex-direction .3s ease}.coach-stan-tablet-stack.stack-vertical{align-items:stretch}.coach-stan-tablet-stack.stack-horizontal{align-items:flex-start}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.coach-stan-tablet-layout{padding:24px 16px}.tablet-optimized .tablet-auto-stack{flex-direction:column}.tablet-optimized button,.tablet-optimized .touch-target{min-height:48px;min-width:48px}.tablet-optimized .form-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.coach-stan-tablet-layout{padding:16px 32px}.tablet-optimized .tablet-auto-stack{flex-direction:row;gap:24px}.tablet-optimized .form-grid{grid-template-columns:1fr 1fr;gap:24px}.coach-stan-tablet-sidebar{position:static;width:280px!important}.coach-stan-tablet-sidebar.collapsed{width:80px!important}}.tablet-device{--touch-target-size:44px}.tablet-device button,.tablet-device .clickable,.tablet-device .touch-target{min-height:var(--touch-target-size);min-width:var(--touch-target-size);touch-action:manipulation}.tablet-device input,.tablet-device textarea,.tablet-device select{min-height:44px;font-size:16px}@media (hover:hover) and (pointer:fine){.tablet-device .hover-enabled:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}}.tablet-device *:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.tablet-device .scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@keyframes wave{50%{transform:translate(100%)}}.animate-wave{position:relative;overflow:hidden}.animate-wave:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:wave 1.6s linear infinite}.dark .animate-wave:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mobile-lazy-loading{will-change:transform,opacity;transform:translateZ(0)}.mobile-lazy-loaded{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{}.coach-stan-animation-base{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:768px){.coach-stan-mobile-animation{animation-duration:.25s!important;animation-timing-function:ease-out!important;transform:translateZ(0)}.coach-stan-mobile-animation.reduced-motion{animation:none!important;transition:opacity .1s ease!important}.coach-stan-mobile-transition{transition-duration:.2s!important;transition-timing-function:ease-out!important;transition-property:transform,opacity!important}.coach-stan-mobile-fade-in{animation:mobileFadeIn .2s ease-out forwards}.coach-stan-mobile-slide-in{animation:mobileSlideIn .25s ease-out forwards}.coach-stan-battery-save{animation-duration:.15s!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important}}@media (min-width:768px) and (max-width:1024px){.coach-stan-tablet-animation{animation-duration:.35s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)}.coach-stan-tablet-transition{transition-duration:.3s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.coach-stan-tablet-bounce{animation:tabletBounce .5s ease-out forwards}}.coach-stan-performance-throttle{animation-duration:.15s!important;transition-duration:.15s!important}.coach-stan-low-performance{animation:none!important;transition:opacity .1s linear!important;will-change:auto!important}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(8px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes mobileSlideIn{0%{opacity:0;transform:translate(-15px) translateZ(0)}to{opacity:1;transform:translate(0) translateZ(0)}}@keyframes tabletBounce{0%{transform:scale(1) translateZ(0)}30%{transform:scale(1.05) translateZ(0)}60%{transform:scale(.98) translateZ(0)}to{transform:scale(1) translateZ(0)}}.coach-stan-animate-on-scroll{opacity:0;transform:translateY(20px) translateZ(0);transition:opacity .4s ease-out,transform .4s ease-out}.coach-stan-animate-on-scroll.visible{opacity:1;transform:translateY(0) translateZ(0)}.coach-stan-stagger-delay-1{animation-delay:.1s!important}.coach-stan-stagger-delay-2{animation-delay:.2s!important}.coach-stan-stagger-delay-3{animation-delay:.3s!important}.coach-stan-stagger-delay-4{animation-delay:.4s!important}.coach-stan-stagger-delay-5{animation-delay:.5s!important}@media (prefers-reduced-motion:reduce){.coach-stan-reduced-motion,.coach-stan-mobile-animation,.coach-stan-tablet-animation,.coach-stan-desktop-animation,.animate-pulse,.animate-wave,.mobile-lazy-loaded{animation:none!important;transition:opacity .1s ease!important;transform:none!important}.coach-stan-animation-base{will-change:auto!important}}@media (prefers-contrast:high){.coach-stan-animation-base{animation-timing-function:linear!important;transition-timing-function:linear!important}}@media print{.coach-stan-mobile-animation,.coach-stan-tablet-animation,.coach-stan-desktop-animation,.coach-stan-animation-base{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}.mobile-image-container{position:relative;overflow:hidden;background:var(--muted)}.mobile-image-loading{background:linear-gradient(90deg,var(--muted) 25%,var(--muted-foreground/10) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{}.mobile-optimized{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.mobile-optimized *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position}.mobile-touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--cs-success:#059669;--cs-warning:#F59E0B;--cs-error:#EF4444;--cs-primary:#3B82F6;--cs-info:#2563eb}.dark{--cs-success:#10b981;--cs-warning:#fbbf24;--cs-error:#f87171;--cs-info:#60a5fa}.text-cs-success{color:var(--cs-success)}.text-cs-warning{color:var(--cs-warning)}.text-cs-error{color:var(--cs-error)}.text-cs-info{color:var(--cs-info)}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2-variations");font-weight:200 700;font-style:normal;font-display:swap}@supports not (font-variation-settings:normal){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}}@supports not (font-display:swap){@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Variable.woff) format("woff");font-weight:200 700;font-style:normal}}.placeholder\:text-cs-text-secondary::-moz-placeholder{--tw-text-opacity:1;color:var(--text-secondary)}.placeholder\:text-cs-text-secondary::placeholder{--tw-text-opacity:1;color:var(--text-secondary)}.hover\:border-cs-primary:hover{border-color:var(--primary)}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity,1))}.hover\:bg-cs-error-hover:hover{background-color:var(--cs-colors-semantic-error)}.hover\:bg-cs-hover-bg:hover{background-color:var(--hover-bg)}.hover\:bg-cs-info-hover:hover{background-color:var(--cs-colors-semantic-info)}.hover\:bg-cs-primary:hover{background-color:var(--primary)}.hover\:bg-cs-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-cs-secondary:hover{background-color:var(--cs-colors-secondary-500)}.hover\:bg-cs-secondary-hover:hover{background-color:var(--cs-colors-interactive-hover)}.hover\:bg-cs-success-hover:hover{background-color:var(--cs-colors-semantic-success)}.hover\:bg-cs-warning-hover:hover{background-color:var(--cs-colors-semantic-warning)}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity,1))}.hover\:text-cs-text-primary:hover{color:var(--text-primary)}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:bg-cs-primary:hover{--tw-bg-opacity:1;background-color:var(--primary)}.hover\:bg-cs-secondary:hover{--tw-bg-opacity:1;background-color:var(--cs-colors-secondary-500)}.hover\:text-cs-text-primary:hover{--tw-text-opacity:1;color:var(--text-primary)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity,1))}.focus\:border-cs-error:focus{border-color:var(--error)}.focus\:border-cs-info:focus{border-color:var(--info)}.focus\:border-cs-primary:focus{border-color:var(--primary)}.focus\:border-cs-secondary:focus{border-color:var(--cs-colors-secondary-500)}.focus\:border-cs-success:focus{border-color:var(--success)}.focus\:border-cs-warning:focus{border-color:var(--warning)}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-cs-focus-bg:focus{background-color:var(--cs-colors-interactive-hover)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity,1))}.focus\:ring-cs-error:focus{--tw-ring-color:var(--error)}.focus\:ring-cs-info:focus{--tw-ring-color:var(--info)}.focus\:ring-cs-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-cs-secondary:focus{--tw-ring-color:var(--cs-colors-secondary-500)}.focus\:ring-cs-success:focus{--tw-ring-color:var(--success)}.focus\:ring-cs-warning:focus{--tw-ring-color:var(--warning)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94 / var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:border-cs-success:focus{--tw-border-opacity:1;border-color:var(--success)}.focus\:border-cs-warning:focus{--tw-border-opacity:1;border-color:var(--warning)}.focus\:border-cs-error:focus{--tw-border-opacity:1;border-color:var(--error)}.focus\:border-cs-info:focus{--tw-border-opacity:1;border-color:var(--info)}.active\:border-cs-error:active{border-color:var(--error)}.active\:border-cs-info:active{border-color:var(--info)}.active\:border-cs-primary:active{border-color:var(--primary)}.active\:border-cs-secondary:active{border-color:var(--cs-colors-secondary-500)}.active\:border-cs-success:active{border-color:var(--success)}.active\:border-cs-warning:active{border-color:var(--warning)}.active\:bg-cs-active-bg:active{background-color:var(--cs-colors-interactive-active)}.active\:bg-cs-error-active:active{background-color:var(--cs-colors-semantic-error-dark)}.active\:bg-cs-info-active:active{background-color:var(--cs-colors-semantic-info)}.active\:bg-cs-primary-active:active{background-color:var(--cs-colors-primary-active)}.active\:bg-cs-secondary-active:active{background-color:var(--cs-colors-secondary-600)}.active\:bg-cs-success-active:active{background-color:var(--cs-colors-semantic-success)}.active\:bg-cs-warning-active:active{background-color:var(--cs-colors-semantic-warning)}.active\:shadow-xl:active{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:border-cs-success:active{--tw-border-opacity:1;border-color:var(--success)}.active\:border-cs-warning:active{--tw-border-opacity:1;border-color:var(--warning)}.active\:border-cs-error:active{--tw-border-opacity:1;border-color:var(--error)}.active\:border-cs-info:active{--tw-border-opacity:1;border-color:var(--info)}.dark\:inline:is(.dark *){display:inline}.dark\:hidden:is(.dark *){display:none}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity,1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(22 101 52 / var(--tw-border-opacity,1))}.dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 52 18 / var(--tw-border-opacity,1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity,1))}.dark\:bg-blue-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity,1))}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7c2d1233}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from:rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-900:is(.dark *){--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-to:rgb(88 28 135 / .2) var(--tw-gradient-to-position)}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity,1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity,1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity,1))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170 / var(--tw-text-opacity,1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity,1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
 
 /* ===== MAIN PROJECT STYLES (Custom Components & Utilities) ===== */
 
@@ -4406,7 +4405,7 @@ code {
 }
 
 /* Responsive Design */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .badge {
     font-size: var(--badge-mobile-font-size, var(--cs-fonts-primary-sizes-xs));
     padding: var(--badge-mobile-padding-y, var(--cs-spacing-scale-xs)) var(--badge-mobile-padding-x, var(--cs-spacing-scale-sm));
@@ -4414,7 +4413,7 @@ code {
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .badge {
     font-size: var(--badge-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -4628,27 +4627,54 @@ code {
 
 /* Button Component CSS Variables */
 :root {
-  /* Button Base Variables */
-  --button-height-sm: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-md));
-  --button-height-md: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));
-  --button-height-lg: var(--cs-spacing-scale-3xl);
-  --button-height-icon: calc(var(--cs-spacing-scale-2xl) + var(--cs-spacing-scale-lg));
-  --button-height-mobile: var(--cs-spacing-scale-3xl);
-  
-  --button-padding-y-sm: var(--cs-spacing-scale-sm);
-  --button-padding-x-sm: var(--cs-spacing-scale-md);
-  --button-padding-y-md: var(--cs-spacing-scale-md);
-  --button-padding-x-md: var(--cs-spacing-scale-lg);
-  --button-padding-y-lg: var(--cs-spacing-scale-lg);
-  --button-padding-x-lg: var(--cs-spacing-scale-xl);
+  /* Button Base Variables - Phase 2 Enhancement: Aligned with specification */
+  /* Button Size Specifications (5-tier system) */
+  --button-height-xs: 32px;
+  --button-height-sm: 36px;
+  --button-height-md: 40px;  /* default */
+  --button-height-lg: 44px;
+  --button-height-xl: 48px;
+  --button-height-icon: var(--button-height-md);
+  --button-height-mobile: var(--button-height-lg);
+
+  /* Button Padding Specifications */
+  --button-padding-xs: 6px 12px;
+  --button-padding-sm: 8px 16px;
+  --button-padding-md: 10px 20px;  /* default */
+  --button-padding-lg: 12px 24px;
+  --button-padding-xl: 14px 28px;
   --button-padding-icon: var(--cs-spacing-scale-sm);
-  --button-padding-mobile-y: var(--cs-spacing-scale-lg);
-  --button-padding-mobile-x: var(--cs-spacing-scale-xl);
-  
-  --button-font-size-sm: var(--cs-fonts-primary-sizes-sm);
-  --button-font-size-md: var(--cs-fonts-primary-sizes-base);
-  --button-font-size-lg: var(--cs-fonts-primary-sizes-lg);
-  --button-font-size-mobile: var(--cs-fonts-primary-sizes-base);
+  --button-padding-mobile: var(--button-padding-lg);
+
+  /* Individual padding values for density calculations */
+  --button-padding-xs-y: 6px;
+  --button-padding-xs-x: 12px;
+  --button-padding-sm-y: 8px;
+  --button-padding-sm-x: 16px;
+  --button-padding-md-y: 10px;
+  --button-padding-md-x: 20px;
+  --button-padding-lg-y: 12px;
+  --button-padding-lg-x: 24px;
+  --button-padding-xl-y: 14px;
+  --button-padding-xl-x: 28px;
+
+  /* Legacy variables for backward compatibility */
+  --button-padding-y-sm: 8px;
+  --button-padding-x-sm: 16px;
+  --button-padding-y-md: 10px;
+  --button-padding-x-md: 20px;
+  --button-padding-y-lg: 12px;
+  --button-padding-x-lg: 24px;
+  --button-padding-mobile-y: 12px;
+  --button-padding-mobile-x: 24px;
+
+  /* Button Font Size Specifications */
+  --button-font-size-xs: 14px;
+  --button-font-size-sm: 14px;
+  --button-font-size-md: 16px;  /* default */
+  --button-font-size-lg: 16px;
+  --button-font-size-xl: 18px;
+  --button-font-size-mobile: 16px;
   
   --button-font-weight: var(--cs-fonts-primary-weights-medium);
   --button-line-height: var(--cs-fonts-primary-line-heights-tight);
@@ -4721,13 +4747,13 @@ code {
   --button-destructive-hover-shadow: var(--cs-shadows-md);
   
   --button-link-hover-text: var(--cs-colors-primary-hover);
-  --button-link-hover-underline-thickness: var(--button-link-hover-underline-thickness);
+  --button-link-hover-underline-thickness: 2px;
   
   /* Button Interactive State Variables */
   --button-focus-outline: var(--button-focus-outline-width) solid var(--cs-colors-interactive-focus);
-  --button-focus-offset: var(--button-focus-offset);
+  --button-focus-offset: 2px;
   --button-focus-visible-outline: var(--button-focus-visible-outline-width) solid var(--cs-colors-interactive-focus);
-  --button-focus-visible-offset: var(--button-focus-visible-offset);
+  --button-focus-visible-offset: 2px;
   
   --button-active-transform: scale(0.98);
   --button-active-shadow: var(--cs-shadows-sm);
@@ -4743,8 +4769,8 @@ code {
   --button-disabled-background: var(--cs-colors-interactive-disabled);
   --button-disabled-text: var(--cs-colors-text-muted);
   --button-disabled-border: var(--cs-colors-interactive-disabled);
-  --button-disabled-opacity: var(--button-disabled-opacity);
-  --button-disabled-cursor: var(--button-disabled-cursor);
+  --button-disabled-opacity: 0.6;
+  --button-disabled-cursor: not-allowed;
   
   /* Button Element Variables */
   --button-icon-size: var(--cs-spacing-scale-lg);
@@ -4781,10 +4807,24 @@ code {
   --button-disabled-cursor: not-allowed;
   --button-disabled-opacity: 0.6;
   
-  /* Button Responsive Variables */
-  --button-mobile-breakpoint: var(--cs-breakpoints-mobile);
-  --button-tablet-breakpoint: var(--cs-breakpoints-tablet);
-  --button-desktop-breakpoint: var(--cs-breakpoints-desktop);
+  /* Button Responsive Variables - Enhanced with Phase 1 breakpoints */
+  --button-xs-breakpoint: var(--cs-breakpoints-xs);
+  --button-sm-breakpoint: var(--cs-breakpoints-sm);
+  --button-md-breakpoint: var(--cs-breakpoints-md);
+  --button-lg-breakpoint: var(--cs-breakpoints-lg);
+  --button-xl-breakpoint: var(--cs-breakpoints-xl);
+  --button-2xl-breakpoint: var(--cs-breakpoints-2xl);
+  --button-3xl-breakpoint: var(--cs-breakpoints-3xl);
+
+  /* Button Density-Aware Variables */
+  --button-density-compact-scale: 0.875;
+  --button-density-comfortable-scale: 1.0;
+  --button-density-spacious-scale: 1.125;
+
+  /* Legacy Responsive Variables (for backward compatibility) */
+  --button-mobile-breakpoint: var(--cs-breakpoints-sm);
+  --button-tablet-breakpoint: var(--cs-breakpoints-md);
+  --button-desktop-breakpoint: var(--cs-breakpoints-lg);
   
   /* Button Showcase Variables */
   --button-showcase-gap: var(--cs-spacing-scale-md);
@@ -4861,28 +4901,43 @@ code {
   to { transform: rotate(360deg); }
 }
 
-/* Button Size Variants */
+/* Button Size Variants - Phase 2 Enhancement: Complete 5-tier system */
+.button--size-xs {
+  height: var(--button-height-xs);
+  padding: var(--button-padding-xs);
+  font-size: var(--button-font-size-xs);
+  border-radius: var(--button-border-radius);
+}
+
 .button--size-sm {
   height: var(--button-height-sm);
-  padding: var(--button-padding-y-sm) var(--button-padding-x-sm);
+  padding: var(--button-padding-sm);
   font-size: var(--button-font-size-sm);
   border-radius: var(--button-border-radius);
 }
 
+.button--size-default,
 .button--size-md {
   height: var(--button-height-md);
-  padding: var(--button-padding-y-md) var(--button-padding-x-md);
+  padding: var(--button-padding-md);
   font-size: var(--button-font-size-md);
   border-radius: var(--button-border-radius);
 }
 
 .button--size-lg {
   height: var(--button-height-lg);
-  padding: var(--button-padding-y-lg) var(--button-padding-x-lg);
+  padding: var(--button-padding-lg);
   font-size: var(--button-font-size-lg);
   border-radius: var(--button-border-radius);
 }
 
+.button--size-xl {
+  height: var(--button-height-xl);
+  padding: var(--button-padding-xl);
+  font-size: var(--button-font-size-xl);
+  border-radius: var(--button-border-radius);
+}
+
 .button--size-icon {
   height: var(--button-height-icon);
   width: var(--button-height-icon);
@@ -5355,14 +5410,14 @@ code {
 }
 
 /* Responsive Design for Showcase */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .button-responsive-grid {
     grid-template-columns: 1fr 1fr !important;
   }
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .button-showcase {
     gap: var(--cs-spacing-scale-lg);
   }
@@ -5399,6 +5454,153 @@ code {
   }
 }
 
+/* Phase 2 Enhancement: Integration with new breakpoints and density system */
+
+/* Enhanced Responsive Design - Progressive Touch Target Optimization */
+/* xs breakpoint (475px): Large phones - use compact density */
+@media (max-width: 475px) {
+  .button {
+    min-height: calc(var(--button-height-mobile) * var(--button-density-compact-scale));
+    padding: calc(var(--button-padding-mobile-y) * var(--button-density-compact-scale)) calc(var(--button-padding-mobile-x) * var(--button-density-compact-scale));
+    font-size: calc(var(--button-font-size-mobile) * var(--button-density-compact-scale));
+    /* Ensure 48px minimum touch target on mobile */
+    min-height: 48px;
+  }
+
+  .button--size-sm {
+    min-height: 44px;
+    padding: calc(var(--button-padding-sm-y) * var(--button-density-compact-scale)) calc(var(--button-padding-sm-x) * var(--button-density-compact-scale));
+  }
+
+  .button--size-lg {
+    min-height: 52px;
+    padding: calc(var(--button-padding-lg-y) * var(--button-density-compact-scale)) calc(var(--button-padding-lg-x) * var(--button-density-compact-scale));
+  }
+}
+
+/* sm breakpoint (640px): Small tablets - transition from compact to comfortable */
+@media (min-width: 641px) and (max-width: 767px) {
+  .button {
+    min-height: calc(var(--button-height-md) * var(--button-density-comfortable-scale));
+    padding: calc(var(--button-padding-y-md) * var(--button-density-comfortable-scale)) calc(var(--button-padding-x-md) * var(--button-density-comfortable-scale));
+    font-size: calc(var(--button-font-size-md) * var(--button-density-comfortable-scale));
+    /* 46px touch target for small tablets */
+    min-height: 46px;
+  }
+}
+
+/* md breakpoint (768px): Tablets - comfortable density */
+@media (min-width: 768px) and (max-width: 1023px) {
+  .button {
+    min-height: calc(var(--button-height-md) * var(--button-density-comfortable-scale));
+    padding: calc(var(--button-padding-y-md) * var(--button-density-comfortable-scale)) calc(var(--button-padding-x-md) * var(--button-density-comfortable-scale));
+    font-size: var(--button-font-size-md);
+    /* 44px touch target for tablets */
+    min-height: 44px;
+  }
+}
+
+/* lg breakpoint (1024px): Desktop - spacious density */
+@media (min-width: 1024px) and (max-width: 1279px) {
+  .button {
+    min-height: calc(var(--button-height-lg) * var(--button-density-spacious-scale));
+    padding: calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale)) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale));
+    font-size: calc(var(--button-font-size-lg) * var(--button-density-spacious-scale));
+    /* 42px touch target for desktop */
+    min-height: 42px;
+  }
+
+  /* Enable hover effects on desktop */
+  .button:hover {
+    transform: var(--button-hover-transform);
+    box-shadow: var(--button-hover-shadow);
+  }
+}
+
+/* xl breakpoint (1280px): Large desktop - enhanced spacious */
+@media (min-width: 1280px) and (max-width: 1535px) {
+  .button {
+    min-height: calc(var(--button-height-lg) * var(--button-density-spacious-scale));
+    padding: calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale)) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale));
+    font-size: calc(var(--button-font-size-lg) * var(--button-density-spacious-scale));
+    /* 40px touch target for large desktop */
+    min-height: 40px;
+  }
+}
+
+/* 2xl breakpoint (1536px): Ultra-wide - optimized spacious */
+@media (min-width: 1536px) and (max-width: 1919px) {
+  .button {
+    min-height: calc(var(--button-height-lg) * var(--button-density-spacious-scale) * 1.05);
+    padding: calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale) * 1.05) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale) * 1.05);
+    font-size: calc(var(--button-font-size-lg) * var(--button-density-spacious-scale) * 1.025);
+    /* 38px touch target for ultra-wide */
+    min-height: 38px;
+  }
+}
+
+/* 3xl breakpoint (1920px): Large displays - maximum spacious */
+@media (min-width: 1920px) {
+  .button {
+    min-height: calc(var(--button-height-lg) * var(--button-density-spacious-scale) * 1.1);
+    padding: calc(var(--button-padding-y-lg) * var(--button-density-spacious-scale) * 1.1) calc(var(--button-padding-x-lg) * var(--button-density-spacious-scale) * 1.1);
+    font-size: calc(var(--button-font-size-lg) * var(--button-density-spacious-scale) * 1.05);
+    /* 36px touch target for large displays */
+    min-height: 36px;
+  }
+
+  /* Enhanced interaction on large displays */
+  .button:hover {
+    transform: var(--button-hover-transform) scale(1.02);
+  }
+}
+
+/* Density-aware button variants for optimal touch targets */
+.button--density-compact {
+  min-height: calc(var(--button-height-md) * var(--button-density-compact-scale));
+  padding: calc(var(--button-padding-md-y) * var(--button-density-compact-scale)) calc(var(--button-padding-md-x) * var(--button-density-compact-scale));
+  font-size: calc(var(--button-font-size-md) * var(--button-density-compact-scale));
+}
+
+.button--density-comfortable {
+  min-height: calc(var(--button-height-md) * var(--button-density-comfortable-scale));
+  padding: calc(var(--button-padding-md-y) * var(--button-density-comfortable-scale)) calc(var(--button-padding-md-x) * var(--button-density-comfortable-scale));
+  font-size: calc(var(--button-font-size-md) * var(--button-density-comfortable-scale));
+}
+
+.button--density-spacious {
+  min-height: calc(var(--button-height-lg) * var(--button-density-spacious-scale));
+  padding: calc(var(--button-padding-lg-y) * var(--button-density-spacious-scale)) calc(var(--button-padding-lg-x) * var(--button-density-spacious-scale));
+  font-size: calc(var(--button-font-size-lg) * var(--button-density-spacious-scale));
+}
+
+/* Progressive enhancement for pointer devices */
+@media (hover: hover) and (pointer: fine) {
+  .button:hover {
+    transform: var(--button-hover-transform);
+    box-shadow: var(--button-hover-shadow);
+  }
+}
+
+/* Touch-friendly enhancements for coarse pointers */
+@media (pointer: coarse) {
+  .button {
+    /* Ensure minimum 44px touch targets on touch devices */
+    min-height: max(44px, var(--button-height-md));
+    min-width: 44px;
+  }
+
+  .button--size-sm {
+    min-height: 44px;
+    min-width: 44px;
+  }
+
+  .button--size-xs {
+    min-height: 44px;
+    min-width: 44px;
+  }
+}
+
 } /* End @layer components */
 }
 @layer components{
@@ -5770,7 +5972,7 @@ code {
 }
 
 /* Card Responsive Design */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .card {
     padding: var(--card-tablet-padding);
   }
@@ -5791,7 +5993,7 @@ code {
   }
 }
 
-@media (min-width: var(--cs-breakpoints-desktop)) {
+@media (min-width: 1024px) {
   .card {
     padding: var(--card-desktop-padding);
   }
@@ -6279,7 +6481,7 @@ code {
 }
 
 /* Responsive Design */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .checkbox-container {
     width: 100%;
     padding: var(--cs-spacing-scale-sm);
@@ -6292,13 +6494,13 @@ code {
   }
 }
 
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .checkbox-container {
     width: calc(var(--cs-spacing-scale-6xl) * 3.2);
   }
 }
 
-@media (min-width: var(--cs-breakpoints-desktop)) {
+@media (min-width: 1024px) {
   .checkbox-container {
     width: calc(var(--cs-spacing-scale-6xl) * 3.733);
   }
@@ -7516,14 +7718,14 @@ code {
 }
 
 /* Responsive Behavior */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .label-input-group--responsive {
     flex-direction: row;
     align-items: center;
   }
 }
 
-@media (min-width: var(--cs-breakpoints-desktop)) {
+@media (min-width: 1024px) {
   .label-input-group--responsive {
     gap: var(--cs-spacing-scale-md);
   }
@@ -7570,7 +7772,7 @@ code {
   max-width: var(--cs-container-width-xl);
 }
 
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .label-responsive-demo {
     grid-template-columns: 1fr 1fr;
   }
@@ -8274,7 +8476,7 @@ code {
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .breadcrumb {
     font-size: var(--cs-fonts-primary-sizes-base);
   }
@@ -8670,7 +8872,7 @@ code {
 }
 
 /* Menu Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .menu {
     min-width: 100%;
     max-width: 100%;
@@ -8699,7 +8901,7 @@ code {
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .menu {
     font-size: var(--menu-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -9293,7 +9495,7 @@ code {
 }
 
 /* Pagination Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .pagination {
     flex-direction: column;
     gap: var(--pagination-group-spacing);
@@ -9319,7 +9521,7 @@ code {
   }
 }
 
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .pagination__total {
     display: none;
   }
@@ -9330,7 +9532,7 @@ code {
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .pagination {
     font-size: var(--pagination-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -9533,13 +9735,648 @@ code {
 }
 
 /* Responsive Design for Showcase */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .pagination-responsive-grid {
     grid-template-columns: 1fr 1fr !important;
   }
 }
 }
 @layer components{
+/* Progressive Navigation Component Styles */
+/* Implements Phase 2 progressive navigation patterns with responsive breakpoints */
+
+/* Progressive Navigation CSS Variables */
+:root {
+  /* Base Layout Variables */
+  --progressive-nav-mobile-height: 56px;
+  --progressive-nav-tablet-height: 64px;
+  --progressive-nav-desktop-height: 72px;
+
+  /* Touch Target Variables */
+  --progressive-nav-mobile-touch-target: 48px;
+  --progressive-nav-tablet-touch-target: 44px;
+  --progressive-nav-desktop-touch-target: 40px;
+
+  /* Logo Size Variables */
+  --progressive-nav-logo-sm: var(--cs-spacing-scale-lg);
+  --progressive-nav-logo-md: var(--cs-spacing-scale-xl);
+  --progressive-nav-logo-lg: var(--cs-spacing-scale-2xl);
+
+  /* Color Variables */
+  --progressive-nav-bg: var(--cs-colors-surface-background);
+  --progressive-nav-border: var(--cs-colors-border);
+  --progressive-nav-text-primary: var(--cs-colors-text-primary);
+  --progressive-nav-text-secondary: var(--cs-colors-text-secondary);
+  --progressive-nav-text-muted: var(--cs-colors-text-muted);
+  --progressive-nav-interactive-hover: var(--cs-colors-interactive-hover);
+  --progressive-nav-interactive-active: var(--cs-colors-interactive-active);
+  --progressive-nav-primary: var(--cs-colors-primary-500);
+
+  /* Spacing Variables */
+  --progressive-nav-padding-xs: var(--cs-spacing-scale-xs);
+  --progressive-nav-padding-sm: var(--cs-spacing-scale-sm);
+  --progressive-nav-padding-md: var(--cs-spacing-scale-md);
+  --progressive-nav-padding-lg: var(--cs-spacing-scale-lg);
+  --progressive-nav-gap: var(--cs-spacing-scale-md);
+
+  /* Typography Variables */
+  --progressive-nav-font-size: var(--cs-fonts-primary-sizes-sm);
+  --progressive-nav-font-weight: var(--cs-fonts-primary-weights-medium);
+  --progressive-nav-line-height: var(--cs-fonts-primary-line-heights-normal);
+
+  /* Animation Variables */
+  --progressive-nav-transition: var(--cs-transitions-duration-normal) var(--cs-transitions-easing-ease);
+  --progressive-nav-shadow: var(--cs-shadows-md);
+  --progressive-nav-border-radius: var(--cs-border-radius-md);
+
+  /* Z-index Variables */
+  --progressive-nav-z-index: 1000;
+  --progressive-nav-dropdown-z-index: 1010;
+  --progressive-nav-overlay-z-index: 999;
+}
+
+/* Base Progressive Navigation Styles */
+.progressive-nav {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  background-color: var(--progressive-nav-bg);
+  border-bottom: var(--cs-border-width-sm) solid var(--progressive-nav-border);
+  box-shadow: var(--progressive-nav-shadow);
+  position: sticky;
+  top: 0;
+  z-index: var(--progressive-nav-z-index);
+  font-family: var(--cs-fonts-primary-family);
+  font-size: var(--progressive-nav-font-size);
+  font-weight: var(--progressive-nav-font-weight);
+  line-height: var(--progressive-nav-line-height);
+}
+
+/* Dark mode support */
+.dark .progressive-nav {
+  background-color: var(--cs-modes-dark-colors-surface-background);
+  border-bottom-color: var(--cs-modes-dark-colors-border);
+}
+
+/* Mobile Navigation Pattern (xs-sm breakpoints) */
+.progressive-nav--mobile {
+  height: var(--progressive-nav-mobile-height);
+}
+
+.progressive-nav__mobile-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 var(--progressive-nav-padding-md);
+}
+
+.progressive-nav__mobile-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+/* Mobile Logo Styles */
+.progressive-nav__logo {
+  display: flex;
+  align-items: center;
+  color: var(--progressive-nav-text-primary);
+  text-decoration: none;
+}
+
+.progressive-nav__logo--sm {
+  height: var(--progressive-nav-logo-sm);
+}
+
+.progressive-nav__logo--md {
+  height: var(--progressive-nav-logo-md);
+}
+
+.progressive-nav__logo--lg {
+  height: var(--progressive-nav-logo-lg);
+}
+
+.progressive-nav__logo-link {
+  text-decoration: none;
+  color: inherit;
+  transition: var(--progressive-nav-transition);
+}
+
+.progressive-nav__logo-link:hover {
+  opacity: 0.8;
+}
+
+/* Dark mode logo support */
+.dark .progressive-nav__logo {
+  color: var(--cs-modes-dark-colors-text-primary);
+}
+
+/* Mobile Hamburger Toggle */
+.progressive-nav__mobile-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  color: var(--progressive-nav-text-primary);
+  cursor: pointer;
+  border-radius: var(--progressive-nav-border-radius);
+  transition: var(--progressive-nav-transition);
+  padding: var(--cs-spacing-scale-xs);
+}
+
+.progressive-nav__mobile-toggle:hover {
+  background-color: var(--progressive-nav-interactive-hover);
+}
+
+.progressive-nav__mobile-toggle:focus {
+  outline: var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);
+  outline-offset: var(--cs-accessibility-focus-ring-offset);
+}
+
+.progressive-nav__mobile-toggle-icon {
+  width: var(--cs-spacing-scale-md);
+  height: var(--cs-spacing-scale-md);
+}
+
+/* Dark mode toggle support */
+.dark .progressive-nav__mobile-toggle {
+  color: var(--cs-modes-dark-colors-text-primary);
+}
+
+.dark .progressive-nav__mobile-toggle:hover {
+  background-color: var(--cs-modes-dark-colors-interactive-hover);
+}
+
+/* Mobile Menu Overlay */
+.progressive-nav__mobile-overlay {
+  position: fixed;
+  top: var(--progressive-nav-mobile-height);
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, var(--cs-colors-alpha-medium));
+  z-index: var(--progressive-nav-overlay-z-index);
+  opacity: 0;
+  animation: fadeIn var(--progressive-nav-transition);
+}
+
+.dark .progressive-nav__mobile-overlay {
+  background-color: rgba(0, 0, 0, var(--cs-colors-alpha-high));
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+/* Mobile Menu */
+.progressive-nav__mobile-menu {
+  position: fixed;
+  top: var(--progressive-nav-mobile-height);
+  left: 0;
+  right: 0;
+  background-color: var(--progressive-nav-bg);
+  border-bottom: var(--cs-border-width-sm) solid var(--progressive-nav-border);
+  box-shadow: var(--progressive-nav-shadow);
+  z-index: var(--progressive-nav-dropdown-z-index);
+  max-height: calc(100vh - var(--progressive-nav-mobile-height));
+  overflow-y: auto;
+  animation: slideDown var(--progressive-nav-transition);
+}
+
+.dark .progressive-nav__mobile-menu {
+  background-color: var(--cs-modes-dark-colors-surface-background);
+  border-bottom-color: var(--cs-modes-dark-colors-border);
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.progressive-nav__mobile-content {
+  padding: var(--progressive-nav-padding-md);
+}
+
+/* Mobile Navigation Items */
+.progressive-nav__mobile-item,
+.progressive-nav__item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);
+  background: none;
+  border: none;
+  color: var(--progressive-nav-text-primary);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--progressive-nav-border-radius);
+  transition: var(--progressive-nav-transition);
+  gap: var(--progressive-nav-padding-sm);
+  min-height: var(--progressive-nav-mobile-touch-target);
+}
+
+.progressive-nav__mobile-item:hover,
+.progressive-nav__item:hover {
+  background-color: var(--progressive-nav-interactive-hover);
+}
+
+.progressive-nav__mobile-item:focus,
+.progressive-nav__item:focus {
+  outline: var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);
+  outline-offset: var(--cs-accessibility-focus-ring-offset);
+}
+
+.progressive-nav__mobile-item--active,
+.progressive-nav__item--active {
+  background-color: var(--progressive-nav-primary);
+  color: var(--cs-colors-surface-background);
+  font-weight: var(--cs-fonts-primary-weights-semibold);
+}
+
+.progressive-nav__mobile-item--disabled,
+.progressive-nav__item--disabled {
+  color: var(--progressive-nav-text-muted);
+  cursor: not-allowed;
+  opacity: var(--cs-accessibility-disabled-opacity);
+}
+
+.progressive-nav__mobile-item--disabled:hover,
+.progressive-nav__item--disabled:hover {
+  background-color: transparent;
+}
+
+/* Dark mode item support */
+.dark .progressive-nav__mobile-item,
+.dark .progressive-nav__item {
+  color: var(--cs-modes-dark-colors-text-primary);
+}
+
+.dark .progressive-nav__mobile-item:hover,
+.dark .progressive-nav__item:hover {
+  background-color: var(--cs-modes-dark-colors-interactive-hover);
+}
+
+.dark .progressive-nav__mobile-item--active,
+.dark .progressive-nav__item--active {
+  background-color: var(--cs-modes-dark-colors-primary-500);
+  color: var(--cs-modes-dark-colors-text-inverse);
+}
+
+/* Mobile Groups */
+.progressive-nav__mobile-group {
+  margin-bottom: var(--progressive-nav-padding-lg);
+}
+
+.progressive-nav__mobile-group:last-child {
+  margin-bottom: 0;
+}
+
+.progressive-nav__mobile-group-title {
+  padding: var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);
+  font-size: var(--cs-fonts-primary-sizes-xs);
+  font-weight: var(--cs-fonts-primary-weights-semibold);
+  color: var(--progressive-nav-text-muted);
+  text-transform: uppercase;
+  letter-spacing: var(--cs-fonts-primary-letter-spacing-wide);
+}
+
+.dark .progressive-nav__mobile-group-title {
+  color: var(--cs-modes-dark-colors-text-muted);
+}
+
+.progressive-nav__mobile-group-items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--progressive-nav-padding-xs);
+}
+
+/* Tablet Navigation Pattern (md breakpoint) */
+.progressive-nav--tablet {
+  height: var(--progressive-nav-tablet-height);
+}
+
+.progressive-nav__tablet-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0 var(--progressive-nav-padding-lg);
+  gap: var(--progressive-nav-gap);
+}
+
+.progressive-nav__tablet-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  gap: var(--progressive-nav-gap);
+}
+
+.progressive-nav__tablet-items {
+  display: flex;
+  align-items: center;
+  gap: var(--progressive-nav-padding-sm);
+}
+
+/* Desktop Navigation Pattern (lg+ breakpoints) */
+.progressive-nav--desktop {
+  height: var(--progressive-nav-desktop-height);
+}
+
+.progressive-nav__desktop-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 var(--progressive-nav-padding-lg);
+  gap: var(--progressive-nav-gap);
+}
+
+.progressive-nav__desktop-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  gap: var(--progressive-nav-gap);
+}
+
+.progressive-nav__desktop-items {
+  display: flex;
+  align-items: center;
+  gap: var(--progressive-nav-padding-md);
+}
+
+/* Navigation Groups (Desktop/Tablet Dropdowns) */
+.progressive-nav__group {
+  position: relative;
+}
+
+.progressive-nav__group-trigger {
+  display: flex;
+  align-items: center;
+  gap: var(--progressive-nav-padding-xs);
+  padding: var(--progressive-nav-padding-sm) var(--progressive-nav-padding-md);
+  background: none;
+  border: none;
+  color: var(--progressive-nav-text-primary);
+  cursor: pointer;
+  border-radius: var(--progressive-nav-border-radius);
+  transition: var(--progressive-nav-transition);
+  min-height: var(--progressive-nav-tablet-touch-target);
+}
+
+.progressive-nav__group-trigger:hover {
+  background-color: var(--progressive-nav-interactive-hover);
+}
+
+.progressive-nav__group-trigger:focus {
+  outline: var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);
+  outline-offset: var(--cs-accessibility-focus-ring-offset);
+}
+
+.progressive-nav__group-trigger--active {
+  background-color: var(--progressive-nav-interactive-active);
+}
+
+.progressive-nav__group-title {
+  font-weight: var(--cs-fonts-primary-weights-medium);
+}
+
+.progressive-nav__group-arrow {
+  width: var(--cs-spacing-scale-sm);
+  height: var(--cs-spacing-scale-sm);
+  transition: var(--progressive-nav-transition);
+}
+
+.progressive-nav__group-arrow--expanded {
+  transform: rotate(180deg);
+}
+
+/* Dark mode group support */
+.dark .progressive-nav__group-trigger {
+  color: var(--cs-modes-dark-colors-text-primary);
+}
+
+.dark .progressive-nav__group-trigger:hover {
+  background-color: var(--cs-modes-dark-colors-interactive-hover);
+}
+
+.dark .progressive-nav__group-trigger--active {
+  background-color: var(--cs-modes-dark-colors-interactive-active);
+}
+
+/* Dropdown Menu */
+.progressive-nav__dropdown {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  min-width: 200px;
+  background-color: var(--progressive-nav-bg);
+  border: var(--cs-border-width-sm) solid var(--progressive-nav-border);
+  border-radius: var(--progressive-nav-border-radius);
+  box-shadow: var(--progressive-nav-shadow);
+  z-index: var(--progressive-nav-dropdown-z-index);
+  padding: var(--progressive-nav-padding-xs);
+  animation: dropdownFadeIn var(--progressive-nav-transition);
+}
+
+.dark .progressive-nav__dropdown {
+  background-color: var(--cs-modes-dark-colors-surface-background);
+  border-color: var(--cs-modes-dark-colors-border);
+}
+
+@keyframes dropdownFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.progressive-nav__dropdown-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--progressive-nav-padding-sm);
+  background: none;
+  border: none;
+  color: var(--progressive-nav-text-primary);
+  text-align: left;
+  cursor: pointer;
+  border-radius: var(--cs-border-radius-sm);
+  transition: var(--progressive-nav-transition);
+  gap: var(--progressive-nav-padding-sm);
+}
+
+.progressive-nav__dropdown-item:hover {
+  background-color: var(--progressive-nav-interactive-hover);
+}
+
+.progressive-nav__dropdown-item:focus {
+  outline: var(--cs-accessibility-focus-ring-width) solid var(--cs-accessibility-focus-ring-color);
+  outline-offset: var(--cs-accessibility-focus-ring-offset);
+}
+
+.progressive-nav__dropdown-item--active {
+  background-color: var(--progressive-nav-primary);
+  color: var(--cs-colors-surface-background);
+  font-weight: var(--cs-fonts-primary-weights-semibold);
+}
+
+.progressive-nav__dropdown-item--disabled {
+  color: var(--progressive-nav-text-muted);
+  cursor: not-allowed;
+  opacity: var(--cs-accessibility-disabled-opacity);
+}
+
+.progressive-nav__dropdown-item--disabled:hover {
+  background-color: transparent;
+}
+
+/* Dark mode dropdown support */
+.dark .progressive-nav__dropdown-item {
+  color: var(--cs-modes-dark-colors-text-primary);
+}
+
+.dark .progressive-nav__dropdown-item:hover {
+  background-color: var(--cs-modes-dark-colors-interactive-hover);
+}
+
+.dark .progressive-nav__dropdown-item--active {
+  background-color: var(--cs-modes-dark-colors-primary-500);
+  color: var(--cs-modes-dark-colors-text-inverse);
+}
+
+/* Secondary Actions (Desktop only) */
+.progressive-nav__secondary-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--progressive-nav-padding-sm);
+}
+
+.progressive-nav__secondary-action {
+  display: flex;
+  align-items: center;
+}
+
+/* Item Elements */
+.progressive-nav__item-icon,
+.progressive-nav__mobile-item-icon,
+.progressive-nav__dropdown-item-icon {
+  width: var(--cs-spacing-scale-md);
+  height: var(--cs-spacing-scale-md);
+  flex-shrink: 0;
+}
+
+.progressive-nav__item-label,
+.progressive-nav__mobile-item-label,
+.progressive-nav__dropdown-item-label {
+  flex: 1;
+  white-space: nowrap;
+}
+
+.progressive-nav__item-badge,
+.progressive-nav__mobile-item-badge,
+.progressive-nav__dropdown-item-badge {
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+/* Responsive Breakpoints */
+@media (max-width: 640px) {
+  .progressive-nav--tablet,
+  .progressive-nav--desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 641px) and (max-width: 1023px) {
+  .progressive-nav--mobile,
+  .progressive-nav--desktop {
+    display: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .progressive-nav--mobile,
+  .progressive-nav--tablet {
+    display: none;
+  }
+
+  /* Desktop touch targets can be smaller */
+  .progressive-nav__item,
+  .progressive-nav__group-trigger {
+    min-height: var(--progressive-nav-desktop-touch-target);
+  }
+}
+
+/* High Contrast Mode Support */
+@media (prefers-contrast: high) {
+  .progressive-nav {
+    border-bottom-width: calc(var(--cs-border-width-sm) * 2);
+  }
+
+  .progressive-nav__dropdown {
+    border-width: calc(var(--cs-border-width-sm) * 2);
+  }
+}
+
+/* Reduced Motion Support */
+@media (prefers-reduced-motion: reduce) {
+  .progressive-nav *,
+  .progressive-nav *::before,
+  .progressive-nav *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+
+  .progressive-nav__group-arrow--expanded {
+    transform: none;
+  }
+}
+
+/* Focus Management for Accessibility */
+.progressive-nav:focus-within .progressive-nav__dropdown {
+  display: block;
+}
+
+/* Skip to content link support */
+.progressive-nav__skip-link {
+  position: absolute;
+  top: -40px;
+  left: 6px;
+  background: var(--progressive-nav-bg);
+  color: var(--progressive-nav-text-primary);
+  padding: 8px;
+  text-decoration: none;
+  border-radius: 4px;
+  border: 1px solid var(--progressive-nav-border);
+  z-index: 1100;
+}
+
+.progressive-nav__skip-link:focus {
+  top: 6px;
+}
+
+.dark .progressive-nav__skip-link {
+  background: var(--cs-modes-dark-colors-surface-background);
+  color: var(--cs-modes-dark-colors-text-primary);
+  border-color: var(--cs-modes-dark-colors-border);
+}
+}
+@layer components{
 /* Sidebar Component Styles */
 /* Using semantic CSS architecture with CSS variables and BEM methodology */
 
@@ -10057,7 +10894,7 @@ code {
 }
 
 /* Sidebar Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .sidebar {
     transform: translateX(-100%);
   }
@@ -10071,7 +10908,7 @@ code {
   }
 }
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .sidebar {
     width: 100%;
     font-size: var(--sidebar-mobile-font-size, var(--cs-fonts-primary-sizes-xs));
@@ -10088,7 +10925,7 @@ code {
 }
 
 /* Container Queries for Adaptive Layouts */
-@container (min-width: var(--cs-breakpoints-tablet)) {
+@container (min-width: 768px) {
   .sidebar {
     font-size: var(--sidebar-container-font-size, var(--cs-fonts-primary-sizes-sm));
   }
@@ -10342,7 +11179,7 @@ code {
 }
 
 /* Responsive Design for Showcase */
-@media (min-width: var(--cs-breakpoints-tablet)) {
+@media (min-width: 768px) {
   .sidebar-responsive-grid {
     grid-template-columns: 1fr 1fr !important;
   }
@@ -10759,7 +11596,7 @@ code {
 }
 
 /* Stepper Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-tablet)) {
+@media (max-width: 768px) {
   .stepper--horizontal {
     flex-direction: column;
   }
@@ -10783,7 +11620,7 @@ code {
   }
 }
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .stepper__step-number {
     width: var(--stepper-step-size-small);
     height: var(--stepper-step-size-small);
@@ -11258,7 +12095,7 @@ code {
 }
 
 /* Tabs Responsive Behavior */
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .tabs__list--vertical {
     flex-direction: row;
     overflow-x: auto;
@@ -16670,7 +17507,7 @@ code {
 /* RESPONSIVE DESIGN */
 /* ============================================================================ */
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .skeleton__button--lg {
     height: var(--cs-spacing-scale-10);
     padding: 0 var(--cs-spacing-scale-4);
@@ -17212,7 +18049,7 @@ code {
 /* RESPONSIVE DESIGN */
 /* ============================================================================ */
 
-@media (max-width: var(--cs-breakpoints-mobile)) {
+@media (max-width: 640px) {
   .toast-container {
     max-width: none;
     left: var(--cs-spacing-scale-2) !important;
@@ -22096,32 +22933,26 @@ code {
 }
 
 /* Input Type Variants */
+/* Note: inputmode, autocomplete, and autocapitalize are HTML attributes,
+   not CSS properties. These should be applied directly to HTML elements. */
 .semantic-input[type="email"] {
-  inputmode: email;
-  autocomplete: email;
-  autocapitalize: none;
+  /* Email input styling */
 }
 
 .semantic-input[type="tel"] {
-  inputmode: tel;
-  autocomplete: tel;
-  autocapitalize: none;
+  /* Telephone input styling */
 }
 
 .semantic-input[type="number"] {
-  inputmode: decimal;
-  autocomplete: off;
+  /* Number input styling */
 }
 
 .semantic-input[type="search"] {
-  inputmode: search;
-  autocomplete: off;
+  /* Search input styling */
 }
 
 .semantic-input[type="url"] {
-  inputmode: url;
-  autocomplete: url;
-  autocapitalize: none;
+  /* URL input styling */
 }
 
 /* Mobile Keyboard Optimization */
@@ -23870,6 +24701,13 @@ code {
   --cs-breakpoints-desktop: 1024px;
   --cs-breakpoints-wide: 1280px;
   --cs-breakpoints-ultra: 1536px;
+  --cs-breakpoints-xs: 475px;
+  --cs-breakpoints-sm: 640px;
+  --cs-breakpoints-md: 768px;
+  --cs-breakpoints-lg: 1024px;
+  --cs-breakpoints-xl: 1280px;
+  --cs-breakpoints-2xl: 1536px;
+  --cs-breakpoints-3xl: 1920px;
 
   /* Custom Media Queries for Breakpoints */
   @custom-media --bp-mobile (min-width: 640px);
@@ -23877,6 +24715,13 @@ code {
   @custom-media --bp-desktop (min-width: 1024px);
   @custom-media --bp-wide (min-width: 1280px);
   @custom-media --bp-ultra (min-width: 1536px);
+  @custom-media --bp-xs (min-width: 475px);
+  @custom-media --bp-sm (min-width: 640px);
+  @custom-media --bp-md (min-width: 768px);
+  @custom-media --bp-lg (min-width: 1024px);
+  @custom-media --bp-xl (min-width: 1280px);
+  @custom-media --bp-2xl (min-width: 1536px);
+  @custom-media --bp-3xl (min-width: 1920px);
 
   --cs-fonts-primary-family: Inter;
   --cs-fonts-primary-fallbacks: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
@@ -24022,11 +24867,6 @@ code {
   --cs-colors-semantic-error-rgb: 217, 48, 37;
   --cs-colors-semantic-error-dark-rgb: 161, 32, 23;
   --cs-colors-semantic-info-rgb: 0, 123, 206;
-  --cs-colors-semantic-success-rgb: 30, 130, 76;
-  --cs-colors-semantic-warning-rgb: 230, 162, 60;
-  --cs-colors-semantic-error-rgb: 217, 48, 37;
-  --cs-colors-semantic-error-dark-rgb: 161, 32, 23;
-  --cs-colors-semantic-info-rgb: 0, 123, 206;
   --cs-colors-neutral-50: #FAFAFA;
   --cs-colors-neutral-100: #F4F4F4;
   --cs-colors-neutral-200: #E8E8E8;
@@ -24061,8 +24901,6 @@ code {
   --cs-colors-accent-rgb: 245, 218, 167;
   --cs-colors-border: #EAD7C0;
   --cs-colors-border-transparent: transparent;
-  --cs-colors-text-primary: #2B1212;
-  --cs-colors-text-secondary: #5E3A3A;
   --cs-navigation-layout: horizontal;
   --cs-navigation-style: enhanced;
   --cs-navigation-behavior: static;
@@ -24170,11 +25008,6 @@ code {
   --cs-navigation-typography-letter-spacing-normal: 0;
   --cs-navigation-typography-letter-spacing-wide: 0.025em;
   --cs-navigation-typography-letter-spacing-wider: 0.05em;
-  --cs-navigation-breakpoints-mobile: 640px;
-  --cs-navigation-breakpoints-tablet: 768px;
-  --cs-navigation-breakpoints-desktop: 1024px;
-  --cs-navigation-breakpoints-wide: 1280px;
-  --cs-navigation-breakpoints-ultra: 1536px;
   --cs-spacing-scale-xs: 0.25rem;
   --cs-spacing-scale-sm: 0.5rem;
   --cs-spacing-scale-md: 1rem;
@@ -24272,6 +25105,95 @@ code {
   --cs-meta-preview: /themes/harvey-creative-preview.png;
   --cs-meta-created-at: 2024-12-01T00:00:00.000Z;
   --cs-meta-updated-at: 2024-12-01T00:00:00.000Z;
+  --cs-content-density-compact-spacing-section: 16px 24px;
+  --cs-content-density-compact-spacing-component: 8px 12px;
+  --cs-content-density-compact-spacing-element: 4px 8px;
+  --cs-content-density-compact-typography-scale: 0.875;
+  --cs-content-density-compact-typography-line-height: 1.4;
+  --cs-content-density-compact-touch-targets-minimum: 44px;
+  --cs-content-density-compact-touch-targets-preferred: 48px;
+  --cs-content-density-comfortable-spacing-section: 24px 32px;
+  --cs-content-density-comfortable-spacing-component: 12px 16px;
+  --cs-content-density-comfortable-spacing-element: 6px 12px;
+  --cs-content-density-comfortable-typography-scale: 1;
+  --cs-content-density-comfortable-typography-line-height: 1.5;
+  --cs-content-density-comfortable-touch-targets-minimum: 40px;
+  --cs-content-density-comfortable-touch-targets-preferred: 44px;
+  --cs-content-density-spacious-spacing-section: 32px 48px;
+  --cs-content-density-spacious-spacing-component: 16px 24px;
+  --cs-content-density-spacious-spacing-element: 8px 16px;
+  --cs-content-density-spacious-typography-scale: 1.125;
+  --cs-content-density-spacious-typography-line-height: 1.6;
+  --cs-responsive-typography-heading1-xs: 28px;
+  --cs-responsive-typography-heading1-sm: 32px;
+  --cs-responsive-typography-heading1-md: 36px;
+  --cs-responsive-typography-heading1-lg: 42px;
+  --cs-responsive-typography-heading1-xl: 48px;
+  --cs-responsive-typography-heading1-2xl: 56px;
+  --cs-responsive-typography-heading1-3xl: 64px;
+  --cs-responsive-typography-heading2-xs: 24px;
+  --cs-responsive-typography-heading2-sm: 26px;
+  --cs-responsive-typography-heading2-md: 28px;
+  --cs-responsive-typography-heading2-lg: 32px;
+  --cs-responsive-typography-heading2-xl: 36px;
+  --cs-responsive-typography-heading2-2xl: 40px;
+  --cs-responsive-typography-heading2-3xl: 44px;
+  --cs-responsive-typography-heading3-xs: 20px;
+  --cs-responsive-typography-heading3-sm: 22px;
+  --cs-responsive-typography-heading3-md: 24px;
+  --cs-responsive-typography-heading3-lg: 28px;
+  --cs-responsive-typography-heading3-xl: 30px;
+  --cs-responsive-typography-heading3-2xl: 32px;
+  --cs-responsive-typography-heading3-3xl: 36px;
+  --cs-responsive-typography-heading4-xs: 18px;
+  --cs-responsive-typography-heading4-sm: 20px;
+  --cs-responsive-typography-heading4-md: 22px;
+  --cs-responsive-typography-heading4-lg: 24px;
+  --cs-responsive-typography-heading4-xl: 26px;
+  --cs-responsive-typography-heading4-2xl: 28px;
+  --cs-responsive-typography-heading4-3xl: 30px;
+  --cs-responsive-typography-heading5-xs: 16px;
+  --cs-responsive-typography-heading5-sm: 18px;
+  --cs-responsive-typography-heading5-md: 20px;
+  --cs-responsive-typography-heading5-lg: 22px;
+  --cs-responsive-typography-heading5-xl: 24px;
+  --cs-responsive-typography-heading5-2xl: 26px;
+  --cs-responsive-typography-heading5-3xl: 28px;
+  --cs-responsive-typography-heading6-xs: 14px;
+  --cs-responsive-typography-heading6-sm: 16px;
+  --cs-responsive-typography-heading6-md: 18px;
+  --cs-responsive-typography-heading6-lg: 20px;
+  --cs-responsive-typography-heading6-xl: 22px;
+  --cs-responsive-typography-heading6-2xl: 24px;
+  --cs-responsive-typography-heading6-3xl: 26px;
+  --cs-responsive-typography-body-xs: 14px;
+  --cs-responsive-typography-body-sm: 15px;
+  --cs-responsive-typography-body-md: 16px;
+  --cs-responsive-typography-body-lg: 17px;
+  --cs-responsive-typography-body-xl: 18px;
+  --cs-responsive-typography-body-2xl: 18px;
+  --cs-responsive-typography-body-3xl: 19px;
+  --cs-responsive-typography-body-large-xs: 16px;
+  --cs-responsive-typography-body-large-sm: 17px;
+  --cs-responsive-typography-body-large-md: 18px;
+  --cs-responsive-typography-body-large-lg: 19px;
+  --cs-responsive-typography-body-large-xl: 20px;
+  --cs-responsive-typography-body-large-2xl: 21px;
+  --cs-responsive-typography-body-large-3xl: 22px;
+  --cs-responsive-typography-body-small-xs: 12px;
+  --cs-responsive-typography-body-small-sm: 13px;
+  --cs-responsive-typography-body-small-md: 14px;
+  --cs-responsive-typography-body-small-lg: 15px;
+  --cs-responsive-typography-body-small-xl: 16px;
+  --cs-responsive-typography-body-small-2xl: 16px;
+  --cs-responsive-typography-body-small-3xl: 17px;
+  --cs-responsive-typography-caption-xs: 11px;
+  --cs-responsive-typography-caption-sm: 12px;
+  --cs-responsive-typography-caption-md: 13px;
+  --cs-responsive-typography-caption-lg: 14px;
+  --cs-responsive-typography-caption-xl: 15px;
+  --cs-responsive-typography-caption-2xl: 15px;
+  --cs-responsive-typography-caption-3xl: 16px;
   --cs-modes-dark-colors-primary-50: #2B1212;
   --cs-modes-dark-colors-primary-100: #421414;
   --cs-modes-dark-colors-primary-200: #662222;
@@ -24305,11 +25227,6 @@ code {
   --cs-modes-dark-colors-semantic-error-rgb: 248, 113, 113;
   --cs-modes-dark-colors-semantic-error-dark-rgb: 185, 28, 28;
   --cs-modes-dark-colors-semantic-info-rgb: 96, 165, 250;
-  --cs-modes-dark-colors-semantic-success-rgb: 52, 211, 153;
-  --cs-modes-dark-colors-semantic-warning-rgb: 251, 191, 36;
-  --cs-modes-dark-colors-semantic-error-rgb: 248, 113, 113;
-  --cs-modes-dark-colors-semantic-error-dark-rgb: 185, 28, 28;
-  --cs-modes-dark-colors-semantic-info-rgb: 96, 165, 250;
   --cs-modes-dark-colors-neutral-50: #121212;
   --cs-modes-dark-colors-neutral-100: #1A1A1A;
   --cs-modes-dark-colors-neutral-200: #232323;
@@ -24343,8 +25260,6 @@ code {
   --cs-modes-dark-colors-primary-active: #E8A9A9;
   --cs-modes-dark-colors-accent-rgb: 234, 207, 141;
   --cs-modes-dark-colors-border: #3C1818;
-  --cs-modes-dark-colors-text-primary: #F5DAA7;
-  --cs-modes-dark-colors-text-secondary: #EACF8D;
 }
 .dark {
   /* Dark Mode Variables */