@layer reset,theme,base,components,layouts,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}hr{height:0;color:inherit;border-top-width:1px}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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{border-collapse:collapse;text-indent:0;border-color:inherit}input,button,textarea,select{font:inherit;color:inherit;font-feature-settings:inherit;font-variation-settings:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-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}fieldset{margin:0;padding:0}legend{padding:0}textarea{resize:vertical}::placeholder{opacity:1;color:var(--text-muted, #9ca3af)}img,picture,video,canvas,svg{display:block;max-width:100%}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}[role=button]{cursor:pointer}:disabled{cursor:default}ul,ol{list-style:none}[hidden]{display:none}}@layer theme{@property --color-primary{syntax: "<color>"; inherits: true; initial-value: oklch(.5671 .2095 257.95);}@property --color-accent{syntax: "<color>"; inherits: true; initial-value: oklch(.4878 .2255 300.51);}@property --color-danger{syntax: "<color>"; inherits: true; initial-value: oklch(.6193 .2419 11.32);}@property --color-success{syntax: "<color>"; inherits: true; initial-value: oklch(.7329 .1934 150.84);}@property --color-warning{syntax: "<color>"; inherits: true; initial-value: oklch(.7819 .1584 72.32);}@property --glow-spread{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{color-scheme:light dark;interpolate-size:allow-keywords;scrollbar-gutter:stable both-edges;--color-primary: var(--um-primary);--color-primary-light: var(--um-primary-300);--color-primary-subtle: var(--um-primary-50);--color-accent: var(--um-secondary);--color-danger: var(--um-danger);--color-danger-light: var(--um-danger-50);--color-success: var(--um-success);--color-success-light: var(--um-success-50);--color-warning: var(--um-warning);--surface-bg: var(--um-background);--surface-elevated: var(--um-content1);--surface-glass: light-dark( oklch(from var(--um-content1) l c h / .8), oklch(from var(--um-content1) l c h / .8) );--surface-sunken: var(--um-content2);--text-primary: var(--um-foreground);--text-secondary: light-dark(var(--um-zinc-600), var(--um-zinc-400));--text-muted: light-dark(var(--um-zinc-500), var(--um-zinc-400));--text-on-primary: var(--um-primary-foreground);--border-default: light-dark(var(--um-zinc-200), var(--um-zinc-800));--border-subtle: light-dark( oklch(from var(--um-zinc-200) l c h / .5), oklch(from var(--um-zinc-800) l c h / .5) );--border-focus: var(--um-focus);--space-1: clamp(.25rem, .23rem + .08vw, .3125rem);--space-2: clamp(.5rem, .45rem + .16vw, .625rem);--space-3: clamp(.75rem, .68rem + .24vw, .875rem);--space-4: clamp(1rem, .9rem + .32vw, 1.125rem);--space-5: clamp(1.25rem, 1.11rem + .48vw, 1.5rem);--space-6: clamp(1.5rem, 1.34rem + .56vw, 1.75rem);--space-8: clamp(2rem, 1.79rem + .72vw, 2.375rem);--space-10: clamp(2.5rem, 2.19rem + 1.04vw, 3rem);--space-12: clamp(3rem, 2.68rem + 1.12vw, 3.5rem);--space-16: clamp(4rem, 3.57rem + 1.44vw, 4.75rem);--space-20: clamp(5rem, 4.43rem + 1.92vw, 6rem);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1.0625rem, 1.02rem + .16vw, 1.1875rem);--text-xl: clamp(1.1875rem, 1.09rem + .36vw, 1.5rem);--text-2xl: clamp(1.375rem, 1.16rem + .8vw, 2rem);--text-3xl: clamp(1.75rem, 1.34rem + 1.44vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.71rem + 1.92vw, 3.5rem);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-full: 9999px;--page-gutter: clamp(1rem, .7rem + 1vw, 2rem);--layout-max-inline: 80rem;--measure-readable: 68ch;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--shadow-sm: var(--um-shadow-small);--shadow-md: var(--um-shadow-medium);--shadow-lg: var(--um-shadow-large);--shadow-glass: 0 32px 64px -16px color-mix(in oklch, var(--um-overlay) 15%, transparent), 0 0 0 1px color-mix(in oklch, var(--um-white) 5%, transparent) inset;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .1s;--duration-base: .2s;--duration-slow: .35s}}@layer base{html{background:var(--surface-bg)}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:var(--text-base);line-height:1.5;background:var(--surface-bg);color:var(--text-primary);min-block-size:100dvb;overflow-x:clip;overscroll-behavior-y:none;text-wrap:pretty}:where(main,section,article,aside,nav){scroll-margin-top:calc(var(--dashboard-header-height, 0px) + var(--space-4))}:where(p,li,dd,dt){overflow-wrap:anywhere;text-wrap:pretty}:where(label,button,summary,[role=button]){touch-action:manipulation}:where(input,textarea,select,progress){accent-color:var(--color-primary)}@supports (field-sizing: content){textarea:not([rows]){field-sizing:content;min-block-size:6lh;max-block-size:16lh}}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text-primary) 20%,transparent);border-radius:var(--radius-full)}::selection{background:color-mix(in oklch,var(--color-primary) 30%,transparent)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@view-transition{navigation:auto}::view-transition-old(page){animation:page-out var(--duration-base) var(--ease-default)}::view-transition-new(page){animation:page-in var(--duration-base) var(--ease-default)}@keyframes page-out{to{opacity:0;translate:-2% 0}}@keyframes page-in{0%{opacity:0;translate:2% 0}}}@layer components{.icon-xs{width:1rem;height:1rem}.icon-sm{width:1.25rem;height:1.25rem}.icon-md{width:1.5rem;height:1.5rem}.icon-lg{width:2rem;height:2rem}.back-nav{align-items:center}.form-stack{--stack-gap: var(--space-6)}.delete-preview{--stack-gap: var(--space-6);margin-bottom:var(--space-6)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4)}.empty-state-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2);max-width:24rem}.card-section-title{font-size:var(--text-base);font-weight:600}.card-section-title-lg{font-size:var(--text-lg);font-weight:700}.card-section-title-danger{font-size:var(--text-base);font-weight:600;color:var(--color-danger)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-subtitle-muted{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.detail-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;color:var(--text-muted)}.detail-value{margin-top:var(--space-1);font-size:var(--text-sm)}.info-row{display:flex;flex-direction:column;gap:2px}.info-row-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;color:var(--text-muted)}.info-row-value{font-size:var(--text-sm)}.code-block{display:block;margin-top:var(--space-1);font-family:monospace;font-size:var(--text-sm);background:var(--surface-sunken);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.code-block-breakall{word-break:break-all}.code-inline{font-family:monospace;font-size:var(--text-xs);background:var(--surface-sunken);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.breadcrumb-link{color:var(--text-muted)}.table-full{width:100%}.table-name{font-weight:500;color:var(--text-primary)}.table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges}.hint-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.text-description{font-size:var(--text-sm);color:var(--text-secondary)}.form-inline{display:inline}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.checkbox-text{font-size:var(--text-sm);font-weight:500}.checkbox-desc{font-size:var(--text-xs);color:var(--text-muted)}.scope-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.scope-group-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.form-fields{--stack-gap: var(--space-4)}.checkbox-group-horizontal{display:flex;flex-direction:row;gap:1rem}.checkbox-group-vertical{display:flex;flex-direction:column;gap:.5rem}.error-page{min-height:100dvh;padding:var(--space-8)}.error-content{--stack-gap: var(--space-2);text-align:center;max-width:28rem;align-items:center}.error-status{font-size:var(--text-4xl);font-weight:800;color:var(--color-primary)}.error-description{color:var(--text-secondary);margin-bottom:var(--space-6)}.auth-body{min-height:100dvh;background:var(--surface-sunken);grid-template-rows:1fr}.page-nav{justify-content:center;margin-top:var(--space-6);--cluster-gap: var(--space-1)}.form-field-container{contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}@keyframes shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes glow{0%,to{box-shadow:0 0 3px color-mix(in oklch,var(--color-primary) 50%,transparent),0 0 6px color-mix(in oklch,var(--color-primary) 30%,transparent)}50%{box-shadow:0 0 8px color-mix(in oklch,var(--color-primary) 60%,transparent),0 0 16px color-mix(in oklch,var(--color-primary) 40%,transparent)}}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes stagger-fade{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.stagger-in{animation:stagger-fade .3s ease-out both}@keyframes spin{to{rotate:360deg}}.sign-spinner{animation:spin .8s linear infinite}.page-title{font-size:var(--text-2xl);font-weight:700}.breadcrumb{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-inline:1rem;min-width:5rem;height:2.5rem;font-size:var(--um-font-size-small);line-height:var(--um-line-height-small);font-weight:400;white-space:nowrap;border-radius:var(--um-radius-medium);border:none;cursor:pointer;appearance:none;user-select:none;-webkit-tap-highlight-color:transparent;transition-property:transform,scale,color,background-color,border-color,opacity;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.btn-primary:hover,.btn-danger:hover{opacity:var(--um-opacity-hover)}.btn-primary:active,.btn-danger:active{scale:.97}.btn-primary:disabled,.btn-danger:disabled,.btn-secondary:disabled{opacity:var(--um-opacity-disabled);pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--um-primary-foreground)}.btn-secondary{background:color-mix(in oklch,var(--um-default) 40%,transparent);color:var(--um-default-700)}.btn-secondary:hover{opacity:var(--um-opacity-hover)}.btn-secondary:active{scale:.97}.btn-danger{background:var(--color-danger);color:var(--um-danger-foreground)}.table-header{text-align:left;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.table-cell{padding:var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle)}.table-cell-muted{padding:var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.alert-danger{padding:var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-md);margin-bottom:var(--space-6);background:var(--color-danger-light);color:var(--color-danger);font-size:var(--text-sm)}.alert-success{padding:var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-md);margin-bottom:var(--space-6);background:var(--color-success-light);color:var(--color-success);font-size:var(--text-sm)}.form-actions{display:flex;flex-direction:column;gap:var(--space-4);@media(width>=48rem){flex-direction:row}>*{flex:1}}.list-toolbar{justify-content:flex-end;margin-bottom:var(--space-4)}}@layer layouts{.page{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}:is(.page-container-sm,.page-container-md,.page-container,.container){container-type:inline-size;container-name:page}.page-container-sm,.page-container-md,.page-container{width:min(100%,var(--layout-max-inline));margin-inline:auto;padding-inline-start:max(var(--page-gutter),var(--safe-area-left));padding-inline-end:max(var(--page-gutter),var(--safe-area-right));padding-block:var(--space-6)}.page-container-sm{max-width:36rem}.page-container-md{max-width:48rem}.page-container{max-width:72rem}.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline-start:max(var(--page-gutter),var(--safe-area-left));padding-inline-end:max(var(--page-gutter),var(--safe-area-right))}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-3))}.sidebar-layout{display:grid;grid-template-columns:minmax(0,var(--sidebar-width, 16rem)) minmax(0,1fr);gap:var(--space-6);align-items:start}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 18rem)),1fr));gap:var(--grid-gap, var(--space-4))}.center{display:grid;place-items:center}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle)}}@container page (width < 40rem){.page-title{font-size:var(--text-xl)}.page-nav{justify-content:flex-start}.form-actions>*{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--border-default: light-dark(oklch(.4 0 0), oklch(.7 0 0));--border-subtle: light-dark(oklch(.5 0 0), oklch(.6 0 0))}}@layer base,theme,components,utilities;@layer theme{:root{--um-blue-50: oklch(.9537 .0212 252.54);--um-blue-100: oklch(.907 .0434 251.55);--um-blue-200: oklch(.8159 .0886 251.97);--um-blue-300: oklch(.7266 .135 253.31);--um-blue-400: oklch(.6468 .1782 254.76);--um-blue-500: oklch(.5671 .2095 257.95);--um-blue-600: oklch(.4919 .1801 257.74);--um-blue-700: oklch(.4012 .1437 257.22);--um-blue-800: oklch(.3074 .1034 255.6);--um-blue-900: oklch(.2033 .0605 251.78);--um-green-50: oklch(.9691 .023 161.96);--um-green-100: oklch(.9366 .0452 160.47);--um-green-200: oklch(.8762 .0902 159.2);--um-green-300: oklch(.8235 .1328 156.83);--um-green-400: oklch(.7744 .1681 154.27);--um-green-500: oklch(.7329 .1934 150.84);--um-green-600: oklch(.622 .1627 151.07);--um-green-700: oklch(.5061 .1302 151.38);--um-green-800: oklch(.3799 .0941 152.3);--um-green-900: oklch(.2457 .0551 154.17);--um-red-50: oklch(.9487 .0271 354.34);--um-red-100: oklch(.9004 .054 356.17);--um-red-200: oklch(.8042 .1127 357.7);--um-red-300: oklch(.7223 .171 .4);--um-red-400: oklch(.6563 .2185 4.62);--um-red-500: oklch(.6193 .2419 11.32);--um-red-600: oklch(.5239 .2037 10.66);--um-red-700: oklch(.4265 .164 9.9);--um-red-800: oklch(.3205 .1208 8.82);--um-red-900: oklch(.2085 .0735 5.56);--um-yellow-50: oklch(.9873 .0262 102.28);--um-yellow-100: oklch(.9521 .0382 80.03);--um-yellow-200: oklch(.9058 .0757 79.61);--um-yellow-300: oklch(.8619 .1096 78.33);--um-yellow-400: oklch(.8204 .1388 76.34);--um-yellow-500: oklch(.7819 .1584 72.32);--um-yellow-600: oklch(.6629 .133 72.64);--um-yellow-700: oklch(.5383 .1063 73.12);--um-yellow-800: oklch(.4059 .0781 74.21);--um-yellow-900: oklch(.2616 .0461 76.33);--um-purple-50: oklch(.9479 .023 308.05);--um-purple-100: oklch(.8927 .0465 307.82);--um-purple-200: oklch(.7849 .0953 307.08);--um-purple-300: oklch(.6784 .1451 305.93);--um-purple-400: oklch(.5767 .1917 304.03);--um-purple-500: oklch(.4878 .2255 300.51);--um-purple-600: oklch(.4166 .1893 300.81);--um-purple-700: oklch(.3424 .1511 301.27);--um-purple-800: oklch(.2642 .11 302.06);--um-purple-900: oklch(.1807 .0636 303.74);--um-pink-50: oklch(.9641 .0258 335.27);--um-pink-100: oklch(.9308 .0504 336.16);--um-pink-200: oklch(.8636 .1042 337.14);--um-pink-300: oklch(.804 .1561 338.41);--um-pink-400: oklch(.751 .2059 339.75);--um-pink-500: oklch(.7101 .2456 341.34);--um-pink-600: oklch(.6018 .2062 341.21);--um-pink-700: oklch(.4893 .1634 341.07);--um-pink-800: oklch(.3691 .1189 340.72);--um-pink-900: oklch(.2399 .0671 340.06);--um-cyan-50: oklch(.983 .0133 214.64);--um-cyan-100: oklch(.9716 .0217 211.22);--um-cyan-200: oklch(.9573 .0352 209.93);--um-cyan-300: oklch(.936 .0515 210.09);--um-cyan-400: oklch(.9062 .0749 211.91);--um-cyan-500: oklch(.8723 .1016 212.2);--um-cyan-600: oklch(.7202 .1294 218.79);--um-cyan-700: oklch(.6828 .123 219.74);--um-cyan-800: oklch(.5881 .1064 222.35);--um-cyan-900: oklch(.3265 .0563 219.16);--um-zinc-50: oklch(.9851 .0001 263.28);--um-zinc-100: oklch(.9674 .0014 285.04);--um-zinc-200: oklch(.9197 .0041 285.89);--um-zinc-300: oklch(.8711 .0055 285.98);--um-zinc-400: oklch(.7118 .013 285.96);--um-zinc-500: oklch(.5517 .0139 285.87);--um-zinc-600: oklch(.4419 .0147 285.73);--um-zinc-700: oklch(.3703 .0119 285.75);--um-zinc-800: oklch(.2739 .0055 285.94);--um-zinc-900: oklch(.2103 .0059 285.82);--um-white: oklch(1 0 0);--um-black: oklch(0 0 0)}:root{--um-background: light-dark(var(--um-white), var(--um-black));--um-foreground: light-dark(oklch(.2038 .0132 233.36), oklch(.9456 .0018 248.54));--um-divider: light-dark(oklch(.178 0 0 / .15), oklch(1 0 0 / .15));--um-overlay: var(--um-black);--um-focus: var(--um-blue-500);--um-content1: light-dark(var(--um-white), var(--um-zinc-900));--um-content1-foreground: light-dark(oklch(.2038 .0132 233.36), var(--um-zinc-50));--um-content2: light-dark(var(--um-zinc-100), var(--um-zinc-800));--um-content2-foreground: light-dark(var(--um-zinc-800), var(--um-zinc-100));--um-content3: light-dark(var(--um-zinc-200), var(--um-zinc-700));--um-content3-foreground: light-dark(var(--um-zinc-700), var(--um-zinc-200));--um-content4: light-dark(var(--um-zinc-300), var(--um-zinc-600));--um-content4-foreground: light-dark(var(--um-zinc-600), var(--um-zinc-300));--um-default: light-dark(var(--um-zinc-300), var(--um-zinc-700));--um-default-foreground: light-dark(var(--um-black), var(--um-white));--um-default-50: light-dark(var(--um-zinc-50), var(--um-zinc-900));--um-default-100: light-dark(var(--um-zinc-100), var(--um-zinc-800));--um-default-200: light-dark(var(--um-zinc-200), var(--um-zinc-700));--um-default-300: light-dark(var(--um-zinc-300), var(--um-zinc-600));--um-default-400: light-dark(var(--um-zinc-400), var(--um-zinc-500));--um-default-500: light-dark(var(--um-zinc-500), var(--um-zinc-400));--um-default-600: light-dark(var(--um-zinc-600), var(--um-zinc-300));--um-default-700: light-dark(var(--um-zinc-700), var(--um-zinc-200));--um-default-800: light-dark(var(--um-zinc-800), var(--um-zinc-100));--um-default-900: light-dark(var(--um-zinc-900), var(--um-zinc-50));--um-primary: light-dark(var(--um-blue-600), var(--um-blue-400));--um-primary-foreground: var(--um-white);--um-primary-50: light-dark(var(--um-blue-50), var(--um-blue-900));--um-primary-100: light-dark(var(--um-blue-100), var(--um-blue-800));--um-primary-200: light-dark(var(--um-blue-200), var(--um-blue-700));--um-primary-300: light-dark(var(--um-blue-300), var(--um-blue-600));--um-primary-400: light-dark(var(--um-blue-400), var(--um-blue-500));--um-primary-500: light-dark(var(--um-blue-500), var(--um-blue-400));--um-primary-600: light-dark(var(--um-blue-600), var(--um-blue-300));--um-primary-700: light-dark(var(--um-blue-700), var(--um-blue-200));--um-primary-800: light-dark(var(--um-blue-800), var(--um-blue-100));--um-primary-900: light-dark(var(--um-blue-900), var(--um-blue-50));--um-secondary: light-dark(var(--um-purple-500), var(--um-purple-400));--um-secondary-foreground: var(--um-white);--um-secondary-50: light-dark(var(--um-purple-50), var(--um-purple-900));--um-secondary-100: light-dark(var(--um-purple-100), var(--um-purple-800));--um-secondary-200: light-dark(var(--um-purple-200), var(--um-purple-700));--um-secondary-300: light-dark(var(--um-purple-300), var(--um-purple-600));--um-secondary-400: light-dark(var(--um-purple-400), var(--um-purple-500));--um-secondary-500: light-dark(var(--um-purple-500), var(--um-purple-400));--um-secondary-600: light-dark(var(--um-purple-600), var(--um-purple-300));--um-secondary-700: light-dark(var(--um-purple-700), var(--um-purple-200));--um-secondary-800: light-dark(var(--um-purple-800), var(--um-purple-100));--um-secondary-900: light-dark(var(--um-purple-900), var(--um-purple-50));--um-success: var(--um-green-500);--um-success-foreground: var(--um-black);--um-success-50: light-dark(var(--um-green-50), var(--um-green-900));--um-success-100: light-dark(var(--um-green-100), var(--um-green-800));--um-success-200: light-dark(var(--um-green-200), var(--um-green-700));--um-success-300: light-dark(var(--um-green-300), var(--um-green-600));--um-success-400: light-dark(var(--um-green-400), var(--um-green-500));--um-success-500: light-dark(var(--um-green-500), var(--um-green-400));--um-success-600: light-dark(var(--um-green-600), var(--um-green-300));--um-success-700: light-dark(var(--um-green-700), var(--um-green-200));--um-success-800: light-dark(var(--um-green-800), var(--um-green-100));--um-success-900: light-dark(var(--um-green-900), var(--um-green-50));--um-warning: var(--um-yellow-500);--um-warning-foreground: var(--um-black);--um-warning-50: light-dark(var(--um-yellow-50), var(--um-yellow-900));--um-warning-100: light-dark(var(--um-yellow-100), var(--um-yellow-800));--um-warning-200: light-dark(var(--um-yellow-200), var(--um-yellow-700));--um-warning-300: light-dark(var(--um-yellow-300), var(--um-yellow-600));--um-warning-400: light-dark(var(--um-yellow-400), var(--um-yellow-500));--um-warning-500: light-dark(var(--um-yellow-500), var(--um-yellow-400));--um-warning-600: light-dark(var(--um-yellow-600), var(--um-yellow-300));--um-warning-700: light-dark(var(--um-yellow-700), var(--um-yellow-200));--um-warning-800: light-dark(var(--um-yellow-800), var(--um-yellow-100));--um-warning-900: light-dark(var(--um-yellow-900), var(--um-yellow-50));--um-danger: var(--um-red-500);--um-danger-foreground: var(--um-white);--um-danger-50: light-dark(var(--um-red-50), var(--um-red-900));--um-danger-100: light-dark(var(--um-red-100), var(--um-red-800));--um-danger-200: light-dark(var(--um-red-200), var(--um-red-700));--um-danger-300: light-dark(var(--um-red-300), var(--um-red-600));--um-danger-400: light-dark(var(--um-red-400), var(--um-red-500));--um-danger-500: light-dark(var(--um-red-500), var(--um-red-400));--um-danger-600: light-dark(var(--um-red-600), var(--um-red-300));--um-danger-700: light-dark(var(--um-red-700), var(--um-red-200));--um-danger-800: light-dark(var(--um-red-800), var(--um-red-100));--um-danger-900: light-dark(var(--um-red-900), var(--um-red-50))}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer theme{:root{--um-font-size-tiny: .75rem;--um-font-size-small: .875rem;--um-font-size-medium: 1rem;--um-font-size-large: 1.125rem;--um-line-height-tiny: 1rem;--um-line-height-small: 1.25rem;--um-line-height-medium: 1.5rem;--um-line-height-large: 1.75rem;--um-radius-small: 8px;--um-radius-medium: 12px;--um-radius-large: 14px;--um-border-width-small: 1px;--um-border-width-medium: 2px;--um-border-width-large: 3px;--um-divider-weight: 1px;--um-opacity-disabled: .5;--um-opacity-hover: .9;--um-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .05), 0px 2px 10px 0px rgb(0 0 0 / .2), inset 0px 0px 1px 0px rgb(255 255 255 / .15);--um-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .06), 0px 2px 30px 0px rgb(0 0 0 / .22), inset 0px 0px 1px 0px rgb(255 255 255 / .15);--um-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .07), 0px 30px 60px 0px rgb(0 0 0 / .26), inset 0px 0px 1px 0px rgb(255 255 255 / .15);--um-transition-duration: .25s;--um-transition-easing: ease;--um-transition-easing-soft-spring: cubic-bezier(.155, 1.105, .295, 1.12)}@media(prefers-color-scheme:light){:root:not([data-theme=light]):not([data-theme=dark]){--um-opacity-hover: .8;--um-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);--um-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);--um-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3)}}[data-theme=light]{--um-opacity-hover: .8;--um-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3);--um-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3);--um-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3)}}@keyframes shimmer{to{transform:translate(200%)}}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drip-expand{0%{opacity:.2;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes appearance-in{0%{opacity:0;transform:translateZ(0) scale(.95)}60%{opacity:.75;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform:translateZ(0) scale(1.05)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes appearance-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes indeterminate-bar{0%{transform:translate(-50%) scaleX(.2)}to{transform:translate(100%) scaleX(1)}}@keyframes sway{0%{transform:translate(0)}50%{transform:translateY(-150%)}to{transform:translate(0)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes fade-out{0%{opacity:1}to{opacity:.15}}@layer theme{:root{--um-animation-shimmer: shimmer 2s infinite;--um-animation-drip-expand: drip-expand .42s linear;--um-animation-spinner-ease: spinner-spin .8s ease infinite;--um-animation-spinner-linear: spinner-spin .8s linear infinite;--um-animation-sway: sway .75s ease infinite;--um-animation-blink: blink 1.4s infinite both;--um-animation-fade-out: fade-out 1.2s linear 0s infinite normal none running;--um-animation-appearance-in: appearance-in .25s ease-out normal both;--um-animation-appearance-out: appearance-out 60ms ease-in normal both;--um-animation-indeterminate-bar: indeterminate-bar 1.5s cubic-bezier(.65, .815, .735, .395) infinite normal none running}}@layer utilities{.text-tiny{font-size:var(--um-font-size-tiny);line-height:var(--um-line-height-tiny)}.text-small{font-size:var(--um-font-size-small);line-height:var(--um-line-height-small)}.text-medium{font-size:var(--um-font-size-medium);line-height:var(--um-line-height-medium)}.text-large{font-size:var(--um-font-size-large);line-height:var(--um-line-height-large)}.transition-background{transition-property:background;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-colors-opacity{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-width{transition-property:width;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-height{transition-property:height;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-size{transition-property:width,height;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-left{transition-property:left;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-transform-opacity{transition-property:transform,scale,opacity,rotate;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-transform-background{transition-property:transform,scale,background;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-transform-colors{transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.transition-transform-colors-opacity{transition-property:transform,scale,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.scrollbar-default{-ms-overflow-style:auto;scrollbar-width:auto;&::-webkit-scrollbar{display:block}}.spinner-bar-animation{animation:fade-out 1.2s linear infinite;animation-delay:calc(-1.2s + (.1s * var(--bar-index)));transform:rotate(calc(30deg * var(--bar-index))) translate(140%)}.spinner-dot-animation{animation-delay:calc(.25s * var(--dot-index))}.spinner-dot-blink-animation{animation-delay:calc(.2s * var(--dot-index))}.bg-stripe-size{background-size:1.25rem 1.25rem}:is(.bg-stripe-gradient-default,.bg-stripe-gradient-primary,.bg-stripe-gradient-secondary,.bg-stripe-gradient-success,.bg-stripe-gradient-warning,.bg-stripe-gradient-danger){background-image:linear-gradient(45deg,var(--stripe-a) 25%,var(--stripe-b) 25%,var(--stripe-b) 50%,var(--stripe-a) 50%,var(--stripe-a) 75%,var(--stripe-b) 75%,var(--stripe-b))}.bg-stripe-gradient-default{--stripe-a: var(--um-default-200);--stripe-b: var(--um-default-400)}.bg-stripe-gradient-primary{--stripe-a: var(--um-primary-200);--stripe-b: var(--um-primary)}.bg-stripe-gradient-secondary{--stripe-a: var(--um-secondary-200);--stripe-b: var(--um-secondary)}.bg-stripe-gradient-success{--stripe-a: var(--um-success-200);--stripe-b: var(--um-success)}.bg-stripe-gradient-warning{--stripe-a: var(--um-warning-200);--stripe-b: var(--um-warning)}.bg-stripe-gradient-danger{--stripe-a: var(--um-danger-200);--stripe-b: var(--um-danger)}.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}.leading-inherit{line-height:inherit}.bg-img-inherit{background-image:inherit}.bg-clip-inherit{background-clip:inherit}.text-fill-inherit{-webkit-text-fill-color:inherit}.tap-highlight-transparent{-webkit-tap-highlight-color:transparent}.input-search-cancel-button-none{&::-webkit-search-cancel-button{-webkit-appearance:none}}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;interpolate-size:allow-keywords}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100dvh;text-wrap:pretty}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;text-wrap:balance}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration-line:underline;text-decoration-style:dotted}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}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (color: color-mix(in oklab,red,blue)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:user-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}summary{display:list-item}progress{vertical-align:baseline}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.btn.clear-button[data-variant=light][data-color=default]{color:var(--um-default-400);flex-shrink:0;min-width:2rem;width:2rem;height:2rem;&:is(:hover,[data-hover=true]){color:var(--um-foreground)}&:is(:disabled,[data-disabled=true]){color:var(--um-default-300)}}.clear-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;>svg{width:1rem;height:1rem}}}@layer components{.field-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500);min-height:1.25em}.field-error{font-size:var(--um-font-size-tiny);color:var(--um-danger);min-height:1.25em}[data-slot=mainWrapper]{width:100%;min-width:0}[data-slot=mainWrapper]>.field-description,[data-slot=mainWrapper]>.field-error{padding-inline-start:.25rem}[data-field-root=true][data-invalid=true] .field-description[data-validation-message],[data-field-root=true]:has(:user-invalid) .field-description[data-validation-message],[data-field-root=true]:has([aria-invalid=true]) .field-description[data-validation-message]{font-size:0;color:transparent}[data-field-root=true][data-invalid=true] .field-description[data-validation-message]:before,[data-field-root=true]:has(:user-invalid) .field-description[data-validation-message]:before,[data-field-root=true]:has([aria-invalid=true]) .field-description[data-validation-message]:before{content:attr(data-validation-message);font-size:var(--um-font-size-tiny);color:var(--um-danger)}}@layer components{.btn{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;min-width:max-content;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;appearance:none;outline:2px solid transparent;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition-property:transform,scale,color,background-color,border-color,opacity;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration);transform:translateZ(0);&[data-size=sm]{padding-inline:.75rem;min-width:4rem;height:2rem;font-size:var(--um-font-size-tiny);line-height:var(--um-line-height-tiny);gap:.5rem;border-radius:var(--um-radius-small)}&[data-size=md]{padding-inline:1rem;min-width:5rem;height:2.5rem;font-size:var(--um-font-size-small);line-height:var(--um-line-height-small);gap:.5rem;border-radius:var(--um-radius-medium)}&[data-size=lg]{padding-inline:1.5rem;min-width:6rem;height:3rem;font-size:var(--um-font-size-medium);line-height:var(--um-line-height-medium);gap:.75rem;border-radius:var(--um-radius-large)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=full]{border-radius:9999px}&[data-full-width]{width:100%}&[data-icon-only]{padding-inline:0;gap:0;&[data-size=sm]{min-width:2rem;width:2rem}&[data-size=md]{min-width:2.5rem;width:2.5rem}&[data-size=lg]{min-width:3rem;width:3rem}}&:not([data-icon-only]){>svg{max-width:2rem}}&[data-variant=solid]{&[data-color=default]{background-color:var(--um-default);color:var(--um-default-foreground)}&[data-color=primary]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-color=secondary]{background-color:var(--um-secondary);color:var(--um-secondary-foreground)}&[data-color=success]{background-color:var(--um-success);color:var(--um-success-foreground)}&[data-color=warning]{background-color:var(--um-warning);color:var(--um-warning-foreground)}&[data-color=danger]{background-color:var(--um-danger);color:var(--um-danger-foreground)}}&[data-variant=bordered]{background-color:transparent;border:var(--um-border-width-medium) solid;&[data-color=default]{border-color:var(--um-default);color:var(--um-foreground)}&[data-color=primary]{border-color:var(--um-primary);color:var(--um-primary)}&[data-color=secondary]{border-color:var(--um-secondary);color:var(--um-secondary)}&[data-color=success]{border-color:var(--um-success);color:var(--um-success)}&[data-color=warning]{border-color:var(--um-warning);color:var(--um-warning)}&[data-color=danger]{border-color:var(--um-danger);color:var(--um-danger)}}&[data-variant=light]{background-color:transparent;&[data-color=default]{color:var(--um-default-foreground)}&[data-color=primary]{color:var(--um-primary)}&[data-color=secondary]{color:var(--um-secondary)}&[data-color=success]{color:var(--um-success)}&[data-color=warning]{color:var(--um-warning)}&[data-color=danger]{color:var(--um-danger)}&:is(:hover,[data-hover=true]){&[data-color=default]{background-color:color-mix(in oklch,var(--um-default) 40%,transparent)}&[data-color=primary]{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent)}&[data-color=secondary]{background-color:color-mix(in oklch,var(--um-secondary) 20%,transparent)}&[data-color=success]{background-color:color-mix(in oklch,var(--um-success) 20%,transparent)}&[data-color=warning]{background-color:color-mix(in oklch,var(--um-warning) 20%,transparent)}&[data-color=danger]{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent)}}}&[data-variant=flat]{&[data-color=default]{background-color:color-mix(in oklch,var(--um-default) 40%,transparent);color:var(--um-default-700)}&[data-color=primary]{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent);color:var(--um-primary-600)}&[data-color=secondary]{background-color:color-mix(in oklch,var(--um-secondary) 20%,transparent);color:var(--um-secondary-600)}&[data-color=success]{background-color:color-mix(in oklch,var(--um-success) 20%,transparent);color:var(--um-success-700)}&[data-color=warning]{background-color:color-mix(in oklch,var(--um-warning) 20%,transparent);color:var(--um-warning-700)}&[data-color=danger]{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent);color:var(--um-danger-600)}}&[data-variant=faded]{border:var(--um-border-width-medium) solid var(--um-default);background-color:var(--um-default-100);&[data-color=default]{color:var(--um-default-foreground)}&[data-color=primary]{color:var(--um-primary)}&[data-color=secondary]{color:var(--um-secondary)}&[data-color=success]{color:var(--um-success)}&[data-color=warning]{color:var(--um-warning)}&[data-color=danger]{color:var(--um-danger)}}&[data-variant=shadow]{&[data-color=default]{background-color:var(--um-default);color:var(--um-default-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-default) 50%,transparent)}&[data-color=primary]{background-color:var(--um-primary);color:var(--um-primary-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-primary) 40%,transparent)}&[data-color=secondary]{background-color:var(--um-secondary);color:var(--um-secondary-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-secondary) 40%,transparent)}&[data-color=success]{background-color:var(--um-success);color:var(--um-success-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-success) 40%,transparent)}&[data-color=warning]{background-color:var(--um-warning);color:var(--um-warning-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-warning) 40%,transparent)}&[data-color=danger]{background-color:var(--um-danger);color:var(--um-danger-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--um-danger) 40%,transparent)}}&[data-variant=ghost]{background-color:transparent;border:var(--um-border-width-medium) solid;&[data-color=default]{border-color:var(--um-default);color:var(--um-default-foreground)}&[data-color=primary]{border-color:var(--um-primary);color:var(--um-primary)}&[data-color=secondary]{border-color:var(--um-secondary);color:var(--um-secondary)}&[data-color=success]{border-color:var(--um-success);color:var(--um-success)}&[data-color=warning]{border-color:var(--um-warning);color:var(--um-warning)}&[data-color=danger]{border-color:var(--um-danger);color:var(--um-danger)}&:is(:hover,[data-hover=true]){&[data-color=default]{background-color:var(--um-default)}&[data-color=primary]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-color=secondary]{background-color:var(--um-secondary);color:var(--um-secondary-foreground)}&[data-color=success]{background-color:var(--um-success);color:var(--um-success-foreground)}&[data-color=warning]{background-color:var(--um-warning);color:var(--um-warning-foreground)}&[data-color=danger]{background-color:var(--um-danger);color:var(--um-danger-foreground)}}}&:is(:active,[data-pressed=true]){scale:.97}&:is([data-variant=solid],[data-variant=faded],[data-variant=flat],[data-variant=bordered],[data-variant=shadow]){&:is(:hover,[data-hover=true]){opacity:var(--um-opacity-hover)}}&:is(:focus-visible,[data-focus-visible=true]){z-index:10;outline:2px solid var(--um-focus);outline-offset:2px}&:is(:disabled,[data-disabled=true]){opacity:var(--um-opacity-disabled);pointer-events:none;cursor:default}&[data-disable-animation]{transition:none;&:is(:active,[data-pressed=true]){scale:1}}@media(prefers-reduced-motion:reduce){transition:none}}.btn-spinner{--btn-spinner-size: 1em;--btn-spinner-weight: 2px;display:inline-block;width:var(--btn-spinner-size);height:var(--btn-spinner-size);border-radius:9999px;border:var(--btn-spinner-weight) solid color-mix(in oklch,currentColor 25%,transparent);border-top-color:currentColor;animation:btn-spinner-spin .8s linear infinite;flex-shrink:0;[data-disable-animation] &{animation:none}@media(prefers-reduced-motion:reduce){animation:none}}.btn-group{display:inline-flex;align-items:center;justify-content:center;height:auto;&[data-full-width]{width:100%}>.btn:not(:first-child):not(:last-child){border-radius:0}>.btn:first-child{border-start-end-radius:0;border-end-end-radius:0}>.btn:last-child{border-start-start-radius:0;border-end-start-radius:0}>.btn:is([data-variant=bordered],[data-variant=ghost])+.btn:is([data-variant=bordered],[data-variant=ghost]){margin-inline-start:calc(var(--um-border-width-medium) * -1)}}}@keyframes btn-spinner-spin{to{rotate:360deg}}@layer components{.card{display:flex;flex-direction:column;position:relative;overflow:clip;height:auto;outline:2px solid transparent;color:var(--um-foreground);box-sizing:border-box;background-color:var(--um-content1);border:1px solid color-mix(in oklch,var(--um-divider) 70%,transparent);container-type:inline-size;&:not([data-radius]),&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&:not([data-shadow]),&[data-shadow=md]{box-shadow:var(--um-shadow-medium)}&[data-shadow=none]{box-shadow:none}&[data-shadow=sm]{box-shadow:var(--um-shadow-small)}&[data-shadow=lg]{box-shadow:var(--um-shadow-large)}&[data-full-width]{width:100%}&[data-hoverable]{transition:background-color var(--um-transition-duration) var(--um-transition-easing);&:hover{background-color:var(--um-content2)}}&[data-pressable]{cursor:pointer;&:active{scale:.97}-webkit-tap-highlight-color:transparent}&[data-blurred]{background-color:color-mix(in oklch,var(--um-background) 80%,transparent);backdrop-filter:blur(12px) saturate(1.5)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:not-allowed}&:is(:focus-visible,[data-focus-visible=true]){outline:2px solid var(--um-focus);outline-offset:2px}&[data-disable-animation]{transition:none;&:active{scale:1}}@media(prefers-reduced-motion:reduce){transition:none}}.card-header{display:flex;padding:var(--space-4) var(--space-4) 0;z-index:1;width:100%;justify-content:flex-start;align-items:center;flex-shrink:0;overflow:inherit;color:inherit;-webkit-font-smoothing:subpixel-antialiased;.card:not([data-radius]) &,.card[data-radius=lg] &{border-start-start-radius:var(--um-radius-large);border-start-end-radius:var(--um-radius-large)}.card[data-radius=none] &{border-radius:0}.card[data-radius=sm] &{border-start-start-radius:var(--um-radius-small);border-start-end-radius:var(--um-radius-small)}.card[data-radius=md] &{border-start-start-radius:var(--um-radius-medium);border-start-end-radius:var(--um-radius-medium)}}.card-header+.card-body{border-top:1px solid var(--um-divider);padding-top:var(--space-2)}.card-body{position:relative;display:flex;flex:1 1 auto;width:100%;padding:var(--space-4);flex-direction:column;height:auto;overflow-wrap:break-word;text-align:start;overflow-y:auto;-webkit-font-smoothing:subpixel-antialiased;text-wrap:pretty}.card-body+.card-footer{border-top:1px solid var(--um-divider)}.card-footer{padding:var(--space-4);height:auto;display:flex;width:100%;align-items:center;overflow:hidden;color:inherit;-webkit-font-smoothing:subpixel-antialiased;.card:not([data-radius]) &,.card[data-radius=lg] &{border-end-start-radius:var(--um-radius-large);border-end-end-radius:var(--um-radius-large)}.card[data-radius=none] &{border-radius:0}.card[data-radius=sm] &{border-end-start-radius:var(--um-radius-small);border-end-end-radius:var(--um-radius-small)}.card[data-radius=md] &{border-end-start-radius:var(--um-radius-medium);border-end-end-radius:var(--um-radius-medium)}.card[data-footer-blurred] &{background-color:color-mix(in oklch,var(--um-background) 10%,transparent);backdrop-filter:blur(10px) saturate(1.5)}}}@layer components{.input-wrapper{--input-color: var(--um-primary);display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-color=default]{--input-color: var(--um-default)}&[data-color=primary]{--input-color: var(--um-primary)}&[data-color=secondary]{--input-color: var(--um-secondary)}&[data-color=success]{--input-color: var(--um-success)}&[data-color=warning]{--input-color: var(--um-warning)}&[data-color=danger]{--input-color: var(--um-danger)}&[data-label-placement=outside-left]{flex-direction:row;align-items:center;gap:.5rem}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-loading=true]{pointer-events:none}&[data-loading=true] .input-field-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--input-color),transparent);animation:input-loading 1.5s ease-in-out infinite}}@keyframes input-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.input-wrapper[data-required=true] .input-label:after{content:" *";color:var(--um-danger)}.input-field-wrapper{display:flex;align-items:center;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s}.input-wrapper[data-size=sm] .input-field-wrapper{min-height:2rem;padding:.25rem .5rem;font-size:var(--um-font-size-small)}.input-wrapper:not([data-size]) .input-field-wrapper,.input-wrapper[data-size=md] .input-field-wrapper{min-height:2.5rem;padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.input-wrapper[data-size=lg] .input-field-wrapper{min-height:3rem;padding:.5rem 1rem;font-size:var(--um-font-size-large)}.input-wrapper:not([data-radius]) .input-field-wrapper,.input-wrapper[data-radius=md] .input-field-wrapper{border-radius:var(--um-radius-medium)}.input-wrapper[data-radius=none] .input-field-wrapper{border-radius:0}.input-wrapper[data-radius=sm] .input-field-wrapper{border-radius:var(--um-radius-small)}.input-wrapper[data-radius=lg] .input-field-wrapper{border-radius:var(--um-radius-large)}.input-wrapper[data-radius=full] .input-field-wrapper{border-radius:9999px}.input-wrapper:not([data-variant]) .input-field-wrapper,.input-wrapper[data-variant=flat] .input-field-wrapper{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-100)}}.input-wrapper[data-variant=bordered] .input-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--input-color)}}.input-wrapper[data-variant=faded] .input-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--input-color)}}.input-wrapper[data-variant=underlined] .input-field-wrapper{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;&:hover{border-bottom-color:var(--um-default-400)}&:focus-within{border-bottom-color:var(--input-color)}}.input-wrapper[data-variant=bordered] .input-field-wrapper:has(:user-invalid),.input-wrapper[data-variant=bordered] .input-field-wrapper:has([aria-invalid=true]),.input-wrapper[data-invalid=true][data-variant=bordered] .input-field-wrapper,.input-wrapper[data-variant=faded] .input-field-wrapper:has(:user-invalid),.input-wrapper[data-variant=faded] .input-field-wrapper:has([aria-invalid=true]),.input-wrapper[data-invalid=true][data-variant=faded] .input-field-wrapper{border-color:var(--um-danger)}.input-wrapper[data-variant=underlined] .input-field-wrapper:has(:user-invalid),.input-wrapper[data-variant=underlined] .input-field-wrapper:has([aria-invalid=true]),.input-wrapper[data-invalid=true][data-variant=underlined] .input-field-wrapper{border-bottom-color:var(--um-danger)}.input-wrapper:not([data-variant]) .input-field-wrapper:has(:user-invalid),.input-wrapper:not([data-variant]) .input-field-wrapper:has([aria-invalid=true]),.input-wrapper[data-variant=flat] .input-field-wrapper:has(:user-invalid),.input-wrapper[data-variant=flat] .input-field-wrapper:has([aria-invalid=true]),.input-wrapper[data-invalid=true]:not([data-variant]) .input-field-wrapper,.input-wrapper[data-invalid=true][data-variant=flat] .input-field-wrapper{box-shadow:inset 0 0 0 2px var(--um-danger)}.input-wrapper[data-label-placement=inside] .input-field-wrapper{flex-direction:column;align-items:flex-start;gap:0}.input-wrapper[data-label-placement=inside][data-size=sm] .input-field-wrapper{min-height:3rem;padding-block:.375rem}.input-wrapper[data-label-placement=inside]:not([data-size]) .input-field-wrapper,.input-wrapper[data-label-placement=inside][data-size=md] .input-field-wrapper{min-height:3.5rem;padding-block:.5rem}.input-wrapper[data-label-placement=inside][data-size=lg] .input-field-wrapper{min-height:4rem;padding-block:.625rem}.input-wrapper[data-label-placement=inside] .input-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:text}.input-wrapper:has(:user-invalid) .input-label,.input-wrapper:has([aria-invalid=true]) .input-label,.input-wrapper[data-invalid=true] .input-label{color:var(--um-danger)}.input-wrapper[data-label-placement=inside] .input-inner-wrapper{flex:1;align-items:flex-end}.input-inner-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.input{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--um-foreground);font:inherit;&::placeholder{color:var(--um-default-500)}}.input-inner-wrapper>.clear-button{display:none}.input:not(:placeholder-shown)~.clear-button{display:flex}}@layer components{.textarea-wrapper{--textarea-color: var(--um-primary);display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-color=default]{--textarea-color: var(--um-default)}&[data-color=primary]{--textarea-color: var(--um-primary)}&[data-color=secondary]{--textarea-color: var(--um-secondary)}&[data-color=success]{--textarea-color: var(--um-success)}&[data-color=warning]{--textarea-color: var(--um-warning)}&[data-color=danger]{--textarea-color: var(--um-danger)}&[data-label-placement=outside-left]{flex-direction:row;align-items:flex-start;gap:.5rem}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.textarea-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.textarea-wrapper[data-required=true] .textarea-label:after{content:" *";color:var(--um-danger)}.textarea-field-wrapper{display:flex;width:100%;transition:border-color var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing),box-shadow var(--um-transition-duration) var(--um-transition-easing)}.textarea-wrapper[data-size=sm] .textarea-field-wrapper{padding:.25rem .5rem;font-size:var(--um-font-size-small)}.textarea-wrapper:not([data-size]) .textarea-field-wrapper,.textarea-wrapper[data-size=md] .textarea-field-wrapper{padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.textarea-wrapper[data-size=lg] .textarea-field-wrapper{padding:.5rem 1rem;font-size:var(--um-font-size-large)}.textarea-wrapper:not([data-radius]) .textarea-field-wrapper,.textarea-wrapper[data-radius=md] .textarea-field-wrapper{border-radius:var(--um-radius-medium)}.textarea-wrapper[data-radius=none] .textarea-field-wrapper{border-radius:0}.textarea-wrapper[data-radius=sm] .textarea-field-wrapper{border-radius:var(--um-radius-small)}.textarea-wrapper[data-radius=lg] .textarea-field-wrapper{border-radius:var(--um-radius-large)}.textarea-wrapper[data-radius=full] .textarea-field-wrapper{border-radius:9999px}.textarea-wrapper:not([data-variant]) .textarea-field-wrapper,.textarea-wrapper[data-variant=flat] .textarea-field-wrapper{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-100)}}.textarea-wrapper[data-variant=bordered] .textarea-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--textarea-color)}}.textarea-wrapper[data-variant=faded] .textarea-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--textarea-color)}}.textarea-wrapper[data-variant=underlined] .textarea-field-wrapper{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;&:hover{border-bottom-color:var(--um-default-400)}&:focus-within{border-bottom-color:var(--textarea-color)}}.textarea-wrapper:is([data-variant=bordered],[data-variant=faded]) .textarea-field-wrapper:is(:has(:user-invalid),:has([aria-invalid=true])){border-color:var(--um-danger)}.textarea-wrapper[data-invalid=true]:is([data-variant=bordered],[data-variant=faded]) .textarea-field-wrapper{border-color:var(--um-danger)}.textarea-wrapper[data-variant=underlined] .textarea-field-wrapper:is(:has(:user-invalid),:has([aria-invalid=true])){border-bottom-color:var(--um-danger)}.textarea-wrapper[data-invalid=true][data-variant=underlined] .textarea-field-wrapper{border-bottom-color:var(--um-danger)}.textarea-wrapper:is(:not([data-variant]),[data-variant=flat]) .textarea-field-wrapper:is(:has(:user-invalid),:has([aria-invalid=true])){box-shadow:inset 0 0 0 2px var(--um-danger)}.textarea-wrapper[data-invalid=true]:is(:not([data-variant]),[data-variant=flat]) .textarea-field-wrapper{box-shadow:inset 0 0 0 2px var(--um-danger)}.textarea-wrapper[data-label-placement=inside] .textarea-field-wrapper{flex-direction:column;align-items:flex-start;gap:0}.textarea-wrapper[data-label-placement=inside][data-size=sm] .textarea-field-wrapper{padding-block:.375rem}.textarea-wrapper[data-label-placement=inside]:not([data-size]) .textarea-field-wrapper,.textarea-wrapper[data-label-placement=inside][data-size=md] .textarea-field-wrapper{padding-block:.5rem}.textarea-wrapper[data-label-placement=inside][data-size=lg] .textarea-field-wrapper{padding-block:.625rem}.textarea-wrapper[data-label-placement=inside] .textarea-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:text}.textarea-wrapper:has(:user-invalid) .textarea-label,.textarea-wrapper:has([aria-invalid=true]) .textarea-label,.textarea-wrapper[data-invalid=true] .textarea-label{color:var(--um-danger)}.textarea-wrapper[data-label-placement=inside] .textarea-inner-wrapper{flex:1;align-items:flex-end}.textarea-inner-wrapper{display:flex;align-items:flex-start;gap:.5rem;width:100%}.textarea{flex:1;width:100%;min-height:4rem;background:transparent;border:none;outline:none;color:var(--um-foreground);font:inherit;resize:vertical;@supports (field-sizing: content){field-sizing:content;min-height:2lh}&::placeholder{color:var(--um-default-500)}}.textarea-inner-wrapper>.clear-button{display:none;flex-shrink:0}.textarea:not(:placeholder-shown)~.clear-button{display:flex}}@layer components{.avatar{display:flex;position:relative;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;vertical-align:middle;z-index:0;--avatar-color: var(--um-default);--avatar-color-foreground: var(--um-default-foreground);&[data-color=default]{--avatar-color: var(--um-default);--avatar-color-foreground: var(--um-default-foreground)}&[data-color=primary]{--avatar-color: var(--um-primary);--avatar-color-foreground: var(--um-primary-foreground)}&[data-color=secondary]{--avatar-color: var(--um-secondary);--avatar-color-foreground: var(--um-secondary-foreground)}&[data-color=success]{--avatar-color: var(--um-success);--avatar-color-foreground: var(--um-success-foreground)}&[data-color=warning]{--avatar-color: var(--um-warning);--avatar-color-foreground: var(--um-warning-foreground)}&[data-color=danger]{--avatar-color: var(--um-danger);--avatar-color-foreground: var(--um-danger-foreground)}background-color:var(--avatar-color);color:var(--avatar-color-foreground);&[data-size=sm]{width:2rem;height:2rem;font-size:var(--um-font-size-tiny)}&:not([data-size]),&[data-size=md]{width:2.5rem;height:2.5rem;font-size:var(--um-font-size-tiny)}&[data-size=lg]{width:3.5rem;height:3.5rem;font-size:var(--um-font-size-small)}&:not([data-radius]),&[data-radius=full]{border-radius:9999px}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-bordered]{outline:2px solid var(--avatar-color);outline-offset:2px}&[data-disabled=true]{opacity:var(--um-opacity-disabled)}&:is(:focus-visible,[data-focus-visible=true]){outline:2px solid var(--um-focus);outline-offset:2px}}.avatar-img{display:flex;object-fit:cover;width:100%;height:100%;transition:opacity .5s;opacity:0;&[data-loaded=true]{opacity:1}.avatar[data-disable-animation] &{transition:none}}.avatar-fallback,.avatar-name,.avatar-icon{position:absolute;top:50%;left:50%;translate:-50% -50%}.avatar-name{font-weight:400;text-align:center;color:inherit}.avatar-icon{display:flex;align-items:center;justify-content:center;color:inherit;width:100%;height:100%}.avatar-fallback{display:flex;align-items:center;justify-content:center}.avatar-status{position:absolute;bottom:0;right:0;width:.625rem;height:.625rem;border-radius:50%;border:2px solid var(--um-background);z-index:1;&[data-status=online]{background-color:var(--um-success)}&[data-status=offline]{background-color:var(--um-default-300)}&[data-status=busy]{background-color:var(--um-danger)}&[data-status=away]{background-color:var(--um-warning)}.avatar[data-size=sm] &{width:.5rem;height:.5rem}.avatar[data-size=lg] &{width:.75rem;height:.75rem}}.avatar-group{display:flex;align-items:center;justify-content:center;height:auto;width:max-content;>.avatar:not(:first-child){margin-inline-start:-.5rem}>.avatar{transition:translate .2s;&:hover{translate:-.75rem 0}}&[data-grid]{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:.75rem;>.avatar:not(:first-child){margin-inline-start:0}>.avatar:hover{translate:0 0}}}}@layer components{.divider{flex-shrink:0;border:0;background-color:var(--um-divider);&:not([data-orientation]),&[data-orientation=horizontal]{inline-size:100%;block-size:var(--um-divider-weight)}&[data-orientation=vertical]{inline-size:var(--um-divider-weight);min-block-size:1.5rem;align-self:stretch}&[data-color=primary]{background-color:color-mix(in oklch,var(--um-primary) 32%,transparent)}&[data-color=secondary]{background-color:color-mix(in oklch,var(--um-secondary) 32%,transparent)}}}@layer components{.spacer{display:block;inline-size:var(--spacer-x, 1px);block-size:var(--spacer-y, 1px);flex:none;&[data-inline]{display:inline-block}}}@layer components{.code{--code-color: var(--um-default);--code-surface: color-mix(in oklch, var(--code-color) 14%, var(--um-content2));--code-ink: var(--um-default-800);display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in oklch,var(--code-color) 18%,var(--um-divider));background:linear-gradient(180deg,color-mix(in oklch,var(--um-white) 45%,transparent),transparent),var(--code-surface);color:var(--code-ink);white-space:nowrap;box-shadow:inset 0 1px color-mix(in oklch,var(--um-white) 50%,transparent);&:not([data-size]),&[data-size=md]{min-block-size:2rem;padding-inline:.625rem;padding-block:.25rem;border-radius:var(--um-radius-medium);font-size:var(--um-font-size-small)}&[data-size=sm]{min-block-size:1.625rem;padding-inline:.45rem;padding-block:.125rem;border-radius:var(--um-radius-small);font-size:var(--um-font-size-tiny)}&[data-size=lg]{min-block-size:2.375rem;padding-inline:.75rem;padding-block:.375rem;border-radius:var(--um-radius-large);font-size:var(--um-font-size-medium)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=full]{border-radius:999px}&[data-color=default]{--code-color: var(--um-default);--code-ink: var(--um-default-800)}&[data-color=primary]{--code-color: var(--um-primary);--code-ink: var(--um-primary-700)}&[data-color=secondary]{--code-color: var(--um-secondary);--code-ink: var(--um-secondary-700)}&[data-color=success]{--code-color: var(--um-success);--code-ink: var(--um-success-700)}&[data-color=warning]{--code-color: var(--um-warning);--code-ink: var(--um-warning-800)}&[data-color=danger]{--code-color: var(--um-danger);--code-ink: var(--um-danger-700)}}}@layer components{.kbd{display:inline-flex;align-items:center;justify-content:center;gap:.125rem;padding:.125rem .375rem;border-radius:var(--um-radius-small);background-color:var(--um-default-100);color:var(--um-default-600);box-shadow:var(--um-shadow-small);font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:var(--um-font-size-small);font-weight:400;line-height:1;text-align:center;white-space:nowrap}.kbd+.kbd{margin-inline-start:.375rem}.kbd-abbr{text-decoration:none}.kbd[data-size=sm]{padding:.125rem .25rem;font-size:.6875rem}.kbd:not([data-size]),.kbd[data-size=md]{font-size:var(--um-font-size-small)}.kbd[data-size=lg]{padding:.25rem .5rem;font-size:var(--um-font-size-medium)}}@layer components{.skeleton{position:relative;overflow:clip;background-color:color-mix(in oklch,var(--um-default) 12%,var(--um-content2));border-radius:var(--um-radius-medium);isolation:isolate;&:after{content:"";position:absolute;inset:0;translate:-150% 0;background:linear-gradient(110deg,transparent 20%,color-mix(in oklch,var(--um-white) 48%,transparent) 45%,transparent 70%);animation:var(--um-animation-shimmer)}&[data-loaded=true]{background:transparent;&:after{display:none}}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=full]{border-radius:999px}&[data-disable-animation]:after{animation:none;translate:0 0;opacity:.4}}}@layer components{.spinner{--spinner-color: var(--um-default-700);--spinner-size: 2rem;--spinner-weight: 3px;position:relative;display:inline-grid;place-items:center;inline-size:var(--spinner-size);block-size:var(--spinner-size);color:var(--spinner-color)}.spinner:not([data-size]),.spinner[data-size=md]{--spinner-size: 2rem;--spinner-weight: 3px}.spinner[data-size=sm]{--spinner-size: 1.25rem;--spinner-weight: 2px}.spinner[data-size=lg]{--spinner-size: 2.75rem;--spinner-weight: 4px}.spinner[data-color=default]{--spinner-color: var(--um-default-700)}.spinner[data-color=primary]{--spinner-color: var(--um-primary)}.spinner[data-color=secondary]{--spinner-color: var(--um-secondary)}.spinner[data-color=success]{--spinner-color: var(--um-success)}.spinner[data-color=warning]{--spinner-color: var(--um-warning)}.spinner[data-color=danger]{--spinner-color: var(--um-danger)}.spinner:before,.spinner:after{content:"";position:absolute;inset:0;border-radius:999px}.spinner:not([data-variant]),.spinner[data-variant=default]{&:before{border:var(--spinner-weight) solid color-mix(in oklch,currentColor 18%,transparent);border-top-color:currentColor;animation:var(--um-animation-spinner-linear)}}.spinner[data-variant=gradient]:before{background:conic-gradient(from 0deg,color-mix(in oklch,currentColor 0%,transparent),color-mix(in oklch,currentColor 22%,transparent),currentColor,color-mix(in oklch,currentColor 32%,transparent));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-weight)),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-weight)),#000 0);animation:var(--um-animation-spinner-linear)}.spinner[data-variant=spinner]:before{border:var(--spinner-weight) solid color-mix(in oklch,currentColor 18%,transparent);border-inline-end-color:currentColor;animation:var(--um-animation-spinner-ease)}.spinner[data-variant=simple]:before{inset:25%;background:currentColor;opacity:.8;animation:pulse .9s ease-in-out infinite alternate}.spinner[data-variant=wave],.spinner[data-variant=dots]{grid-auto-flow:column;gap:calc(var(--spinner-size) * .12);&:before,&:after{display:none}}.spinner-wave-bar,.spinner-dot{display:block;inline-size:calc(var(--spinner-size) * .18);background:currentColor;border-radius:999px}.spinner-wave-bar{block-size:calc(var(--spinner-size) * .7);animation:var(--um-animation-sway)}.spinner-dot{block-size:calc(var(--spinner-size) * .18);animation:var(--um-animation-blink)}.spinner-wave-bar:nth-child(2),.spinner-dot:nth-child(2){animation-delay:.12s}.spinner-wave-bar:nth-child(3),.spinner-dot:nth-child(3){animation-delay:.24s}.spinner[data-disable-animation]:before,.spinner[data-disable-animation]:after,.spinner[data-disable-animation] .spinner-wave-bar,.spinner[data-disable-animation] .spinner-dot{animation:none}@media(prefers-reduced-motion:reduce){.spinner:before,.spinner:after,.spinner-wave-bar,.spinner-dot{animation:none}}}@keyframes pulse{0%{transform:scale(.72);opacity:.5}to{transform:scale(1);opacity:1}}@layer components{.badge-wrapper{position:relative;display:inline-flex;flex-shrink:0}.badge{display:flex;z-index:10;flex-wrap:wrap;position:absolute;box-sizing:border-box;border-radius:9999px;white-space:nowrap;place-content:center;origin:center;align-items:center;color:inherit;user-select:none;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;scale:1;opacity:1;transition:transform,opacity;transition-timing-function:cubic-bezier(.155,1.105,.295,1.12);transition-duration:.3s;&[data-invisible=true]{scale:0;opacity:0}--badge-color: var(--um-default);--badge-fg: var(--um-default-foreground);&[data-color=primary]{--badge-color: var(--um-primary);--badge-fg: var(--um-primary-foreground)}&[data-color=secondary]{--badge-color: var(--um-secondary);--badge-fg: var(--um-secondary-foreground)}&[data-color=success]{--badge-color: var(--um-success);--badge-fg: var(--um-success-foreground)}&[data-color=warning]{--badge-color: var(--um-warning);--badge-fg: var(--um-warning-foreground)}&[data-color=danger]{--badge-color: var(--um-danger);--badge-fg: var(--um-danger-foreground)}&[data-variant=solid],&:not([data-variant]){background-color:var(--badge-color);color:var(--badge-fg)}&[data-variant=flat]{background-color:color-mix(in oklch,var(--badge-color) 20%,transparent);color:var(--badge-fg)}&[data-variant=faded]{border:var(--um-border-width-medium) solid var(--um-default);background-color:var(--um-default-100);color:var(--badge-color)}&[data-variant=shadow]{background-color:var(--badge-color);color:var(--badge-fg);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--badge-color) 40%,transparent)}&[data-size=sm]{padding-inline:.25rem;font-size:var(--um-font-size-tiny)}&:not([data-size]),&[data-size=md]{padding-inline:.25rem;font-size:var(--um-font-size-small)}&[data-size=lg]{padding-inline:.25rem;font-size:var(--um-font-size-small)}&[data-one-char]{padding-inline:0;&[data-size=sm]{width:1rem;height:1rem;min-width:1rem}&:not([data-size]),&[data-size=md]{width:1.25rem;height:1.25rem;min-width:1.25rem}&[data-size=lg]{width:1.5rem;height:1.5rem;min-width:1.5rem}}&[data-dot]{&[data-size=sm]{width:.75rem;height:.75rem;min-width:.75rem}&:not([data-size]),&[data-size=md]{width:.875rem;height:.875rem;min-width:.875rem}&[data-size=lg]{width:1rem;height:1rem;min-width:1rem}}&:not([data-show-outline=false]){border:2px solid var(--um-background)}&[data-show-outline=false]{border:none}&[data-placement=top-right]:not([data-shape=circle]),&:not([data-placement]):not([data-shape=circle]){top:5%;right:5%;translate:50% -50%}&[data-placement=top-left]:not([data-shape=circle]){top:5%;left:5%;translate:-50% -50%}&[data-placement=bottom-right]:not([data-shape=circle]){bottom:5%;right:5%;translate:50% 50%}&[data-placement=bottom-left]:not([data-shape=circle]){bottom:5%;left:5%;translate:-50% 50%}&[data-placement=top-right][data-shape=circle],&:not([data-placement])[data-shape=circle]{top:10%;right:10%;translate:50% -50%}&[data-placement=top-left][data-shape=circle]{top:10%;left:10%;translate:-50% -50%}&[data-placement=bottom-right][data-shape=circle]{bottom:10%;right:10%;translate:50% 50%}&[data-placement=bottom-left][data-shape=circle]{bottom:10%;left:10%;translate:-50% 50%}&[data-disable-animation]{transition:none}@media(prefers-reduced-motion:reduce){transition:none}}}@layer components{.chip{position:relative;max-width:fit-content;min-width:min-content;display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:nowrap;--chip-color: var(--um-default);--chip-color-foreground: var(--um-default-foreground);--chip-color-600: var(--um-default-600);--chip-color-700: var(--um-default-700);&[data-color=primary]{--chip-color: var(--um-primary);--chip-color-foreground: var(--um-primary-foreground);--chip-color-600: var(--um-primary-600);--chip-color-700: var(--um-primary-700)}&[data-color=secondary]{--chip-color: var(--um-secondary);--chip-color-foreground: var(--um-secondary-foreground);--chip-color-600: var(--um-secondary-600);--chip-color-700: var(--um-secondary-700)}&[data-color=success]{--chip-color: var(--um-success);--chip-color-foreground: var(--um-success-foreground);--chip-color-600: var(--um-success-600);--chip-color-700: var(--um-success-700)}&[data-color=warning]{--chip-color: var(--um-warning);--chip-color-foreground: var(--um-warning-foreground);--chip-color-600: var(--um-warning-600);--chip-color-700: var(--um-warning-700)}&[data-color=danger]{--chip-color: var(--um-danger);--chip-color-foreground: var(--um-danger-foreground);--chip-color-600: var(--um-danger-600);--chip-color-700: var(--um-danger-700)}&[data-variant=solid],&:not([data-variant]){background-color:var(--chip-color);color:var(--chip-color-foreground)}&[data-variant=bordered]{border:var(--um-border-width-medium) solid var(--chip-color);background-color:transparent;color:var(--chip-color)}&[data-variant=light]{background-color:transparent;color:var(--chip-color)}&[data-variant=flat]{background-color:color-mix(in oklch,var(--chip-color) 20%,transparent);color:var(--chip-color-600);&[data-color=default]{background-color:color-mix(in oklch,var(--chip-color) 40%,transparent);color:var(--chip-color-700)}}&[data-variant=faded]{border:var(--um-border-width-medium) solid var(--um-default);background-color:var(--um-default-100);color:var(--chip-color)}&[data-variant=shadow]{background-color:var(--chip-color);color:var(--chip-color-foreground);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--chip-color) 40%,transparent)}&[data-variant=dot]{border:var(--um-border-width-medium) solid var(--um-default);color:var(--um-foreground);background-color:transparent}&[data-size=sm]{padding-inline:.25rem;height:1.5rem;font-size:var(--um-font-size-tiny)}&:not([data-size]),&[data-size=md]{padding-inline:.25rem;height:1.75rem;font-size:var(--um-font-size-small)}&[data-size=lg]{padding-inline:.5rem;height:2rem;font-size:var(--um-font-size-medium)}&:not([data-radius]),&[data-radius=full]{border-radius:9999px}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-one-char]:not([data-closeable]){padding-inline:0;justify-content:center;&[data-size=sm]{width:1.25rem;height:1.25rem;min-width:1.25rem}&:not([data-size]),&[data-size=md]{width:1.5rem;height:1.5rem;min-width:1.5rem}&[data-size=lg]{width:1.75rem;height:1.75rem;min-width:1.75rem}}}.chip-content{flex:1;color:inherit;font-weight:400;.chip[data-size=sm] &{padding-inline:.25rem}.chip:not([data-size]) &,.chip[data-size=md] &,.chip[data-size=lg] &{padding-inline:.5rem}.chip[data-one-char]:not([data-closeable]) &{padding-inline:0;flex:none}}.chip-dot{width:.5rem;height:.5rem;margin-inline-start:.25rem;border-radius:9999px;background-color:var(--chip-color);.chip[data-color=default] &{background-color:var(--um-default-400)}}.chip-avatar{flex-shrink:0;.chip[data-size=sm] &{width:1rem;height:1rem}.chip:not([data-size]) &,.chip[data-size=md] &{width:1.25rem;height:1.25rem}.chip[data-size=lg] &{width:1.5rem;height:1.5rem}}.chip-close{z-index:10;appearance:none;outline:2px solid transparent;user-select:none;transition:opacity .2s;opacity:.7;cursor:pointer;-webkit-tap-highlight-color:transparent;&:hover{opacity:1}&:active{opacity:var(--um-opacity-disabled)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px;border-radius:9999px}.chip[data-size=sm] &{font-size:var(--um-font-size-medium)}.chip:not([data-size]) &,.chip[data-size=md] &{font-size:var(--um-font-size-large)}.chip[data-size=lg] &{font-size:1.25rem}}}@layer components{.img-frame{position:relative;&[data-shadow=sm]{box-shadow:var(--um-shadow-small)}&[data-shadow=md]{box-shadow:var(--um-shadow-medium)}&[data-shadow=lg]{box-shadow:var(--um-shadow-large)}&[data-loading=true]{overflow:hidden;background-color:var(--um-content3);&:before{content:"";position:absolute;inset:0;translate:-100% 0;border-top:1px solid color-mix(in oklch,var(--um-content4) 30%,transparent);background:linear-gradient(to right,transparent,var(--um-content4),transparent);animation:var(--um-animation-shimmer)}&:after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--um-content3)}}}.img{position:relative;z-index:1;opacity:0;transition:transform .3s,opacity .3s;&[data-loaded=true]{opacity:1}&[data-disable-animation]{transition:none}@media(prefers-reduced-motion:reduce){transition:none}}.img-zoomed-wrapper{position:relative;overflow:hidden;border-radius:inherit;>.img{object-fit:cover;transition:transform .3s;&:hover{scale:1.25}}}.img-blurred{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(16px);scale:1.05;saturate:1.5;opacity:.3;translate:0 .25rem}:is(.img-frame,.img,.img-blurred,.img-zoomed-wrapper){&[data-radius=none],.img-frame[data-radius=none] &{border-radius:0}&[data-radius=sm],.img-frame[data-radius=sm] &{border-radius:var(--um-radius-small)}&[data-radius=md],.img-frame[data-radius=md] &{border-radius:var(--um-radius-medium)}&:not([data-radius]),&[data-radius=lg],.img-frame[data-radius=lg] &,.img-frame:not([data-radius]) &{border-radius:var(--um-radius-large)}&[data-radius=full],.img-frame[data-radius=full] &{border-radius:9999px}}}@layer components{.link{position:relative;display:inline-flex;align-items:center;outline:2px solid transparent;-webkit-tap-highlight-color:transparent;--link-color: var(--um-primary);&[data-color=foreground]{--link-color: var(--um-foreground)}&:not([data-color]),&[data-color=primary]{--link-color: var(--um-primary)}&[data-color=secondary]{--link-color: var(--um-secondary)}&[data-color=success]{--link-color: var(--um-success)}&[data-color=warning]{--link-color: var(--um-warning)}&[data-color=danger]{--link-color: var(--um-danger)}color:var(--link-color);&[data-size=sm]{font-size:var(--um-font-size-small)}&:not([data-size]),&[data-size=md]{font-size:var(--um-font-size-medium)}&[data-size=lg]{font-size:var(--um-font-size-large)}&[data-underline=none],&:not([data-underline]){text-decoration:none}&[data-underline=always]{text-decoration:underline;text-underline-offset:4px}&[data-underline=hover]{&:hover{text-decoration:underline;text-underline-offset:4px}}&[data-underline=active]{&:active{text-decoration:underline;text-underline-offset:4px}}&[data-underline=focus]{&:focus{text-decoration:underline;text-underline-offset:4px}}&:not([data-block]){transition:opacity .2s;&:hover{opacity:var(--um-opacity-hover)}&:active{opacity:var(--um-opacity-disabled)}}&[data-block]{padding:.25rem .5rem;&:after{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:.75rem;opacity:0;transition:background-color .2s}&:hover:after{opacity:1}&[data-color=foreground]:hover:after{background-color:color-mix(in oklch,var(--um-foreground) 10%,transparent)}&:not([data-color]):hover:after,&[data-color=primary]:hover:after{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent)}&[data-color=secondary]:hover:after{background-color:color-mix(in oklch,var(--um-secondary) 20%,transparent)}&[data-color=success]:hover:after{background-color:color-mix(in oklch,var(--um-success) 20%,transparent)}&[data-color=warning]:hover:after{background-color:color-mix(in oklch,var(--um-warning) 20%,transparent)}&[data-color=danger]:hover:after{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent)}}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:default;pointer-events:none}&:focus-visible{z-index:10;outline:2px solid var(--um-focus);outline-offset:2px}&[data-disable-animation]{transition:none;&:after{transition:none}}@media(prefers-reduced-motion:reduce){transition:none}}.link-icon{display:flex;margin-inline:.25rem;color:currentColor;align-self:center}}@layer components{.user{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--um-radius-small);outline:2px solid transparent;&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}}.user-body{display:inline-flex;flex-direction:column;align-items:flex-start}.user-name{font-size:var(--um-font-size-small);color:inherit}.user-description{font-size:var(--um-font-size-tiny);color:var(--um-default-400)}}@layer components{.ripple{position:relative;overflow:hidden;&:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,currentColor 10%,transparent 10.01%) no-repeat 50% 50%;opacity:0;scale:10;transition:opacity .6s,scale 0s .6s}&:is(:active,[data-pressed=true]):after{scale:0;opacity:.2;transition:scale 0s,opacity 0s}@media(prefers-reduced-motion:reduce){&:after{transition:none}&:active:after{transition:none}}}}@layer components{.modal{background-color:var(--um-content1);color:var(--um-content1-foreground);width:100%;max-width:28rem;box-sizing:border-box;border:1px solid color-mix(in oklch,var(--um-foreground) 8%,transparent);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-large);padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;opacity:0;scale:1.03;transition:opacity .3s ease,scale .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;&[open]{opacity:1;scale:1;@starting-style{opacity:0;scale:1.03}}&[data-size=xs]{max-width:20rem}&[data-size=sm]{max-width:24rem}&[data-size=md]{max-width:28rem}&[data-size=lg]{max-width:32rem}&[data-size=xl]{max-width:36rem}&[data-size="2xl"]{max-width:42rem}&[data-size="3xl"]{max-width:48rem}&[data-size="4xl"]{max-width:56rem}&[data-size="5xl"]{max-width:64rem}&[data-size=full]{width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-shadow=none]{box-shadow:none}&[data-shadow=sm]{box-shadow:var(--um-shadow-small)}&[data-shadow=md]{box-shadow:var(--um-shadow-medium)}&[data-shadow=lg]{box-shadow:var(--um-shadow-large)}&[data-placement=center],&[data-placement=auto]{margin:auto}&[data-placement=top],&[data-placement=top-center]{margin-block:1rem auto}&[data-placement=bottom],&[data-placement=bottom-center]{margin-block:auto 1rem}&[data-scroll-behavior=normal]{overflow:hidden}&[data-scroll-behavior=inside]{max-height:calc(100dvh - 8rem);overflow:hidden;.modal-body{overflow-y:auto;flex:1;min-height:0}}&[data-scroll-behavior=outside]{overflow:visible;max-height:none}&[data-disable-animation]{transition:none;&::backdrop{transition:none}}@media(prefers-reduced-motion:reduce){transition:none;&::backdrop{transition:none}}}.modal::backdrop{opacity:0;transition:opacity .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}.modal[open]::backdrop{opacity:1;@starting-style{opacity:0}}.modal[data-backdrop=opaque]::backdrop{background:color-mix(in oklch,var(--um-overlay) 50%,transparent)}.modal[data-backdrop=blur]::backdrop{background:color-mix(in oklch,var(--um-overlay) 30%,transparent);backdrop-filter:blur(12px) saturate(1.5);transition:opacity .3s ease,backdrop-filter .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}.modal[data-backdrop=transparent]::backdrop{background:transparent}.modal-close-btn{position:absolute;top:.75rem;inset-inline-end:.75rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:9999px;border:none;background:transparent;color:var(--um-default-500);appearance:none;cursor:pointer;transition-property:background-color,color;transition-duration:var(--um-transition-duration);transition-timing-function:var(--um-transition-easing);&:hover{background-color:color-mix(in oklch,var(--um-default) 20%,transparent)}&:active{background-color:color-mix(in oklch,var(--um-default) 40%,transparent)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}>svg{width:1.25rem;height:1.25rem}}.modal-header{display:flex;flex:initial;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:var(--um-font-size-large);font-weight:600;.modal[data-has-close-button=true] &{padding-inline-end:4rem}:where(h1,h2,h3,h4,h5,h6,p){margin:0}}.modal-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;padding:.25rem 1.5rem 1.5rem;min-height:0;:where(h1,h2,h3,h4,h5,h6,p){margin-block:0}}.modal-footer{display:flex;flex-direction:row;gap:.5rem;padding:1rem 1.5rem;justify-content:flex-end;border-top:1px solid color-mix(in oklch,var(--um-foreground) 8%,transparent)}body:has(dialog[open].modal){overflow:hidden}@media(max-width:639px){.modal[data-placement=auto]{margin-block:auto 0;margin-inline:0;width:100%;max-width:100%;border-end-end-radius:0;border-end-start-radius:0;translate:0 0;&[open]{@starting-style{translate:0 100%}}}.modal:not([open])[data-placement=auto]{translate:0 100%;scale:1}}}@layer components{.accordion{display:flex;flex-direction:column;width:100%;padding-inline:.5rem;&[data-variant=bordered]{border:var(--um-border-width-medium) solid var(--um-divider);border-radius:var(--um-radius-medium);padding-inline:1rem}&[data-variant=shadow]{box-shadow:var(--um-shadow-medium);border-radius:var(--um-radius-medium);padding-inline:1rem;background-color:var(--um-content1)}&[data-variant=splitted]{gap:.5rem}}.accordion[data-show-divider=true]:not([data-variant=splitted])>.accordion-item:not(:last-child){border-bottom:var(--um-border-width-small, 1px) solid var(--um-divider)}.accordion-item{border:none;.accordion[data-variant=splitted] &{box-shadow:var(--um-shadow-medium);border-radius:var(--um-radius-medium);background-color:var(--um-content1)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.accordion-heading{all:unset;display:contents}.accordion-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem .75rem;cursor:pointer;user-select:none;list-style:none;outline:none;-webkit-tap-highlight-color:transparent;font-size:var(--um-font-size-medium);line-height:var(--um-line-height-medium);transition:opacity var(--um-transition-duration) var(--um-transition-easing);&::-webkit-details-marker{display:none}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px;border-radius:var(--um-radius-small)}.accordion:not([data-variant]) &,.accordion[data-variant=light] &{&:hover{background-color:var(--um-content2);border-radius:var(--um-radius-small)}}}.accordion[data-compact=true] .accordion-trigger,.accordion-item[data-compact=true] .accordion-trigger{padding-block:.5rem}.accordion[data-compact=true] .accordion-content,.accordion-item[data-compact=true] .accordion-content{padding-block:.25rem}.accordion-start-content{display:flex;align-items:center;flex-shrink:0}.accordion-title-wrapper{display:flex;flex-direction:column;flex:1;text-align:start}.accordion-title{font-weight:500}.accordion-subtitle{font-size:var(--um-font-size-small);color:var(--um-default-500)}.accordion-trigger-icon{transition:rotate var(--um-transition-duration) var(--um-transition-easing);flex-shrink:0;color:var(--um-default-400);.accordion-item[open] &{rotate:-90deg}.accordion-item[data-disable-animation] &{transition:none}@media(prefers-reduced-motion:reduce){transition:none}}.accordion-content{padding:.5rem .75rem;@supports (interpolate-size: allow-keywords){overflow:clip;height:0;transition:height var(--um-transition-duration) var(--um-transition-easing),padding var(--um-transition-duration) var(--um-transition-easing);.accordion-item[open] &{height:auto}.accordion-item:not([open]) &{padding:0 .75rem}}}.accordion-item:not([open])>.accordion-content{@supports not (interpolate-size: allow-keywords){display:none}}}@layer components{.alert{--alert-color: var(--um-default);--alert-fg: var(--um-default-foreground);display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;width:100%;&[data-color=primary]{--alert-color: var(--um-primary);--alert-fg: var(--um-primary-foreground)}&[data-color=secondary]{--alert-color: var(--um-secondary);--alert-fg: var(--um-secondary-foreground)}&[data-color=success]{--alert-color: var(--um-success);--alert-fg: var(--um-success-foreground)}&[data-color=warning]{--alert-color: var(--um-warning);--alert-fg: var(--um-warning-foreground)}&[data-color=danger]{--alert-color: var(--um-danger);--alert-fg: var(--um-danger-foreground)}&[data-variant=solid],&:not([data-variant]){background-color:var(--alert-color);color:var(--alert-fg)}&[data-variant=bordered]{border:var(--um-border-width-medium) solid var(--alert-color);background-color:transparent;color:var(--alert-color)}&[data-variant=flat]{background-color:color-mix(in oklch,var(--alert-color) 20%,transparent);color:var(--alert-color)}&[data-variant=faded]{border:var(--um-border-width-medium) solid var(--um-default);background-color:var(--um-default-100);color:var(--alert-color)}&[data-variant=light]{background-color:transparent;color:var(--alert-color)}&:not([data-radius]),&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=full]{border-radius:9999px}&[data-dismissible=true]{padding-right:2.5rem;position:relative}&[data-dismissing=true]{animation:alert-dismiss .2s ease-out forwards}&[data-dismissed=true]{display:none}}.alert-icon{flex-shrink:0}.alert-body{flex:1;display:flex;flex-direction:column;gap:.125rem}.alert-title{font-weight:500;font-size:var(--um-font-size-medium)}.alert-description{font-size:var(--um-font-size-small);opacity:.9}.alert-close{position:absolute;top:.5rem;right:.5rem;appearance:none;border:none;background:transparent;cursor:pointer;color:currentColor;opacity:.7;padding:.25rem;&:hover{opacity:1}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px;border-radius:var(--um-radius-small)}}@keyframes alert-dismiss{to{opacity:0;transform:translate(100%)}}}@layer components{.alert-dialog{background-color:var(--um-content1);color:var(--um-content1-foreground);width:100%;max-width:28rem;box-sizing:border-box;border:none;border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-large);padding:0;display:flex;flex-direction:column;position:relative;opacity:0;scale:1.03;transition:opacity .3s ease,scale .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;&[open]{opacity:1;scale:1;@starting-style{opacity:0;scale:1.03}}&[data-size=xs]{max-width:20rem}&[data-size=sm]{max-width:24rem}&[data-size=md]{max-width:28rem}&[data-size=lg]{max-width:32rem}&[data-placement=center],&[data-placement=auto]{margin:auto}&[data-placement=top],&[data-placement=top-center]{margin-block:1rem auto}&[data-placement=bottom],&[data-placement=bottom-center]{margin-block:auto 1rem}&[data-disable-animation]{transition:none;&::backdrop{transition:none}}@media(prefers-reduced-motion:reduce){transition:none;&::backdrop{transition:none}}}.alert-dialog::backdrop{opacity:0;transition:opacity .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}.alert-dialog[open]::backdrop{opacity:1;@starting-style{opacity:0}}.alert-dialog[data-backdrop=opaque]::backdrop{background:color-mix(in oklch,var(--um-overlay) 50%,transparent)}.alert-dialog[data-backdrop=blur]::backdrop{background:color-mix(in oklch,var(--um-overlay) 30%,transparent);backdrop-filter:blur(12px) saturate(1.5);transition:opacity .3s ease,backdrop-filter .3s ease,display .3s allow-discrete,overlay .3s allow-discrete}.alert-dialog[data-backdrop=transparent]::backdrop{background:transparent}.alert-dialog-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1.5rem .5rem;text-align:center}.alert-dialog-heading{margin:0;font-size:var(--um-font-size-large);font-weight:600;line-height:var(--um-line-height-large)}.alert-dialog-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;flex-shrink:0;>svg{width:1.5rem;height:1.5rem}&[data-status=default]{background-color:color-mix(in oklch,var(--um-default) 20%,transparent);color:var(--um-default-foreground)}&[data-status=primary]{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent);color:var(--um-primary)}&[data-status=secondary]{background-color:color-mix(in oklch,var(--um-secondary) 20%,transparent);color:var(--um-secondary)}&[data-status=success]{background-color:color-mix(in oklch,var(--um-success) 20%,transparent);color:var(--um-success)}&[data-status=warning]{background-color:color-mix(in oklch,var(--um-warning) 20%,transparent);color:var(--um-warning)}&[data-status=danger]{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent);color:var(--um-danger)}}.alert-dialog-body{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 1.5rem;text-align:center;color:var(--um-default-500);font-size:var(--um-font-size-small);line-height:var(--um-line-height-small)}.alert-dialog-footer{display:flex;flex-direction:row;gap:.5rem;padding:1rem 1.5rem 1.5rem;justify-content:center}body:has(dialog[open].alert-dialog){overflow:hidden}}@layer components{.autocomplete-wrapper{--input-color: var(--um-primary);display:flex;flex-direction:column;gap:.25rem;width:100%;position:relative;&[data-color=default]{--input-color: var(--um-default)}&[data-color=primary]{--input-color: var(--um-primary)}&[data-color=secondary]{--input-color: var(--um-secondary)}&[data-color=success]{--input-color: var(--um-success)}&[data-color=warning]{--input-color: var(--um-warning)}&[data-color=danger]{--input-color: var(--um-danger)}&[data-label-placement=outside-left]{flex-direction:row;align-items:center;gap:.5rem}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-readonly=true] .autocomplete-icon{display:none}}.autocomplete-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.autocomplete-wrapper[data-required=true] .autocomplete-label:after{content:" *";color:var(--um-danger)}.autocomplete-input-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s}.autocomplete-wrapper[data-size=sm] .autocomplete-input-wrapper{min-height:2rem;padding:.25rem .5rem;font-size:var(--um-font-size-small)}.autocomplete-wrapper:not([data-size]) .autocomplete-input-wrapper,.autocomplete-wrapper[data-size=md] .autocomplete-input-wrapper{min-height:2.5rem;padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.autocomplete-wrapper[data-size=lg] .autocomplete-input-wrapper{min-height:3rem;padding:.5rem 1rem;font-size:var(--um-font-size-large)}.autocomplete-wrapper:not([data-radius]) .autocomplete-input-wrapper,.autocomplete-wrapper[data-radius=md] .autocomplete-input-wrapper{border-radius:var(--um-radius-medium)}.autocomplete-wrapper[data-radius=none] .autocomplete-input-wrapper{border-radius:0}.autocomplete-wrapper[data-radius=sm] .autocomplete-input-wrapper{border-radius:var(--um-radius-small)}.autocomplete-wrapper[data-radius=lg] .autocomplete-input-wrapper{border-radius:var(--um-radius-large)}.autocomplete-wrapper[data-radius=full] .autocomplete-input-wrapper{border-radius:9999px}.autocomplete-wrapper:not([data-variant]) .autocomplete-input-wrapper,.autocomplete-wrapper[data-variant=flat] .autocomplete-input-wrapper{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-100)}}.autocomplete-wrapper[data-variant=bordered] .autocomplete-input-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--input-color)}}.autocomplete-wrapper[data-variant=faded] .autocomplete-input-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--input-color)}}.autocomplete-wrapper[data-variant=underlined] .autocomplete-input-wrapper{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;&:hover{border-bottom-color:var(--um-default-400)}&:focus-within{border-bottom-color:var(--input-color)}}.autocomplete-wrapper[data-variant=bordered] .autocomplete-input-wrapper:has(:user-invalid),.autocomplete-wrapper[data-variant=bordered] .autocomplete-input-wrapper:has([aria-invalid=true]),.autocomplete-wrapper[data-invalid=true][data-variant=bordered] .autocomplete-input-wrapper,.autocomplete-wrapper[data-variant=faded] .autocomplete-input-wrapper:has(:user-invalid),.autocomplete-wrapper[data-variant=faded] .autocomplete-input-wrapper:has([aria-invalid=true]),.autocomplete-wrapper[data-invalid=true][data-variant=faded] .autocomplete-input-wrapper{border-color:var(--um-danger)}.autocomplete-wrapper[data-variant=underlined] .autocomplete-input-wrapper:has(:user-invalid),.autocomplete-wrapper[data-variant=underlined] .autocomplete-input-wrapper:has([aria-invalid=true]),.autocomplete-wrapper[data-invalid=true][data-variant=underlined] .autocomplete-input-wrapper{border-bottom-color:var(--um-danger)}.autocomplete-wrapper:not([data-variant]) .autocomplete-input-wrapper:has(:user-invalid),.autocomplete-wrapper:not([data-variant]) .autocomplete-input-wrapper:has([aria-invalid=true]),.autocomplete-wrapper[data-variant=flat] .autocomplete-input-wrapper:has(:user-invalid),.autocomplete-wrapper[data-variant=flat] .autocomplete-input-wrapper:has([aria-invalid=true]),.autocomplete-wrapper[data-invalid=true]:not([data-variant]) .autocomplete-input-wrapper,.autocomplete-wrapper[data-invalid=true][data-variant=flat] .autocomplete-input-wrapper{box-shadow:inset 0 0 0 2px var(--um-danger)}.autocomplete-wrapper[data-label-placement=inside] .autocomplete-input-wrapper{flex-direction:column;align-items:flex-start;gap:0}.autocomplete-wrapper[data-label-placement=inside][data-size=sm] .autocomplete-input-wrapper{min-height:3rem;padding-block:.375rem}.autocomplete-wrapper[data-label-placement=inside]:not([data-size]) .autocomplete-input-wrapper,.autocomplete-wrapper[data-label-placement=inside][data-size=md] .autocomplete-input-wrapper{min-height:3.5rem;padding-block:.5rem}.autocomplete-wrapper[data-label-placement=inside][data-size=lg] .autocomplete-input-wrapper{min-height:4rem;padding-block:.625rem}.autocomplete-wrapper[data-label-placement=inside] .autocomplete-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:text}.autocomplete-wrapper:has(:user-invalid) .autocomplete-label,.autocomplete-wrapper:has([aria-invalid=true]) .autocomplete-label,.autocomplete-wrapper[data-invalid=true] .autocomplete-label{color:var(--um-danger)}.autocomplete-control-row{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-control-row{align-items:flex-start}.autocomplete-inner-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;flex:1}.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-inner-wrapper{flex-wrap:wrap;align-items:center;row-gap:.25rem}.autocomplete-input{flex:1;min-width:0;width:100%;background:transparent;border:none;outline:none;color:var(--um-foreground);font:inherit;&::placeholder{color:var(--um-default-500)}}.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-input{flex:1 1 8rem}.autocomplete-control-row>.clear-button{display:none;align-self:center}.autocomplete-wrapper[data-has-value=true] .autocomplete-control-row>.clear-button{display:flex}.autocomplete-icon{flex-shrink:0;color:var(--um-default-400);cursor:pointer;transition:transform .2s;align-self:center}.autocomplete-wrapper:has(.autocomplete-listbox:popover-open) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-control-row>.clear-button,.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-icon{align-self:flex-start;margin-top:.125rem}.autocomplete-listbox{border:none;padding:.25rem;background-color:var(--um-content1);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);inset:unset;margin-block-start:.25rem;max-height:16rem;overflow-y:auto;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;width:anchor-size(inline);&:popover-open{animation:autocomplete-fade-in .15s ease-out both}}@keyframes autocomplete-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.autocomplete-virtual-viewport{overflow-y:auto;overscroll-behavior:contain}.autocomplete-virtual-spacer{position:relative;width:100%}.autocomplete-virtual-window{position:absolute;inset-inline:0;top:0}.autocomplete-items{display:flex;flex-direction:column}.autocomplete-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--um-radius-small);cursor:pointer;font-size:var(--um-font-size-small);&:hover{background-color:var(--um-default-100)}&[data-active=true]{background-color:var(--um-default-200)}&[data-selected=true]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:not-allowed}}.autocomplete-item-content{display:flex;flex:1;min-width:0;flex-direction:column}.autocomplete-item-description{color:var(--um-default-500);font-size:var(--um-font-size-tiny)}.autocomplete-empty{padding:.75rem;text-align:center;color:var(--um-default-400);font-size:var(--um-font-size-small)}.autocomplete-chips{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.autocomplete-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background-color:var(--um-default-200);border-radius:9999px;font-size:var(--um-font-size-tiny)}.autocomplete-chip-remove{appearance:none;border:none;background:transparent;cursor:pointer;color:var(--um-default-500);font-size:.75rem;&:hover{color:var(--um-foreground)}}.autocomplete-wrapper[data-selection-mode=multiple] .autocomplete-item[data-selected=true]{background-color:color-mix(in oklch,var(--um-primary) 15%,transparent);color:inherit}}@layer components{.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:.25rem;&[data-size=sm]{font-size:var(--um-font-size-tiny)}&:not([data-size]),&[data-size=md]{font-size:var(--um-font-size-small)}&[data-size=lg]{font-size:var(--um-font-size-medium)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-radius=full]{border-radius:9999px}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.breadcrumbs[data-color=primary] .breadcrumb-link{color:var(--um-primary)}.breadcrumbs[data-color=secondary] .breadcrumb-link{color:var(--um-secondary)}.breadcrumbs[data-color=success] .breadcrumb-link{color:var(--um-success)}.breadcrumbs[data-color=warning] .breadcrumb-link{color:var(--um-warning)}.breadcrumbs[data-color=danger] .breadcrumb-link{color:var(--um-danger)}.breadcrumbs[data-color=foreground] .breadcrumb-link{color:var(--um-foreground)}.breadcrumbs[data-underline=always] .breadcrumb-link,.breadcrumbs[data-underline=hover] .breadcrumb-link:hover,.breadcrumbs[data-underline=active] .breadcrumb-link:active{text-decoration:underline}.breadcrumbs[data-underline=focus] .breadcrumb-link:focus-visible{text-decoration:underline}.breadcrumb-item{display:inline-flex;align-items:center;gap:.25rem;&[data-current]{color:var(--um-foreground);font-weight:500;cursor:default}&:not([data-current]){color:var(--um-default-500)}}.breadcrumb-link{display:inline-flex;align-items:center;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;&:hover{opacity:var(--um-opacity-hover)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px;border-radius:var(--um-radius-small)}}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--um-default-400);user-select:none;padding-inline:.125rem}}@layer components{.calendar{--calendar-color: var(--um-primary);--calendar-fg: var(--um-primary-foreground);display:inline-flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:var(--um-content1);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);&[data-color=primary]{--calendar-color: var(--um-primary);--calendar-fg: var(--um-primary-foreground)}&[data-color=secondary]{--calendar-color: var(--um-secondary);--calendar-fg: var(--um-secondary-foreground)}&[data-color=success]{--calendar-color: var(--um-success);--calendar-fg: var(--um-success-foreground)}&[data-color=warning]{--calendar-color: var(--um-warning);--calendar-fg: var(--um-warning-foreground)}&[data-color=danger]{--calendar-color: var(--um-danger);--calendar-fg: var(--um-danger-foreground)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.calendar-title{font-size:var(--um-font-size-medium);font-weight:500}.calendar-nav{display:flex;gap:.25rem}.calendar-nav-btn{appearance:none;border:none;background:transparent;cursor:pointer;padding:.25rem;border-radius:var(--um-radius-small);color:var(--um-foreground);&:hover{background-color:var(--um-default-100)}&:focus-visible{outline:2px solid var(--um-focus)}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;text-align:center}.calendar-weekday{font-size:var(--um-font-size-tiny);color:var(--um-default-500);padding:.25rem;font-weight:500}.calendar-day{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;cursor:pointer;font-size:var(--um-font-size-small);transition:background-color .1s;&:hover{background-color:var(--um-default-100)}&[data-selected=true]{background-color:var(--calendar-color);color:var(--calendar-fg);font-weight:500}&[data-today=true]:not([data-selected=true]){font-weight:700;color:var(--calendar-color)}&[data-outside=true]{color:var(--um-default-300)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-range-start=true]{border-start-start-radius:9999px;border-end-start-radius:9999px}&[data-range-end=true]{border-start-end-radius:9999px;border-end-end-radius:9999px}&[data-in-range=true]{background-color:color-mix(in oklch,var(--calendar-color) 15%,transparent);border-radius:0}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}}}@layer components{.checkbox{--checkbox-color: var(--um-primary);--checkbox-fg: var(--um-primary-foreground);--checkbox-size: 1.25rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;&[data-color=default]{--checkbox-color: var(--um-default);--checkbox-fg: var(--um-default-foreground)}&[data-color=primary]{--checkbox-color: var(--um-primary);--checkbox-fg: var(--um-primary-foreground)}&[data-color=secondary]{--checkbox-color: var(--um-secondary);--checkbox-fg: var(--um-secondary-foreground)}&[data-color=success]{--checkbox-color: var(--um-success);--checkbox-fg: var(--um-success-foreground)}&[data-color=warning]{--checkbox-color: var(--um-warning);--checkbox-fg: var(--um-warning-foreground)}&[data-color=danger]{--checkbox-color: var(--um-danger);--checkbox-fg: var(--um-danger-foreground)}&[data-size=sm]{--checkbox-size: 1rem;font-size:var(--um-font-size-small)}&:not([data-size]),&[data-size=md]{--checkbox-size: 1.25rem;font-size:var(--um-font-size-medium)}&[data-size=lg]{--checkbox-size: 1.5rem;font-size:var(--um-font-size-large)}&:has(input:disabled){opacity:var(--um-opacity-disabled);pointer-events:none}}.checkbox-icon-wrapper{position:relative;display:inline-flex;flex-shrink:0;width:var(--checkbox-size);height:var(--checkbox-size)}.checkbox-input{appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--um-default);border-radius:var(--um-radius-small);cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0;.checkbox[data-radius=none] &{border-radius:0}.checkbox[data-radius=sm] &{border-radius:var(--um-radius-small)}.checkbox[data-radius=md] &{border-radius:var(--um-radius-medium)}.checkbox[data-radius=lg] &{border-radius:var(--um-radius-large)}.checkbox[data-radius=full] &{border-radius:9999px}&:checked{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}&:indeterminate{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&:user-invalid,&[aria-invalid=true]{border-color:var(--um-danger)}.checkbox[data-disable-animation] &{transition:none}}.checkbox-icon{position:absolute;top:50%;left:50%;translate:-50% -50%;color:var(--checkbox-fg);pointer-events:none;opacity:0;scale:.5;transition:opacity .2s,scale .2s;.checkbox-input:checked~&,.checkbox-input:indeterminate~&{opacity:1;scale:1}.checkbox[data-disable-animation] &{transition:none}}.checkbox-label{color:var(--um-foreground);line-height:1.5}.checkbox[data-line-through]:has(.checkbox-input:checked) .checkbox-label{text-decoration:line-through;opacity:.6}.checkbox[data-disable-animation] .checkbox-icon{transition:none}@media(prefers-reduced-motion:reduce){.checkbox-input,.checkbox-icon{transition:none}}}@layer components{.color-picker{display:flex;flex-direction:column;gap:.5rem;width:max-content;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.color-picker-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500}.color-picker-trigger-row{display:flex;align-items:center;gap:.25rem}.color-picker-trigger{appearance:none;border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--um-radius-medium);&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}>.color-swatch[data-empty=true]{background-image:linear-gradient(45deg,var(--um-default-200) 25%,transparent 25%),linear-gradient(-45deg,var(--um-default-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--um-default-200) 75%),linear-gradient(-45deg,transparent 75%,var(--um-default-200) 75%)}}.color-picker-popover{border:none;padding:1rem;background-color:var(--um-content1);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-large);inset:unset;margin:0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;opacity:0;scale:.97;transition:opacity .2s ease,scale .2s ease,display .2s allow-discrete,overlay .2s allow-discrete;&:popover-open{opacity:1;scale:1;@starting-style{opacity:0;scale:.97}}}.color-swatch{border-radius:var(--um-radius-medium);border:var(--um-border-width-medium) solid color-mix(in oklch,var(--um-default) 30%,transparent);flex-shrink:0;background-image:linear-gradient(45deg,var(--um-default-200) 25%,transparent 25%),linear-gradient(-45deg,var(--um-default-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--um-default-200) 75%),linear-gradient(-45deg,transparent 75%,var(--um-default-200) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-blend-mode:normal;&[data-size=sm]{width:1.5rem;height:1.5rem}&:not([data-size]),&[data-size=md]{width:2rem;height:2rem}&[data-size=lg]{width:2.5rem;height:2.5rem}}.color-swatch-picker{display:flex;flex-wrap:wrap;gap:.375rem;>.color-swatch{cursor:pointer;transition:scale var(--um-transition-duration) var(--um-transition-easing);&:hover{scale:1.1}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&[aria-selected=true]{outline:2px solid var(--um-foreground);outline-offset:2px}}}.color-slider{display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.color-slider-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);font-weight:500}.color-slider-input{width:100%;height:1rem;appearance:none;border-radius:9999px;outline:none;cursor:pointer;.color-slider[data-channel=hue] &{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-slider[data-channel=alpha] &{background:linear-gradient(to right,transparent,var(--um-foreground)),repeating-conic-gradient(var(--um-default-200) 0% 25%,transparent 0% 50%) 0 0 / 8px 8px}.color-slider:not([data-channel=hue]):not([data-channel=alpha]) &{background:color-mix(in oklch,var(--um-default-300) 50%,transparent)}&::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;border-radius:9999px;background-color:var(--um-background);border:2px solid var(--um-foreground);box-shadow:var(--um-shadow-small);cursor:pointer;transition:scale var(--um-transition-duration) var(--um-transition-easing)}&::-moz-range-thumb{appearance:none;width:1rem;height:1rem;border-radius:9999px;background-color:var(--um-background);border:2px solid var(--um-foreground);box-shadow:var(--um-shadow-small);cursor:pointer}&:focus-visible::-webkit-slider-thumb{outline:2px solid var(--um-focus);outline-offset:2px}&:focus-visible::-moz-range-thumb{outline:2px solid var(--um-focus);outline-offset:2px}}.color-area{position:relative;width:12rem;height:12rem;border-radius:var(--um-radius-large);overflow:hidden;cursor:crosshair;touch-action:none;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none;cursor:default}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}}.color-area-gradient{position:absolute;inset:0;background:linear-gradient(to top,black,transparent),linear-gradient(to right,white,transparent)}.color-field{display:flex;flex-direction:column;gap:.25rem}.color-field-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);font-weight:500}.color-field-input{padding:.375rem .5rem;font-size:var(--um-font-size-small);font-family:inherit;font-variant-numeric:tabular-nums;background-color:var(--um-default-100);color:var(--um-foreground);border:none;border-radius:var(--um-radius-small);outline:none;width:6rem;&:focus{background-color:var(--um-default-200)}&:disabled{opacity:var(--um-opacity-disabled);cursor:not-allowed}}}@layer components{.date-input-wrapper{display:flex;flex-direction:column;gap:.25rem;width:100%}.date-input-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500}.date-input-field{display:inline-flex;align-items:center;gap:.125rem;padding:.375rem .75rem;background-color:var(--um-default-100);border-radius:var(--um-radius-medium);font-size:var(--um-font-size-medium);font-variant-numeric:tabular-nums;transition:background-color .2s;&:focus-within{background-color:var(--um-default-200)}}.date-input-wrapper[data-invalid=true] .date-input-field{box-shadow:inset 0 0 0 2px var(--um-danger)}.date-input-native{width:100%;min-width:0;border:none;outline:none;background:transparent;color:var(--um-foreground);font:inherit;font-variant-numeric:tabular-nums;&::-webkit-calendar-picker-indicator{opacity:.7}}.date-input-segment{padding:.0625rem .125rem;border-radius:var(--um-radius-small);outline:none;color:var(--um-foreground);&:focus{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-placeholder]{color:var(--um-default-400)}}.date-input-separator{color:var(--um-default-400)}.date-input-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.date-input-error{font-size:var(--um-font-size-tiny);color:var(--um-danger)}}@layer components{.date-picker-wrapper{--date-picker-color: var(--um-default);--date-picker-foreground: var(--um-default-foreground);display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-color=default]{--date-picker-color: var(--um-default);--date-picker-foreground: var(--um-default-foreground)}&[data-color=primary]{--date-picker-color: var(--um-primary);--date-picker-foreground: var(--um-primary-foreground)}&[data-color=secondary]{--date-picker-color: var(--um-secondary);--date-picker-foreground: var(--um-secondary-foreground)}&[data-color=success]{--date-picker-color: var(--um-success);--date-picker-foreground: var(--um-success-foreground)}&[data-color=warning]{--date-picker-color: var(--um-warning);--date-picker-foreground: var(--um-warning-foreground)}&[data-color=danger]{--date-picker-color: var(--um-danger);--date-picker-foreground: var(--um-danger-foreground)}&[data-label-placement=outside-left]{flex-direction:row;align-items:center;gap:.5rem}&[data-full-width=true]{width:100%}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.date-picker-wrapper[data-disable-animation=true] .date-picker-field-wrapper,.date-picker-wrapper[data-disable-animation=true] .date-picker-selector-button,.date-picker-wrapper[data-disable-animation=true] .date-picker-selector-icon,.date-picker-wrapper[data-disable-animation=true] .date-picker-popover{transition:none;animation:none}.date-picker-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.date-picker-wrapper[data-required=true] .date-picker-label:after{content:" *";color:var(--um-danger)}.date-picker-wrapper:has(:user-invalid) .date-picker-label,.date-picker-wrapper:has([aria-invalid=true]) .date-picker-label,.date-picker-wrapper[data-invalid=true] .date-picker-label{color:var(--um-danger)}.date-picker-field-wrapper{display:flex;align-items:center;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s;.date-picker-wrapper[data-size=sm] &{min-height:2rem;padding:.25rem .5rem;font-size:var(--um-font-size-small)}.date-picker-wrapper[data-size=md] &,.date-picker-wrapper:not([data-size]) &{min-height:2.5rem;padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.date-picker-wrapper[data-size=lg] &{min-height:3rem;padding:.5rem 1rem;font-size:var(--um-font-size-large)}.date-picker-wrapper[data-radius=none] &{border-radius:0}.date-picker-wrapper[data-radius=sm] &{border-radius:var(--um-radius-small)}.date-picker-wrapper[data-radius=md] &,.date-picker-wrapper:not([data-radius]) &{border-radius:var(--um-radius-medium)}.date-picker-wrapper[data-radius=lg] &{border-radius:var(--um-radius-large)}.date-picker-wrapper[data-radius=full] &{border-radius:9999px}.date-picker-wrapper[data-variant=flat] &,.date-picker-wrapper:not([data-variant]) &{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-100)}}.date-picker-wrapper[data-variant=bordered] &{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--date-picker-color)}}.date-picker-wrapper[data-variant=faded] &{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--date-picker-color)}}.date-picker-wrapper[data-variant=underlined] &{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;background-color:transparent;&:hover{border-bottom-color:var(--um-default-400)}&:focus-within{border-bottom-color:var(--date-picker-color)}}}.date-picker-wrapper:not([data-variant]) .date-picker-field-wrapper:has(:user-invalid),.date-picker-wrapper:not([data-variant]) .date-picker-field-wrapper:has([aria-invalid=true]),.date-picker-wrapper[data-variant=flat] .date-picker-field-wrapper:has(:user-invalid),.date-picker-wrapper[data-variant=flat] .date-picker-field-wrapper:has([aria-invalid=true]),.date-picker-wrapper[data-invalid=true]:not([data-variant]) .date-picker-field-wrapper,.date-picker-wrapper[data-invalid=true][data-variant=flat] .date-picker-field-wrapper{box-shadow:inset 0 0 0 2px var(--um-danger)}.date-picker-wrapper[data-variant=bordered] .date-picker-field-wrapper:has(:user-invalid),.date-picker-wrapper[data-variant=bordered] .date-picker-field-wrapper:has([aria-invalid=true]),.date-picker-wrapper[data-invalid=true][data-variant=bordered] .date-picker-field-wrapper,.date-picker-wrapper[data-variant=faded] .date-picker-field-wrapper:has(:user-invalid),.date-picker-wrapper[data-variant=faded] .date-picker-field-wrapper:has([aria-invalid=true]),.date-picker-wrapper[data-invalid=true][data-variant=faded] .date-picker-field-wrapper{border-color:var(--um-danger)}.date-picker-wrapper[data-variant=underlined] .date-picker-field-wrapper:has(:user-invalid),.date-picker-wrapper[data-variant=underlined] .date-picker-field-wrapper:has([aria-invalid=true]),.date-picker-wrapper[data-invalid=true][data-variant=underlined] .date-picker-field-wrapper{border-bottom-color:var(--um-danger)}.date-picker-wrapper[data-label-placement=inside] .date-picker-field-wrapper{flex-direction:column;align-items:flex-start;gap:0}.date-picker-wrapper[data-label-placement=inside][data-size=sm] .date-picker-field-wrapper{min-height:3rem;padding-block:.375rem}.date-picker-wrapper[data-label-placement=inside]:not([data-size]) .date-picker-field-wrapper,.date-picker-wrapper[data-label-placement=inside][data-size=md] .date-picker-field-wrapper{min-height:3.5rem;padding-block:.5rem}.date-picker-wrapper[data-label-placement=inside][data-size=lg] .date-picker-field-wrapper{min-height:4rem;padding-block:.625rem}.date-picker-wrapper[data-label-placement=inside] .date-picker-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:text}.date-picker-field{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.date-picker-input{flex:1;width:100%;min-width:0;border:none;outline:none;background:transparent;color:var(--um-foreground);font:inherit;font-variant-numeric:tabular-nums;.date-picker-wrapper[data-size=sm] &{font-size:var(--um-font-size-tiny)}.date-picker-wrapper:not([data-size]) &,.date-picker-wrapper[data-size=md] &{font-size:var(--um-font-size-small)}.date-picker-wrapper[data-size=lg] &{font-size:var(--um-font-size-medium)}}.date-picker-wrapper[data-label-placement=inside] .date-picker-field{flex:1;align-items:flex-end}.date-picker-field>[data-slot=clearButton]{display:none;flex-shrink:0}.date-picker-wrapper[data-has-value=true] .date-picker-field>[data-slot=clearButton]{display:flex}.date-picker-selector-button{appearance:none;border:none;background:transparent;cursor:pointer;color:var(--um-default-400);padding:.125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--um-radius-small);transition:color var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing);&:hover{color:var(--um-foreground);background-color:var(--um-default-100)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&:disabled{cursor:default;color:var(--um-default-300);background-color:transparent}}.date-picker-selector-icon{width:1.125rem;height:1.125rem;transition:transform var(--um-transition-duration) var(--um-transition-easing)}.date-picker-wrapper[data-open=true] .date-picker-selector-icon{transform:rotate(180deg)}.date-picker-popover{border:none;padding:0;background:transparent;inset:unset;margin:0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;width:min(20rem,anchor-size(inline));min-width:18rem}.date-picker-popover:popover-open{animation:var(--um-animation-appearance-in)}.date-picker-calendar{background-color:var(--um-content1);color:var(--um-foreground);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);overflow:hidden}.date-picker-calendar-content{padding:.75rem}.date-picker-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.date-picker-calendar-title{font-size:var(--um-font-size-medium);font-weight:600;text-transform:capitalize}.date-picker-calendar-nav{display:flex;align-items:center;gap:.25rem}.date-picker-calendar-nav-button{appearance:none;border:none;background:transparent;color:var(--um-default-600);border-radius:var(--um-radius-small);width:2rem;height:2rem;cursor:pointer;transition:background-color var(--um-transition-duration) var(--um-transition-easing),color var(--um-transition-duration) var(--um-transition-easing);&:hover{background-color:var(--um-default-100);color:var(--um-foreground)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&:disabled{opacity:var(--um-opacity-disabled);cursor:default}}.date-picker-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.125rem}.date-picker-calendar-weekday{display:flex;align-items:center;justify-content:center;min-height:2rem;font-size:var(--um-font-size-tiny);font-weight:600;color:var(--um-default-500);text-transform:uppercase}.date-picker-calendar-day{appearance:none;border:none;background:transparent;color:var(--um-foreground);border-radius:var(--um-radius-medium);min-height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--um-font-size-small);cursor:pointer;transition:background-color var(--um-transition-duration) var(--um-transition-easing),color var(--um-transition-duration) var(--um-transition-easing);&:hover{background-color:var(--um-default-100)}&[data-selected=true]{background-color:var(--date-picker-color);color:var(--date-picker-foreground);font-weight:600}&[data-today=true]:not([data-selected=true]){color:var(--date-picker-color);font-weight:600}&[data-outside=true]{color:var(--um-default-400)}&[data-disabled=true]{color:var(--um-default-300);cursor:default}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}}}@layer components{.drawer{--drawer-size: 24rem;position:fixed;margin:0;border:none;background-color:var(--um-content1);color:var(--um-foreground);box-shadow:var(--um-shadow-large);overflow-y:auto;max-height:100dvh;max-width:100dvw;&[data-size=sm]{--drawer-size: 16rem}&:not([data-size]),&[data-size=md]{--drawer-size: 24rem}&[data-size=lg]{--drawer-size: 32rem}&[data-size=xl]{--drawer-size: 40rem}&[data-size=full]{--drawer-size: 100%}&:not([data-placement]),&[data-placement=right]{top:0;right:0;bottom:0;width:var(--drawer-size);height:100dvh;translate:100% 0;&[open]{translate:0 0}}&[data-placement=left]{top:0;left:0;bottom:0;width:var(--drawer-size);height:100dvh;translate:-100% 0;&[open]{translate:0 0}}&[data-placement=top]{top:0;left:0;right:0;height:var(--drawer-size);width:100dvw;translate:0 -100%;&[open]{translate:0 0}}&[data-placement=bottom]{bottom:0;left:0;right:0;height:var(--drawer-size);width:100dvw;translate:0 100%;&[open]{translate:0 0}}transition:translate var(--um-transition-duration) var(--um-transition-easing),display var(--um-transition-duration) var(--um-transition-easing) allow-discrete,overlay var(--um-transition-duration) var(--um-transition-easing) allow-discrete;&::backdrop{background-color:color-mix(in oklch,var(--um-overlay) 50%,transparent);opacity:0;transition:opacity var(--um-transition-duration),display var(--um-transition-duration) allow-discrete,overlay var(--um-transition-duration) allow-discrete}&[open]::backdrop{opacity:1}@starting-style{&[open]{&:not([data-placement]),&[data-placement=right]{translate:100% 0}&[data-placement=left]{translate:-100% 0}&[data-placement=top]{translate:0 -100%}&[data-placement=bottom]{translate:0 100%}}&[open]::backdrop{opacity:0}}&[data-disable-animation]{transition:none;&::backdrop{transition:none}}@media(prefers-reduced-motion:reduce){transition:none;&::backdrop{transition:none}}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.drawer-body{padding:1rem;flex:1;overflow-y:auto}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem}.drawer-close{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:var(--um-radius-full);color:var(--um-default-500);cursor:pointer;&:hover{background-color:var(--um-default-100);color:var(--um-foreground)}}}@layer components{.dropdown-trigger{display:contents}.dropdown{border:none;padding:.25rem;background-color:var(--um-content1);color:var(--um-foreground);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);inset:unset;margin:0;min-width:12rem;overflow:visible;&:popover-open{animation:var(--um-animation-appearance-in)}&[data-disable-animation]{animation:none}@media(prefers-reduced-motion:reduce){animation:none}}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--um-radius-small);cursor:pointer;user-select:none;font-size:var(--um-font-size-small);color:var(--um-foreground);-webkit-tap-highlight-color:transparent;transition:background-color .1s;&:hover{background-color:var(--um-default-100)}&[data-active=true]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-danger=true]{color:var(--um-danger);&:hover{background-color:color-mix(in oklch,var(--um-danger) 15%,transparent)}}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}}.dropdown-section-title{padding:.25rem .75rem;font-size:var(--um-font-size-tiny);color:var(--um-default-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dropdown-divider{height:1px;background-color:var(--um-divider);margin:.25rem 0}}@layer components{.form{display:flex;flex-direction:column;gap:1rem;width:100%;&[data-invalid=true] .btn[type=submit]{transition:none;&:is(:active,[data-pressed=true]){scale:1}}}.form-group{display:flex;flex-direction:column;gap:.75rem;>legend{font-size:var(--um-font-size-medium);font-weight:600;color:var(--um-foreground);padding-bottom:.25rem}}}@layer components{.input-otp-wrapper{display:flex;flex-direction:column;gap:.5rem;align-items:center}.input-otp-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500}.input-otp-group{display:flex;gap:.375rem}.input-otp-segment{--otp-color: var(--um-primary);width:2.5rem;height:2.5rem;text-align:center;font-size:var(--um-font-size-large);font-variant-numeric:tabular-nums;border:var(--um-border-width-medium) solid var(--um-default);border-radius:var(--um-radius-medium);background-color:transparent;color:var(--um-foreground);outline:none;transition:border-color .2s;caret-color:var(--otp-color);&:focus{border-color:var(--otp-color)}&:user-invalid,&[aria-invalid=true]{border-color:var(--um-danger)}}.input-otp-separator{display:flex;align-items:center;color:var(--um-default-400);padding:0 .125rem}.input-otp-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.input-otp-error{font-size:var(--um-font-size-tiny);color:var(--um-danger)}}@layer components{.listbox{width:100%;padding:.25rem;outline:none}.listbox-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--um-radius-small);cursor:pointer;user-select:none;font-size:var(--um-font-size-small);color:var(--um-foreground);outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s;&:hover{background-color:var(--um-default-100)}&[data-selected=true]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-active=true]{background-color:var(--um-default-200)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}}.listbox-item-start,.listbox-item-end{display:flex;align-items:center;flex-shrink:0;width:1rem;height:1rem;>svg{width:100%;height:100%}}.listbox-item-content{flex:1}.listbox-item-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.listbox-section-title{padding:.25rem .5rem;font-size:var(--um-font-size-tiny);color:var(--um-default-500);font-weight:500}.listbox-divider{height:1px;background-color:var(--um-divider);margin:.25rem 0}}@layer components{.menu{width:100%;padding:.25rem;outline:none}.menu-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--um-radius-small);cursor:pointer;user-select:none;font-size:var(--um-font-size-small);color:var(--um-foreground);outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s;&:hover{background-color:var(--um-default-100)}&[data-active=true]{background-color:var(--um-default-200)}&[data-selected=true]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-danger=true]{color:var(--um-danger);&:hover{background-color:color-mix(in oklch,var(--um-danger) 15%,transparent)}}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}}.menu-item-icon{flex-shrink:0}.menu-item-content{flex:1}.menu-item-shortcut{font-size:var(--um-font-size-tiny);color:var(--um-default-400)}.menu-item-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.menu-section-title{padding:.25rem .75rem;font-size:var(--um-font-size-tiny);color:var(--um-default-500);font-weight:500}.menu-divider{height:1px;background-color:var(--um-divider);margin:.25rem 0}}@layer components{.navbar{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;padding-inline:1rem;background-color:var(--um-background);z-index:40;&[data-position=sticky]{position:sticky;top:0}&[data-bordered]{border-bottom:var(--um-border-width-small) solid var(--um-divider)}&[data-blurred]{background-color:color-mix(in oklch,var(--um-background) 80%,transparent);backdrop-filter:blur(12px) saturate(1.8)}&[data-hide-on-scroll=true]{transition:translate var(--um-transition-duration) var(--um-transition-easing);&[data-hidden=true]{translate:0 -100%}}&[data-disable-animation=true]{transition:none}}.navbar-container{display:flex;align-items:center;width:100%;gap:1rem;.navbar[data-max-width=sm] &{max-width:640px}.navbar[data-max-width=md] &{max-width:768px}.navbar:not([data-max-width]) &,.navbar[data-max-width=lg] &{max-width:1024px}.navbar[data-max-width=xl] &{max-width:1280px}.navbar[data-max-width="2xl"] &{max-width:1536px}.navbar[data-max-width=full] &{max-width:100%}}.navbar-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-weight:700;font-size:var(--um-font-size-large);color:var(--um-foreground)}.navbar-content{display:flex;align-items:center;gap:1rem;flex:1;&[data-justify=start]{justify-content:flex-start}&[data-justify=center]{justify-content:center}&[data-justify=end]{justify-content:flex-end}}.navbar-item{display:inline-flex;align-items:center;font-size:var(--um-font-size-medium);color:var(--um-foreground);&[data-active=true]{color:var(--um-primary);font-weight:500}}.navbar-toggle{display:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:.5rem;color:var(--um-foreground);@media(max-width:768px){display:flex;align-items:center}}.navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--um-background);border-bottom:var(--um-border-width-small) solid var(--um-divider);flex-direction:column;padding:1rem;gap:.5rem;z-index:39;&:popover-open,&[data-open=true]{display:flex}&[data-disable-animation=true]{animation:none}}}@layer components{.number-input-wrapper{--number-input-color: var(--um-default);display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-color=default]{--number-input-color: var(--um-default)}&[data-color=primary]{--number-input-color: var(--um-primary)}&[data-color=secondary]{--number-input-color: var(--um-secondary)}&[data-color=success]{--number-input-color: var(--um-success)}&[data-color=warning]{--number-input-color: var(--um-warning)}&[data-color=danger]{--number-input-color: var(--um-danger)}&[data-label-placement=outside-left]{flex-direction:row;align-items:center;gap:.5rem}&[data-full-width=true]{width:100%}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.number-input-wrapper[data-disable-animation=true] .number-input-field-wrapper,.number-input-wrapper[data-disable-animation=true] .number-input-stepper,.number-input-wrapper[data-disable-animation=true] .number-input-stepper-wrapper{transition:none}.number-input-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.number-input-wrapper[data-required=true] .number-input-label:after{content:" *";color:var(--um-danger)}.number-input-wrapper:has(:user-invalid) .number-input-label,.number-input-wrapper:has([aria-invalid=true]) .number-input-label,.number-input-wrapper[data-invalid=true] .number-input-label{color:var(--um-danger)}.number-input-field-wrapper{display:flex;align-items:center;width:100%;transition:border-color .2s,background-color .2s,box-shadow .2s;.number-input-wrapper[data-size=sm] &{min-height:2rem;padding:.25rem .5rem;font-size:var(--um-font-size-small)}.number-input-wrapper[data-size=md] &,.number-input-wrapper:not([data-size]) &{min-height:2.5rem;padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.number-input-wrapper[data-size=lg] &{min-height:3rem;padding:.5rem 1rem;font-size:var(--um-font-size-large)}.number-input-wrapper[data-radius=none] &{border-radius:0}.number-input-wrapper[data-radius=sm] &{border-radius:var(--um-radius-small)}.number-input-wrapper[data-radius=md] &,.number-input-wrapper:not([data-radius]) &{border-radius:var(--um-radius-medium)}.number-input-wrapper[data-radius=lg] &{border-radius:var(--um-radius-large)}.number-input-wrapper[data-radius=full] &{border-radius:9999px}.number-input-wrapper:not([data-variant]) &,.number-input-wrapper[data-variant=flat] &{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-100)}}.number-input-wrapper[data-variant=bordered] &{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--number-input-color)}}.number-input-wrapper[data-variant=faded] &{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--number-input-color)}}.number-input-wrapper[data-variant=underlined] &{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;background-color:transparent;&:hover{border-bottom-color:var(--um-default-400)}&:focus-within{border-bottom-color:var(--number-input-color)}}}.number-input-wrapper:not([data-variant]) .number-input-field-wrapper:has(:user-invalid),.number-input-wrapper:not([data-variant]) .number-input-field-wrapper:has([aria-invalid=true]),.number-input-wrapper[data-variant=flat] .number-input-field-wrapper:has(:user-invalid),.number-input-wrapper[data-variant=flat] .number-input-field-wrapper:has([aria-invalid=true]),.number-input-wrapper[data-invalid=true]:not([data-variant]) .number-input-field-wrapper,.number-input-wrapper[data-invalid=true][data-variant=flat] .number-input-field-wrapper{box-shadow:inset 0 0 0 2px var(--um-danger)}.number-input-wrapper[data-variant=bordered] .number-input-field-wrapper:has(:user-invalid),.number-input-wrapper[data-variant=bordered] .number-input-field-wrapper:has([aria-invalid=true]),.number-input-wrapper[data-invalid=true][data-variant=bordered] .number-input-field-wrapper,.number-input-wrapper[data-variant=faded] .number-input-field-wrapper:has(:user-invalid),.number-input-wrapper[data-variant=faded] .number-input-field-wrapper:has([aria-invalid=true]),.number-input-wrapper[data-invalid=true][data-variant=faded] .number-input-field-wrapper{border-color:var(--um-danger)}.number-input-wrapper[data-variant=underlined] .number-input-field-wrapper:has(:user-invalid),.number-input-wrapper[data-variant=underlined] .number-input-field-wrapper:has([aria-invalid=true]),.number-input-wrapper[data-invalid=true][data-variant=underlined] .number-input-field-wrapper{border-bottom-color:var(--um-danger)}.number-input-wrapper[data-label-placement=inside] .number-input-field-wrapper{flex-direction:column;align-items:flex-start;gap:0}.number-input-wrapper[data-label-placement=inside][data-size=sm] .number-input-field-wrapper{min-height:3rem;padding-block:.375rem}.number-input-wrapper[data-label-placement=inside]:not([data-size]) .number-input-field-wrapper,.number-input-wrapper[data-label-placement=inside][data-size=md] .number-input-field-wrapper{min-height:3.5rem;padding-block:.5rem}.number-input-wrapper[data-label-placement=inside][data-size=lg] .number-input-field-wrapper{min-height:4rem;padding-block:.625rem}.number-input-wrapper[data-label-placement=inside] .number-input-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:text}.number-input-inner-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.number-input-wrapper[data-label-placement=inside] .number-input-inner-wrapper{flex:1;align-items:flex-end}.number-input{flex:1;width:100%;min-width:0;background:transparent;border:none;outline:none;color:var(--um-foreground);font:inherit;font-variant-numeric:tabular-nums;text-align:start;&::placeholder{color:var(--um-default-500)}}.number-input-inner-wrapper>[data-slot=clearButton]{display:none}.number-input:not(:placeholder-shown)~[data-slot=clearButton]{display:flex}.number-input-stepper-wrapper{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;margin-inline-start:.125rem;border-inline-start:1px solid color-mix(in oklch,var(--um-default-300) 60%,transparent);padding-inline-start:.375rem}.number-input-wrapper[data-variant=underlined] .number-input-stepper-wrapper{border-inline-start:none;padding-inline-start:0}.number-input-stepper{appearance:none;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;color:var(--um-default-500);inline-size:1.25rem;block-size:1rem;line-height:1;padding:0;border-radius:var(--um-radius-small);transition:color var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing);&:hover{color:var(--um-foreground);background-color:var(--um-default-100)}&:active{opacity:.7}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:1px}&:disabled{opacity:var(--um-opacity-disabled);cursor:default;background-color:transparent}}.number-input-stepper-icon{width:.75rem;height:.75rem}}@layer components{.pagination{--pagination-color: var(--um-primary);--pagination-fg: var(--um-primary-foreground);display:inline-flex;align-items:center;gap:.25rem;position:relative;&[data-color=default]{--pagination-color: var(--um-default);--pagination-fg: var(--um-default-foreground)}&[data-color=primary]{--pagination-color: var(--um-primary);--pagination-fg: var(--um-primary-foreground)}&[data-color=secondary]{--pagination-color: var(--um-secondary);--pagination-fg: var(--um-secondary-foreground)}&[data-color=success]{--pagination-color: var(--um-success);--pagination-fg: var(--um-success-foreground)}&[data-color=warning]{--pagination-color: var(--um-warning);--pagination-fg: var(--um-warning-foreground)}&[data-color=danger]{--pagination-color: var(--um-danger);--pagination-fg: var(--um-danger-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.pagination[data-compact]{gap:0;.pagination-item,.pagination-prev,.pagination-next{border-radius:0;box-shadow:none}.pagination-prev{border-radius:var(--um-radius-medium) 0 0 var(--um-radius-medium)}.pagination-next{border-radius:0 var(--um-radius-medium) var(--um-radius-medium) 0}&[data-radius=none] .pagination-prev,&[data-radius=none] .pagination-next{border-radius:0}&[data-radius=full] .pagination-prev{border-radius:9999px 0 0 9999px}&[data-radius=full] .pagination-next{border-radius:0 9999px 9999px 0}}.pagination:not([data-variant]),.pagination[data-variant=flat]{.pagination-item,.pagination-prev,.pagination-next{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}}}.pagination[data-variant=bordered]{.pagination-item,.pagination-prev,.pagination-next{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent}}.pagination[data-variant=faded]{.pagination-item,.pagination-prev,.pagination-next{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-50);&:hover{background-color:var(--um-default-100)}}}.pagination-item{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--um-transition-duration) var(--um-transition-easing);.pagination[data-size=sm] &{width:2rem;height:2rem;font-size:var(--um-font-size-tiny)}.pagination:not([data-size]) &,.pagination[data-size=md] &{width:2.25rem;height:2.25rem;font-size:var(--um-font-size-small)}.pagination[data-size=lg] &{width:2.5rem;height:2.5rem;font-size:var(--um-font-size-medium)}.pagination:not([data-radius]) &,.pagination[data-radius=md] &{border-radius:var(--um-radius-medium)}.pagination[data-radius=none] &{border-radius:0}.pagination[data-radius=sm] &{border-radius:var(--um-radius-small)}.pagination[data-radius=lg] &{border-radius:var(--um-radius-large)}.pagination[data-radius=full] &{border-radius:9999px}&:hover{background-color:var(--um-default-100)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&[aria-current=page]{background-color:var(--pagination-color);color:var(--pagination-fg);font-weight:500;.pagination[data-variant=flat] &{background-color:color-mix(in oklch,var(--pagination-color) 20%,transparent);color:var(--pagination-color)}.pagination[data-variant=bordered] &{background-color:transparent;border:var(--um-border-width-medium) solid var(--pagination-color);color:var(--pagination-color)}.pagination[data-variant=light] &{background-color:transparent;color:var(--pagination-color)}.pagination[data-variant=faded] &{background-color:var(--um-default-100);border:var(--um-border-width-medium) solid var(--um-default);color:var(--pagination-color)}}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--um-default-400);user-select:none;.pagination[data-size=sm] &{width:2rem}.pagination:not([data-size]) &,.pagination[data-size=md] &{width:2.25rem}.pagination[data-size=lg] &{width:2.5rem}}.pagination-prev,.pagination-next{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;.pagination[data-size=sm] &{width:2rem;height:2rem}.pagination:not([data-size]) &,.pagination[data-size=md] &{width:2.25rem;height:2.25rem}.pagination[data-size=lg] &{width:2.5rem;height:2.5rem}.pagination:not([data-radius]) &,.pagination[data-radius=md] &{border-radius:var(--um-radius-medium)}.pagination[data-radius=none] &{border-radius:0}.pagination[data-radius=sm] &{border-radius:var(--um-radius-small)}.pagination[data-radius=lg] &{border-radius:var(--um-radius-large)}.pagination[data-radius=full] &{border-radius:9999px}&:hover{background-color:var(--um-default-100)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}}@layer components{.popover-trigger{display:contents}.popover{border:none;padding:.75rem;background-color:var(--um-content1);color:var(--um-foreground);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);inset:unset;margin:0;overflow:visible;position-area:block-end center;&[data-placement=top]{position-area:block-start center}&[data-placement=bottom]{position-area:block-end center}&[data-placement=left]{position-area:inline-start center}&[data-placement=right]{position-area:inline-end center}&:popover-open{animation:var(--um-animation-appearance-in)}&[data-disable-animation]{animation:none}@media(prefers-reduced-motion:reduce){animation:none}}.popover-arrow{position:absolute;width:.75rem;height:.75rem;background-color:var(--um-content1);rotate:45deg;box-shadow:var(--um-shadow-small);z-index:-1}}@layer components{.progress{--progress-color: var(--um-primary);display:flex;flex-direction:column;gap:.5rem;width:100%;&[data-color=default]{--progress-color: var(--um-default-400)}&[data-color=primary]{--progress-color: var(--um-primary)}&[data-color=secondary]{--progress-color: var(--um-secondary)}&[data-color=success]{--progress-color: var(--um-success)}&[data-color=warning]{--progress-color: var(--um-warning)}&[data-color=danger]{--progress-color: var(--um-danger)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:not-allowed}}.progress-label-wrapper{display:flex;justify-content:space-between}.progress-label,.progress-value{.progress[data-size=sm] &{font-size:var(--um-font-size-small)}.progress:not([data-size]) &,.progress[data-size=md] &{font-size:var(--um-font-size-medium)}.progress[data-size=lg] &{font-size:var(--um-font-size-large)}}.progress-track{position:relative;z-index:0;overflow:hidden;background-color:color-mix(in oklch,var(--um-default-300) 50%,transparent);.progress[data-size=sm] &{height:.25rem}.progress:not([data-size]) &,.progress[data-size=md] &{height:.75rem}.progress[data-size=lg] &{height:1.25rem}.progress:not([data-radius]) &,.progress[data-radius=full] &{border-radius:9999px}.progress[data-radius=none] &{border-radius:0}.progress[data-radius=sm] &{border-radius:var(--um-radius-small)}.progress[data-radius=md] &{border-radius:var(--um-radius-medium)}.progress[data-radius=lg] &{border-radius:var(--um-radius-large)}}.progress-indicator{width:var(--progress-value, 0%);height:100%;background-color:var(--progress-color);transition:width .5s;.progress:not([data-radius]) &,.progress[data-radius=full] &{border-radius:9999px}.progress[data-radius=none] &{border-radius:0}.progress[data-radius=sm] &{border-radius:var(--um-radius-small)}.progress[data-radius=md] &{border-radius:var(--um-radius-medium)}.progress[data-radius=lg] &{border-radius:var(--um-radius-large)}.progress[data-striped] &{background-size:1.25rem 1.25rem;background-image:linear-gradient(45deg,color-mix(in oklch,var(--progress-color) 60%,transparent) 25%,var(--progress-color) 25%,var(--progress-color) 50%,color-mix(in oklch,var(--progress-color) 60%,transparent) 50%,color-mix(in oklch,var(--progress-color) 60%,transparent) 75%,var(--progress-color) 75%)}.progress[data-indeterminate] &{position:absolute;width:100%;transform-origin:left;animation:var(--um-animation-indeterminate-bar)}.progress[data-disable-animation] &{transition:none}@media(prefers-reduced-motion:reduce){transition:none}}}@layer components{.progress-circle{--progress-circle-color: var(--um-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;&[data-color=default]{--progress-circle-color: var(--um-default-400)}&[data-color=primary]{--progress-circle-color: var(--um-primary)}&[data-color=secondary]{--progress-circle-color: var(--um-secondary)}&[data-color=success]{--progress-circle-color: var(--um-success)}&[data-color=warning]{--progress-circle-color: var(--um-warning)}&[data-color=danger]{--progress-circle-color: var(--um-danger)}&[data-size=sm]{width:2rem;height:2rem}&:not([data-size]),&[data-size=md]{width:3rem;height:3rem}&[data-size=lg]{width:4rem;height:4rem}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:not-allowed}}.progress-circle-track{width:100%;height:100%}.progress-circle-bg{stroke:color-mix(in oklch,var(--um-default-300) 50%,transparent)}.progress-circle-fill{stroke:var(--progress-circle-color);transition:stroke-dashoffset var(--um-transition-duration);.progress-circle[data-indeterminate] &{stroke-dasharray:50.265 50.265;stroke-dashoffset:25;animation:progress-circle-spin 1.4s linear infinite}.progress-circle[data-disable-animation] &{transition:none;animation:none}@media(prefers-reduced-motion:reduce){transition:none;animation:none}}.progress-circle-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;.progress-circle[data-size=sm] &{font-size:var(--um-font-size-tiny)}.progress-circle:not([data-size]) &,.progress-circle[data-size=md] &{font-size:var(--um-font-size-small)}.progress-circle[data-size=lg] &{font-size:var(--um-font-size-medium)}}}@keyframes progress-circle-spin{to{rotate:360deg}}@layer components{.radio-group{display:flex;flex-direction:column;gap:.5rem;&[data-orientation=horizontal]{flex-direction:row;gap:1rem}}.radio{--radio-color: var(--um-primary);--radio-size: 1.25rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;&[data-color=default]{--radio-color: var(--um-default)}&[data-color=primary]{--radio-color: var(--um-primary)}&[data-color=secondary]{--radio-color: var(--um-secondary)}&[data-color=success]{--radio-color: var(--um-success)}&[data-color=warning]{--radio-color: var(--um-warning)}&[data-color=danger]{--radio-color: var(--um-danger)}&[data-size=sm]{--radio-size: 1rem;font-size:var(--um-font-size-small)}&:not([data-size]),&[data-size=md]{--radio-size: 1.25rem;font-size:var(--um-font-size-medium)}&[data-size=lg]{--radio-size: 1.5rem;font-size:var(--um-font-size-large)}&:has(input:disabled){opacity:var(--um-opacity-disabled);pointer-events:none}}.radio-input{appearance:none;width:var(--radio-size);height:var(--radio-size);border:2px solid var(--um-default);border-radius:9999px;cursor:pointer;transition:border-color .2s;flex-shrink:0;position:relative;&:after{content:"";position:absolute;inset:3px;border-radius:9999px;background-color:var(--radio-color);scale:0;transition:scale .2s}&:checked{border-color:var(--radio-color);&:after{scale:1}}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&:user-invalid,&[aria-invalid=true]{border-color:var(--um-danger)}}.radio-label-wrapper{display:flex;flex-direction:column}.radio-label{color:var(--um-foreground);line-height:1.5}.radio-description{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}}@layer components{.rich-editor-wrapper{display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.rich-editor-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.rich-editor-wrapper[data-required=true] .rich-editor-label:after{content:" *";color:var(--um-danger)}.rich-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.375rem .5rem;background-color:var(--um-default-100);border:var(--um-border-width-small) solid var(--um-default-200);border-bottom:none;border-radius:var(--um-radius-medium) var(--um-radius-medium) 0 0}.rich-editor-toolbar-button{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:var(--um-radius-small);background:transparent;color:var(--um-default-600);cursor:pointer;transition:background-color var(--um-transition-duration) var(--um-transition-easing),color var(--um-transition-duration) var(--um-transition-easing);& svg{width:1rem;height:1rem}&:hover{background-color:var(--um-default-200);color:var(--um-foreground)}&[data-active=true]{background-color:var(--um-default-300);color:var(--um-foreground)}&:disabled{opacity:.4;cursor:not-allowed}}.rich-editor-toolbar-separator{width:1px;height:1.5rem;margin-inline:.25rem;background-color:var(--um-default-200)}.rich-editor-content{border:var(--um-border-width-small) solid var(--um-default-200);border-radius:0 0 var(--um-radius-medium) var(--um-radius-medium);background-color:var(--um-content1);transition:border-color var(--um-transition-duration) var(--um-transition-easing),box-shadow var(--um-transition-duration) var(--um-transition-easing);&:focus-within{border-color:var(--um-primary);box-shadow:0 0 0 1px var(--um-primary)}}.rich-editor-wrapper[data-invalid=true] .rich-editor-content{border-color:var(--um-danger);&:focus-within{box-shadow:0 0 0 1px var(--um-danger)}}.rich-editor-content .tiptap{padding:.75rem 1rem;min-height:12rem;outline:none;color:var(--um-foreground);font-size:var(--um-font-size-medium);line-height:1.625;>*+*{margin-top:.5em}& h1{font-size:1.5em;font-weight:700;line-height:1.3}& h2{font-size:1.25em;font-weight:600;line-height:1.35}& h3{font-size:1.125em;font-weight:600;line-height:1.4}& ul{list-style:disc;padding-left:1.5em}& ol{list-style:decimal;padding-left:1.5em}& li>p{margin:0}& blockquote{border-left:3px solid var(--um-default-300);padding-left:1em;color:var(--um-default-600);font-style:italic}& code{background-color:var(--um-default-100);border-radius:var(--um-radius-small);padding:.125em .375em;font-family:var(--um-font-mono);font-size:.9em}& pre{background-color:var(--um-default-100);border-radius:var(--um-radius-small);padding:.75em 1em;overflow-x:auto;& code{background:none;padding:0;border-radius:0;font-size:.875em}}& a{color:var(--um-primary);text-decoration:underline;cursor:pointer}& hr{border:none;border-top:var(--um-border-width-small) solid var(--um-default-200);margin:1em 0}& p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--um-default-500);float:left;height:0;pointer-events:none}}.rich-editor-link-dialog{border:var(--um-border-width-small) solid var(--um-default-200);border-radius:var(--um-radius-large);padding:0;background-color:var(--um-content1);color:var(--um-foreground);box-shadow:var(--um-shadow-large);max-width:28rem;width:100%;&::backdrop{background-color:color-mix(in oklch,var(--um-overlay) 40%,transparent)}}.rich-editor-link-dialog-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.rich-editor-link-dialog-title{font-size:var(--um-font-size-large);font-weight:600;margin:0}.rich-editor-link-input{width:100%;padding:.5rem .75rem;border:var(--um-border-width-medium) solid var(--um-default-200);border-radius:var(--um-radius-medium);background-color:transparent;color:var(--um-foreground);font:inherit;outline:none;&:focus{border-color:var(--um-primary)}&::placeholder{color:var(--um-default-500)}}.rich-editor-link-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}}@layer components{.scroll-shadow{--scroll-shadow-size: 2.5rem;position:relative;overflow:auto;&[data-size=sm]{--scroll-shadow-size: 1.25rem}&:not([data-size]),&[data-size=md]{--scroll-shadow-size: 2.5rem}&[data-size=lg]{--scroll-shadow-size: 5rem}&[data-orientation=horizontal],&:not([data-orientation]){&[data-scroll=start]{mask-image:linear-gradient(to right,transparent,black var(--scroll-shadow-size))}&[data-scroll=end]{mask-image:linear-gradient(to left,transparent,black var(--scroll-shadow-size))}&[data-scroll=both]{mask-image:linear-gradient(to right,transparent,black var(--scroll-shadow-size),black calc(100% - var(--scroll-shadow-size)),transparent)}}&[data-orientation=vertical]{&[data-scroll=start]{mask-image:linear-gradient(to bottom,transparent,black var(--scroll-shadow-size))}&[data-scroll=end]{mask-image:linear-gradient(to top,transparent,black var(--scroll-shadow-size))}&[data-scroll=both]{mask-image:linear-gradient(to bottom,transparent,black var(--scroll-shadow-size),black calc(100% - var(--scroll-shadow-size)),transparent)}}}}@layer components{.select-wrapper{--select-color: var(--um-default-foreground);display:flex;flex-direction:column;gap:.25rem;width:100%;position:relative;&[data-color=primary]{--select-color: var(--um-primary)}&[data-color=secondary]{--select-color: var(--um-secondary)}&[data-color=success]{--select-color: var(--um-success)}&[data-color=warning]{--select-color: var(--um-warning)}&[data-color=danger]{--select-color: var(--um-danger)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-label-placement=outside-left]{flex-direction:row;align-items:center;gap:.5rem}}.select-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500}.select-wrapper[data-required=true] .select-label:after{content:" *";color:var(--um-danger)}.select-field-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;cursor:pointer;user-select:none;outline:none;transition:border-color var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing),box-shadow var(--um-transition-duration) var(--um-transition-easing);&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}}.select-wrapper[data-size=sm] .select-field-wrapper{min-height:2rem;padding:.25rem .5rem;font-size:var(--um-font-size-small)}.select-wrapper:not([data-size]) .select-field-wrapper,.select-wrapper[data-size=md] .select-field-wrapper{min-height:2.5rem;padding:.375rem .75rem;font-size:var(--um-font-size-medium)}.select-wrapper[data-size=lg] .select-field-wrapper{min-height:3rem;padding:.5rem 1rem;font-size:var(--um-font-size-large)}.select-wrapper:not([data-radius]) .select-field-wrapper,.select-wrapper[data-radius=md] .select-field-wrapper{border-radius:var(--um-radius-medium)}.select-wrapper[data-radius=none] .select-field-wrapper{border-radius:0}.select-wrapper[data-radius=sm] .select-field-wrapper{border-radius:var(--um-radius-small)}.select-wrapper[data-radius=lg] .select-field-wrapper{border-radius:var(--um-radius-large)}.select-wrapper[data-radius=full] .select-field-wrapper{border-radius:9999px}.select-wrapper:not([data-variant]) .select-field-wrapper,.select-wrapper[data-variant=flat] .select-field-wrapper{background-color:var(--um-default-100);&:hover{background-color:var(--um-default-200)}&:focus-within{background-color:var(--um-default-200)}}.select-wrapper[data-variant=bordered] .select-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:transparent;&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--select-color)}}.select-wrapper[data-variant=faded] .select-field-wrapper{border:var(--um-border-width-medium) solid var(--um-default-200);background-color:var(--um-default-100);&:hover{border-color:var(--um-default-400)}&:focus-within{border-color:var(--um-default-400)}}.select-wrapper[data-variant=faded]:is([data-color=primary],[data-color=secondary],[data-color=success],[data-color=warning],[data-color=danger]) .select-field-wrapper{&:hover,&:focus-within{border-color:var(--select-color)}}.select-wrapper[data-variant=underlined] .select-field-wrapper{border-radius:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);padding-inline:0;position:relative;&:hover{border-bottom-color:var(--um-default-300)}&:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--um-border-width-medium) * -1);height:2px;width:0;background:var(--select-color);transition:width var(--um-transition-duration) var(--um-transition-easing)}&:focus-within:after{width:100%}}.select-wrapper:is([data-variant=bordered],[data-variant=faded]) .select-field-wrapper:has([aria-invalid=true]){border-color:var(--um-danger)}.select-wrapper[data-invalid=true]:is([data-variant=bordered],[data-variant=faded]) .select-field-wrapper{border-color:var(--um-danger)}.select-wrapper[data-variant=underlined] .select-field-wrapper:has([aria-invalid=true]),.select-wrapper[data-invalid=true][data-variant=underlined] .select-field-wrapper{border-bottom-color:var(--um-danger);&:after{background:var(--um-danger)}}.select-wrapper:is(:not([data-variant]),[data-variant=flat]) .select-field-wrapper:has([aria-invalid=true]),.select-wrapper[data-invalid=true]:is(:not([data-variant]),[data-variant=flat]) .select-field-wrapper{background-color:var(--um-danger-50);&:hover{background-color:var(--um-danger-100)}&:focus-within{background-color:var(--um-danger-50)}}.select-wrapper[data-label-placement=inside] .select-field-wrapper{flex-direction:column;align-items:flex-start;gap:0}.select-wrapper[data-label-placement=inside][data-size=sm] .select-field-wrapper{min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.select-wrapper[data-label-placement=inside]:not([data-size]) .select-field-wrapper,.select-wrapper[data-label-placement=inside][data-size=md] .select-field-wrapper{min-height:3.5rem;padding-block:.5rem;padding-inline:.75rem}.select-wrapper[data-label-placement=inside][data-size=lg] .select-field-wrapper{min-height:4rem;padding-block:.625rem;padding-inline:1rem}.select-wrapper[data-label-placement=inside] .select-label{font-size:var(--um-font-size-tiny);color:var(--um-default-600);padding-bottom:0;cursor:pointer}.select-wrapper:has([aria-invalid=true]) .select-label,.select-wrapper[data-invalid=true] .select-label{color:var(--um-danger)}.select-control-row{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.select-control-row>.select-clear{display:none;align-self:center}.select-wrapper[data-has-value=true] .select-control-row>.select-clear{display:flex}.select-value{display:flex;align-items:center;flex:1;min-width:0;color:var(--um-foreground);text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&.select-placeholder{color:var(--um-default-500)}}.select-icon{flex-shrink:0;color:var(--um-default-400);transition:transform var(--um-transition-duration) var(--um-transition-easing);align-self:center}.select-wrapper:has(.select-listbox:popover-open) .select-icon{transform:rotate(180deg)}.select-listbox{border:none;padding:.25rem;background-color:var(--um-content1);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);inset:unset;margin:0;max-height:16rem;overflow-y:auto;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;width:anchor-size(inline)}.select-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--um-radius-small);cursor:pointer;user-select:none;font-size:var(--um-font-size-small);color:var(--um-foreground);transition:background-color .1s;&:hover{background-color:var(--um-default-100)}&[data-active=true]{background-color:var(--um-default-200)}&[data-selected=true]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);cursor:not-allowed}}}@layer components{.slider{--slider-color: var(--um-primary);--slider-track-height: .25rem;--slider-thumb-size: 1.25rem;display:flex;flex-direction:column;gap:.5rem;width:100%;&[data-color=default]{--slider-color: var(--um-default)}&[data-color=primary]{--slider-color: var(--um-primary)}&[data-color=secondary]{--slider-color: var(--um-secondary)}&[data-color=success]{--slider-color: var(--um-success)}&[data-color=warning]{--slider-color: var(--um-warning)}&[data-color=danger]{--slider-color: var(--um-danger)}&[data-size=sm]{--slider-track-height: .125rem;--slider-thumb-size: 1rem}&[data-size=lg]{--slider-track-height: .5rem;--slider-thumb-size: 1.5rem}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.slider-label-wrapper{display:flex;justify-content:space-between}.slider-label{font-size:var(--um-font-size-small);color:var(--um-foreground)}.slider-value{font-size:var(--um-font-size-small);color:var(--um-default-500)}.slider-input{appearance:none;width:100%;height:var(--slider-track-height);background:linear-gradient(to right,var(--slider-color) 0,var(--slider-color) var(--slider-percent, 0%),var(--um-default-200) var(--slider-percent, 0%),var(--um-default-200) 100%);border-radius:9999px;outline:none;cursor:pointer;&::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:9999px;background:var(--slider-color);border:2px solid var(--um-background);box-shadow:var(--um-shadow-small);cursor:grab;transition:scale .2s;&:active{cursor:grabbing;scale:1.1}}&::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:9999px;background:var(--slider-color);border:2px solid var(--um-background);box-shadow:var(--um-shadow-small);cursor:grab;&:active{cursor:grabbing}}&::-webkit-slider-runnable-track{height:var(--slider-track-height);border-radius:9999px}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}}}@layer components{.snippet{--snippet-color: var(--um-default);--snippet-fg: var(--um-default-700);display:inline-flex;align-items:center;justify-content:space-between;height:fit-content;gap:.5rem;&[data-color=primary]{--snippet-color: var(--um-primary);--snippet-fg: var(--um-primary-foreground)}&[data-color=secondary]{--snippet-color: var(--um-secondary);--snippet-fg: var(--um-secondary-foreground)}&[data-color=success]{--snippet-color: var(--um-success);--snippet-fg: var(--um-success-foreground)}&[data-color=warning]{--snippet-color: var(--um-warning);--snippet-fg: var(--um-warning-foreground)}&[data-color=danger]{--snippet-color: var(--um-danger);--snippet-fg: var(--um-danger-foreground)}&[data-variant=flat],&:not([data-variant]){background-color:color-mix(in oklch,var(--snippet-color) 20%,transparent);color:var(--snippet-fg);&[data-color=default]{background-color:color-mix(in oklch,var(--snippet-color) 40%,transparent)}}&[data-variant=solid]{background-color:var(--snippet-color);color:var(--snippet-fg)}&[data-variant=bordered]{border:var(--um-border-width-medium) solid var(--snippet-color);color:var(--snippet-color)}&[data-variant=shadow]{background-color:var(--snippet-color);color:var(--snippet-fg);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--snippet-color) 40%,transparent)}&[data-size=sm]{padding:.125rem .375rem;font-size:var(--um-font-size-tiny);border-radius:var(--um-radius-small)}&:not([data-size]),&[data-size=md]{padding:.375rem .75rem;font-size:var(--um-font-size-small);border-radius:var(--um-radius-medium)}&[data-size=lg]{padding:.5rem 1rem;font-size:var(--um-font-size-medium);border-radius:var(--um-radius-large)}&[data-radius=none]{border-radius:0}&[data-radius=sm]{border-radius:var(--um-radius-small)}&[data-radius=md]{border-radius:var(--um-radius-medium)}&[data-radius=lg]{border-radius:var(--um-radius-large)}&[data-full-width]{width:100%}}.snippet-pre{background-color:transparent;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;display:inline-block;white-space:nowrap}.snippet-content{display:flex;flex-direction:column}.snippet-symbol{user-select:none}.snippet-copy{position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5em;height:1.5em;font-size:var(--um-font-size-large);color:inherit;background:transparent;cursor:pointer;appearance:none;border:none;&:hover{opacity:var(--um-opacity-hover)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}}.snippet-copy-icon,.snippet-check-icon{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;color:inherit}.snippet-copy-icon{opacity:1;scale:1;transition:opacity .2s,scale .2s;.snippet-copy[data-copied=true] &{opacity:0;scale:.5}}.snippet-check-icon{opacity:0;scale:.5;transition:opacity .2s,scale .2s;.snippet-copy[data-copied=true] &{opacity:1;scale:1}}}@layer components{.switch{--switch-color: var(--um-primary);--switch-fg: var(--um-primary-foreground);--switch-width: 3rem;--switch-height: 1.75rem;--switch-thumb-size: 1.25rem;--switch-icon-size: .875rem;--switch-padding: .25rem;--switch-thumb-pressed-size: calc(var(--switch-thumb-size) + .25rem);--switch-translate-x: calc(var(--switch-width) - var(--switch-thumb-size) - (var(--switch-padding) * 2));--switch-translate-x-pressed: calc( var(--switch-width) - var(--switch-thumb-pressed-size) - (var(--switch-padding) * 2) );position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;max-width:fit-content;&[data-color=default]{--switch-color: var(--um-default);--switch-fg: var(--um-default-foreground)}&[data-color=primary]{--switch-color: var(--um-primary);--switch-fg: var(--um-primary-foreground)}&[data-color=secondary]{--switch-color: var(--um-secondary);--switch-fg: var(--um-secondary-foreground)}&[data-color=success]{--switch-color: var(--um-success);--switch-fg: var(--um-success-foreground)}&[data-color=warning]{--switch-color: var(--um-warning);--switch-fg: var(--um-warning-foreground)}&[data-color=danger]{--switch-color: var(--um-danger);--switch-fg: var(--um-danger-foreground)}&[data-size=sm]{--switch-width: 2.5rem;--switch-height: 1.5rem;--switch-thumb-size: 1rem;--switch-icon-size: .75rem;font-size:var(--um-font-size-small)}&:not([data-size]),&[data-size=md]{font-size:var(--um-font-size-medium)}&[data-size=lg]{--switch-width: 3.5rem;--switch-height: 2rem;--switch-thumb-size: 1.5rem;--switch-icon-size: 1rem;font-size:var(--um-font-size-large)}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-readonly=true]{cursor:default}&[data-disable-animation] .switch-wrapper,&[data-disable-animation] .switch-thumb,&[data-disable-animation] .switch-start-content,&[data-disable-animation] .switch-end-content{transition:none}}.switch-input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.switch-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;overflow:hidden;width:var(--switch-width);height:var(--switch-height);padding-inline:var(--switch-padding);border-radius:9999px;background-color:var(--um-default-200);color:var(--um-default-600);transition:background-color .2s,color .2s;.switch-input:checked+&{background-color:var(--switch-color);color:var(--switch-fg)}.switch-input:focus-visible+&{outline:2px solid var(--um-focus);outline-offset:2px}}.switch-start-content,.switch-end-content{position:absolute;top:50%;translate:0 -50%;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--switch-icon-size);block-size:var(--switch-icon-size);pointer-events:none;transform-origin:center;transition:opacity .2s,scale .2s,translate .2s}.switch-start-content{inset-inline-start:.375rem;z-index:0;opacity:0;scale:.5;.switch-input:checked+.switch-wrapper &{opacity:1;scale:1}}.switch-end-content{inset-inline-end:.375rem;z-index:0;color:var(--um-default-600);opacity:1;.switch-input:checked+.switch-wrapper &{opacity:0;translate:.5rem -50%}}.switch-thumb{position:absolute;top:50%;inset-inline-start:var(--switch-padding);translate:0 -50%;display:inline-flex;align-items:center;justify-content:center;z-index:1;width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:9999px;background-color:var(--um-white);box-shadow:var(--um-shadow-small);color:var(--um-foreground);transition:translate .2s,width .2s;pointer-events:none;.switch-input:checked+.switch-wrapper &{translate:var(--switch-translate-x) -50%}.switch:not([data-disabled=true]):not([data-readonly=true]):active .switch-wrapper &{width:var(--switch-thumb-pressed-size)}.switch:not([data-disabled=true]):not([data-readonly=true]):active .switch-input:checked+.switch-wrapper &{translate:var(--switch-translate-x-pressed) -50%}}.switch-thumb-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1em;block-size:1em;color:var(--um-black)}.switch-label{position:relative;color:var(--um-foreground);line-height:1.5}@media(prefers-reduced-motion:reduce){.switch-wrapper,.switch-thumb,.switch-start-content,.switch-end-content{transition:none}}}@layer components{.table-root{--table-radius: var(--um-radius-large);--table-border: var(--um-divider);--table-surface: var(--um-content1);--table-surface-muted: var(--um-default-50);--table-surface-strong: var(--um-default-100);--table-text: var(--um-foreground);--table-text-muted: var(--um-default-600);--table-focus: var(--um-focus);--table-selected: color-mix(in oklch, var(--um-primary) 14%, transparent);position:relative;display:grid;width:100%;overflow:clip;border-radius:var(--table-radius);color:var(--table-text)}.table-root--primary{background:var(--table-surface-muted);box-shadow:0 0 0 1px var(--table-border),var(--um-shadow-small)}.table-root--secondary{background:transparent;box-shadow:none}.table__scroll-container,.table-wrapper{width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges}.table__resizable-container{width:100%;min-width:max-content}.table__content,.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table-surface);color:var(--table-text)}.table__content[data-layout=fixed]{table-layout:fixed}.table-root--secondary .table__content{background:transparent}.table__header,.table-header{background:var(--table-surface-strong)}.table-root--secondary .table__header{background:transparent}.table__column,.table-column-header{position:relative;padding:.625rem .75rem;border-bottom:1px solid var(--table-border);background:inherit;text-align:start;font-size:var(--um-font-size-tiny);font-weight:600;color:var(--table-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;user-select:none;vertical-align:middle}.table-root--secondary .table__column{background:var(--table-surface-muted)}.table-root--secondary .table__column:first-child{border-top-left-radius:var(--table-radius)}.table-root--secondary .table__column:last-child{border-top-right-radius:var(--table-radius)}.table-root[data-compact=true] .table__column{padding:.375rem .5rem}.table-root[data-sticky-header=true] .table__column{position:sticky;top:0;z-index:3}.table__column[data-allows-sorting=true],.table-column-header[data-sortable]{cursor:pointer}.table__column[data-allows-sorting=true]:hover,.table-column-header[data-sortable]:hover{color:var(--table-text)}.table__body,.table-body{background:inherit}.table__row,.table-row{background:inherit;transition:background-color .12s ease,box-shadow .12s ease,opacity .12s ease}.table__row:not(.table-empty-row):hover,.table__row[data-hovered=true],.table-row:hover{background:var(--table-surface-muted)}.table-root[data-striped=true] .table__body .table__row:nth-child(2n):not(.table-empty-row){background:color-mix(in oklch,var(--table-surface) 65%,var(--table-surface-muted))}.table-root[data-striped=true] .table__body .table__row:nth-child(2n):not(.table-empty-row):hover{background:var(--table-surface-strong)}.table__row[data-selected=true],.table-row[data-selected=true]{background:var(--table-selected)}.table__row[aria-disabled=true],.table-row[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}.table__row:focus-visible,.table__row[data-focus-visible=true],.table__column:focus-visible,.table__cell:focus-visible{outline:2px solid var(--table-focus);outline-offset:-2px}.table__row[data-dragging=true]{opacity:.55}.table__row[data-drop-target=true]{background:color-mix(in oklch,var(--um-primary) 10%,var(--table-surface))}.table__cell,.table-cell{padding:.625rem .75rem;border-bottom:1px solid var(--table-border);background:inherit;font-size:var(--um-font-size-small);vertical-align:middle}.table-root[data-compact=true] .table__cell{padding:.375rem .5rem}.table__body .table__row:last-child .table__cell,.table__body .table__row:last-child .table__column{border-bottom:none}.table__column[data-pinned],.table__cell[data-pinned]{position:sticky;z-index:2;background:inherit}.table__column[data-pinned=left],.table__cell[data-pinned=left]{left:var(--pin-offset, 0)}.table__column[data-pinned=right],.table__cell[data-pinned=right]{right:var(--pin-offset, 0)}.table__footer{display:flex;align-items:center;padding:.875rem 1rem 1rem;border-top:1px solid var(--table-border);background:inherit}.table-root--secondary .table__footer{padding-inline:0;padding-bottom:0;border-top:none;background:transparent}.table__column-resizer,.column-resize-handle{position:absolute;top:0;right:0;bottom:0;width:4px;cursor:col-resize;user-select:none;touch-action:none;opacity:0;transition:opacity .12s ease}.table__column:hover .table__column-resizer,.table__column-resizer[data-resizing=true],.table-column-header:hover .column-resize-handle{opacity:1;background:var(--um-primary)}.table__load-more{background:inherit}.table__load-more-content{padding:1rem;border-bottom:none;text-align:center;color:var(--table-text-muted)}.table-empty{padding:2rem;text-align:center;color:var(--um-default-400);font-size:var(--um-font-size-small)}.table-checkbox{display:flex;align-items:center;justify-content:center}}@layer components{.tabs{--tabs-color: var(--um-foreground);--tabs-cursor-bg: var(--um-background);--tabs-cursor-fg: var(--um-foreground);&[data-color=primary]{--tabs-color: var(--um-primary);--tabs-cursor-bg: var(--um-primary);--tabs-cursor-fg: var(--um-primary-foreground)}&[data-color=secondary]{--tabs-color: var(--um-secondary);--tabs-cursor-bg: var(--um-secondary);--tabs-cursor-fg: var(--um-secondary-foreground)}&[data-color=success]{--tabs-color: var(--um-success);--tabs-cursor-bg: var(--um-success);--tabs-cursor-fg: var(--um-success-foreground)}&[data-color=warning]{--tabs-color: var(--um-warning);--tabs-cursor-bg: var(--um-warning);--tabs-cursor-fg: var(--um-warning-foreground)}&[data-color=danger]{--tabs-color: var(--um-danger);--tabs-cursor-bg: var(--um-danger);--tabs-cursor-fg: var(--um-danger-foreground)}}.tabs-list{display:inline-flex;align-items:center;position:relative;gap:.5rem;overflow-x:auto;scrollbar-width:none;.tabs:not([data-variant]) &,.tabs[data-variant=solid] &{background-color:var(--um-default-100);border-radius:var(--um-radius-medium);padding:.25rem}.tabs[data-variant=bordered] &{border:var(--um-border-width-medium) solid var(--um-default-200);border-radius:var(--um-radius-medium);padding:.25rem}.tabs[data-variant=underlined] &{background-color:transparent;border-bottom:var(--um-border-width-medium) solid var(--um-default-200)}.tabs[data-variant=light] &{background-color:transparent}.tabs[data-full-width] &{display:flex;width:100%}.tabs[data-full-width] & .tab{flex:1}&[data-vertical]{flex-direction:column;.tabs[data-variant=underlined] &{border-bottom:none;border-right:var(--um-border-width-medium) solid var(--um-default-200)}}}.tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;font-weight:400;color:var(--um-default-500);outline:none;position:relative;z-index:1;transition:color var(--um-transition-duration) var(--um-transition-easing),opacity var(--um-transition-duration) var(--um-transition-easing);.tabs[data-size=sm] &{height:1.75rem;padding-inline:.75rem;font-size:var(--um-font-size-tiny)}.tabs:not([data-size]) &,.tabs[data-size=md] &{height:2rem;padding-inline:1rem;font-size:var(--um-font-size-small)}.tabs[data-size=lg] &{height:2.25rem;padding-inline:1.25rem;font-size:var(--um-font-size-medium)}.tabs:not([data-radius]) &,.tabs[data-radius=md] &{border-radius:var(--um-radius-small)}.tabs[data-radius=none] &,.tabs[data-variant=underlined] &{border-radius:0}.tabs[data-radius=sm] &{border-radius:var(--um-radius-small)}.tabs[data-radius=lg] &{border-radius:var(--um-radius-medium)}.tabs[data-radius=full] &{border-radius:9999px}&:hover:not([data-selected=true]){opacity:var(--um-opacity-hover)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:-2px}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-selected=true]{color:var(--tabs-cursor-fg);font-weight:500;.tabs[data-variant=underlined] &{color:var(--tabs-color);&:after{content:"";position:absolute;bottom:-2px;left:10%;right:10%;height:2px;background-color:var(--tabs-color);border-radius:9999px}}.tabs[data-variant=light] &{color:var(--tabs-color)}}}.tab-cursor{position:absolute;z-index:0;background-color:var(--tabs-cursor-bg);visibility:hidden;.tabs:not([data-color]) &,.tabs[data-color=default] &{box-shadow:var(--um-shadow-small)}.tabs:not([data-radius]) &,.tabs[data-radius=md] &{border-radius:var(--um-radius-small)}.tabs[data-radius=none] &{border-radius:0}.tabs[data-radius=sm] &{border-radius:var(--um-radius-small)}.tabs[data-radius=lg] &{border-radius:var(--um-radius-medium)}.tabs[data-radius=full] &{border-radius:9999px}&[data-animated=true]{visibility:visible;transition:left .2s,top .2s,width .2s,height .2s}}.tab-panel{padding:.75rem .25rem;&[data-hidden=true]{display:none}}}@layer components{.time-input-wrapper{display:flex;flex-direction:column;gap:.25rem;&[data-full-width]{width:100%}&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-readonly=true]{pointer-events:none}}.time-input-wrapper[data-disable-animation=true] .time-input-field,.time-input-wrapper[data-disable-animation=true] .time-input-icon-btn{transition:none}.time-input-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;[data-required=true]>&{&:after{content:" *";color:var(--um-danger)}}}.time-input-wrapper:has(:user-invalid) .time-input-label,.time-input-wrapper:has([aria-invalid=true]) .time-input-label,.time-input-wrapper[data-invalid=true] .time-input-label{color:var(--um-danger)}.time-input-field{display:inline-flex;align-items:center;gap:.25rem;transition-property:background-color,border-color;transition-duration:var(--um-transition-duration);transition-timing-function:var(--um-transition-easing);[data-size=sm]>&{padding:.25rem .5rem;min-height:2rem;border-radius:var(--um-radius-small)}[data-size=md]>&,:not([data-size])>&{padding:.375rem .75rem;min-height:2.5rem;border-radius:var(--um-radius-medium)}[data-size=lg]>&{padding:.5rem 1rem;min-height:3rem;border-radius:var(--um-radius-medium)}[data-radius=none]>&{border-radius:0}[data-radius=sm]>&{border-radius:var(--um-radius-small)}[data-radius=md]>&{border-radius:var(--um-radius-medium)}[data-radius=lg]>&{border-radius:var(--um-radius-large)}[data-radius=full]>&{border-radius:9999px}[data-variant=flat]>&,:not([data-variant])>&{background-color:var(--um-default-100);&:focus-within{background-color:var(--um-default-200)}}[data-variant=bordered]>&{background-color:transparent;border:var(--um-border-width-medium) solid var(--um-default-200);&:focus-within{border-color:var(--um-foreground)}}[data-variant=faded]>&{background-color:var(--um-default-100);border:var(--um-border-width-medium) solid var(--um-default-200);&:focus-within{border-color:var(--um-foreground)}}[data-variant=underlined]>&{background-color:transparent;border-radius:0;padding-inline:0;border-bottom:var(--um-border-width-medium) solid var(--um-default-200);&:focus-within{border-bottom-color:var(--um-foreground)}}.time-input-wrapper:has([aria-invalid=true])>&,.time-input-wrapper[data-invalid=true]>&{border-color:var(--um-danger)}}.time-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--um-foreground);font-family:inherit;font-variant-numeric:tabular-nums;[data-size=sm] &{font-size:var(--um-font-size-tiny)}:not([data-size]) &,[data-size=md] &{font-size:var(--um-font-size-small)}[data-size=lg] &{font-size:var(--um-font-size-medium)}&::-webkit-calendar-picker-indicator{display:none}&::-webkit-inner-spin-button{display:none}}.time-input-icon-btn{appearance:none;border:none;background:transparent;cursor:pointer;color:var(--um-default-400);padding:.125rem;display:flex;align-items:center;flex-shrink:0;transition:color var(--um-transition-duration) var(--um-transition-easing);&:hover{color:var(--um-foreground)}&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px;border-radius:var(--um-radius-small)}}.time-input-icon{width:1.125rem;height:1.125rem}}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}@layer components{.toast-region{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none;max-width:24rem;&[data-placement=top-right]{top:0;right:0}&[data-placement=top-left]{top:0;left:0}&[data-placement=top-center]{top:0;left:50%;translate:-50% 0}&:not([data-placement]),&[data-placement=bottom-right]{bottom:0;right:0}&[data-placement=bottom-left]{bottom:0;left:0}&[data-placement=bottom-center]{bottom:0;left:50%;translate:-50% 0}}.toast{--toast-color: var(--um-default);--toast-fg: var(--um-default-foreground);position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-medium);pointer-events:auto;animation:var(--um-animation-appearance-in);&[data-color=primary]{--toast-color: var(--um-primary);--toast-fg: var(--um-primary-foreground)}&[data-color=secondary]{--toast-color: var(--um-secondary);--toast-fg: var(--um-secondary-foreground)}&[data-color=success]{--toast-color: var(--um-success);--toast-fg: var(--um-success-foreground)}&[data-color=warning]{--toast-color: var(--um-warning);--toast-fg: var(--um-warning-foreground)}&[data-color=danger]{--toast-color: var(--um-danger);--toast-fg: var(--um-danger-foreground)}&[data-variant=solid],&:not([data-variant]){background-color:var(--toast-color);color:var(--toast-fg)}&[data-variant=bordered]{border:var(--um-border-width-medium) solid var(--toast-color);background-color:var(--um-content1);color:var(--toast-color)}&[data-variant=flat]{background-color:color-mix(in oklch,var(--toast-color) 20%,transparent);color:var(--toast-color)}&[data-variant=faded]{border:var(--um-border-width-medium) solid var(--um-default);background-color:var(--um-content1);color:var(--toast-color)}&[data-exiting=true]{animation:var(--um-animation-appearance-out)}@media(prefers-reduced-motion:reduce){animation:none}}.toast-icon{flex-shrink:0}.toast-body{flex:1;display:flex;flex-direction:column;gap:.125rem}.toast-title{font-weight:500;font-size:var(--um-font-size-small)}.toast-description{font-size:var(--um-font-size-tiny);opacity:.9}.toast-close{appearance:none;border:none;background:transparent;cursor:pointer;color:currentColor;opacity:.7;padding:.125rem;flex-shrink:0;&:hover{opacity:1}}.toast-progress{height:2px;background-color:currentColor;opacity:.3;border-radius:9999px;position:absolute;bottom:0;left:.5rem;right:.5rem;animation:toast-progress-shrink var(--toast-duration) linear forwards}}@layer components{.toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;white-space:nowrap;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;appearance:none;outline:2px solid transparent;user-select:none;cursor:pointer;border:var(--um-border-width-medium) solid transparent;-webkit-tap-highlight-color:transparent;transition-property:transform,scale,color,background-color,border-color,opacity;transition-timing-function:var(--um-transition-easing);transition-duration:var(--um-transition-duration);&[data-size=sm]{padding-inline:.75rem;min-width:2rem;height:2rem;font-size:var(--um-font-size-tiny);line-height:var(--um-line-height-tiny);gap:.5rem;border-radius:var(--um-radius-small)}&[data-size=md]{padding-inline:1rem;min-width:2.5rem;height:2.5rem;font-size:var(--um-font-size-small);line-height:var(--um-line-height-small);gap:.5rem;border-radius:var(--um-radius-medium)}&[data-size=lg]{padding-inline:1.5rem;min-width:3rem;height:3rem;font-size:var(--um-font-size-medium);line-height:var(--um-line-height-medium);gap:.75rem;border-radius:var(--um-radius-large)}&[data-icon-only]{padding-inline:0;gap:0;&[data-size=sm]{min-width:2rem;width:2rem}&[data-size=md]{min-width:2.5rem;width:2.5rem}&[data-size=lg]{min-width:3rem;width:3rem}}&:not([data-icon-only]){>svg{max-width:2rem}}&[data-variant=default]{background-color:color-mix(in oklch,var(--um-default) 40%,transparent);color:var(--um-foreground);&:is(:hover,[data-hover=true]){background-color:color-mix(in oklch,var(--um-default) 60%,transparent)}&[data-selected=true]{&[data-color=default]{background-color:var(--um-default);color:var(--um-default-foreground)}&[data-color=primary]{background-color:var(--um-primary);color:var(--um-primary-foreground)}&[data-color=secondary]{background-color:var(--um-secondary);color:var(--um-secondary-foreground)}&[data-color=success]{background-color:var(--um-success);color:var(--um-success-foreground)}&[data-color=warning]{background-color:var(--um-warning);color:var(--um-warning-foreground)}&[data-color=danger]{background-color:var(--um-danger);color:var(--um-danger-foreground)}}}&[data-variant=ghost]{background-color:transparent;color:var(--um-foreground);&:is(:hover,[data-hover=true]){background-color:color-mix(in oklch,var(--um-default) 40%,transparent)}&[data-selected=true]{&[data-color=default]{background-color:color-mix(in oklch,var(--um-default) 40%,transparent);color:var(--um-default-foreground)}&[data-color=primary]{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent);color:var(--um-primary)}&[data-color=secondary]{background-color:color-mix(in oklch,var(--um-secondary) 20%,transparent);color:var(--um-secondary)}&[data-color=success]{background-color:color-mix(in oklch,var(--um-success) 20%,transparent);color:var(--um-success)}&[data-color=warning]{background-color:color-mix(in oklch,var(--um-warning) 20%,transparent);color:var(--um-warning)}&[data-color=danger]{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent);color:var(--um-danger)}}}&:is(:active,[data-pressed=true]){scale:.97}&:is(:focus-visible,[data-focus-visible=true]){z-index:10;outline:2px solid var(--um-focus);outline-offset:2px}&:is(:disabled,[data-disabled=true]){opacity:var(--um-opacity-disabled);pointer-events:none;cursor:default}&[data-disable-animation]{transition:none;&:is(:active,[data-pressed=true]){scale:1}}@media(prefers-reduced-motion:reduce){transition:none}}.toggle-btn-group{display:inline-flex;align-items:center;height:auto;gap:0;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[data-orientation=horizontal]{flex-direction:row;>.toggle-btn:not(:first-child):not(:last-child){border-radius:0}>.toggle-btn:first-child{border-start-end-radius:0;border-end-end-radius:0}>.toggle-btn:last-child{border-start-start-radius:0;border-end-start-radius:0}>.toggle-btn+.toggle-btn{margin-inline-start:calc(var(--um-border-width-medium) * -1)}}&[data-orientation=vertical]{flex-direction:column;>.toggle-btn:not(:first-child):not(:last-child){border-radius:0}>.toggle-btn:first-child{border-end-start-radius:0;border-end-end-radius:0}>.toggle-btn:last-child{border-start-start-radius:0;border-start-end-radius:0}>.toggle-btn+.toggle-btn{margin-block-start:calc(var(--um-border-width-medium) * -1)}}}}@layer components{.toolbar{display:inline-flex;align-items:center;gap:.25rem;&[data-orientation=horizontal]{flex-direction:row}&[data-orientation=vertical]{flex-direction:column}&[data-attached]{background-color:var(--um-content1);border-radius:var(--um-radius-medium);padding:.25rem}}}@layer components{.tooltip-trigger{display:inline-flex;inline-size:max-content;max-inline-size:100%;vertical-align:top}.tooltip{--tooltip-bg: color-mix(in oklch, var(--surface-elevated) 94%, transparent);--tooltip-fg: var(--text-primary);--tooltip-border: color-mix(in oklch, var(--border-subtle) 78%, transparent);--tooltip-shadow: var(--shadow-lg);--tooltip-arrow-size: .72rem;--tooltip-arrow-offset: var(--space-4);--tooltip-enter-x: 0rem;--tooltip-enter-y: -.35rem;border:1px solid var(--tooltip-border);border-radius:var(--radius-md);padding-block:var(--space-2);padding-inline:var(--space-3);inline-size:max-content;max-inline-size:min(22rem,calc(100vi - (var(--page-gutter) * 2)));background:linear-gradient(180deg,color-mix(in oklch,var(--um-white) 14%,transparent),transparent 46%),var(--tooltip-bg);color:var(--tooltip-fg);font-size:var(--text-xs);line-height:1.45;text-wrap:pretty;box-shadow:var(--tooltip-shadow);backdrop-filter:blur(18px) saturate(160%);inset:unset;margin:0;overflow:visible;pointer-events:none;position-area:block-end center;position-try-fallbacks:flip-block,flip-inline;&[data-placement=top]{--tooltip-enter-y: .35rem;position-area:block-start center}&[data-placement=top-start]{--tooltip-enter-y: .35rem;position-area:block-start span-inline-start}&[data-placement=top-end]{--tooltip-enter-y: .35rem;position-area:block-start span-inline-end}&[data-placement=bottom]{--tooltip-enter-y: -.35rem;position-area:block-end center}&[data-placement=bottom-start]{--tooltip-enter-y: -.35rem;position-area:block-end span-inline-start}&[data-placement=bottom-end]{--tooltip-enter-y: -.35rem;position-area:block-end span-inline-end}&[data-placement=left]{--tooltip-enter-x: .35rem;--tooltip-enter-y: 0rem;position-area:inline-start center}&[data-placement=right]{--tooltip-enter-x: -.35rem;--tooltip-enter-y: 0rem;position-area:inline-end center}&[data-color=foreground]{--tooltip-bg: var(--text-primary);--tooltip-fg: var(--surface-elevated);--tooltip-border: color-mix(in oklch, var(--text-primary) 72%, transparent)}&[data-color=primary]{--tooltip-bg: color-mix(in oklch, var(--color-primary) 82%, var(--surface-elevated));--tooltip-fg: var(--text-on-primary);--tooltip-border: color-mix(in oklch, var(--color-primary) 65%, transparent)}&[data-color=secondary]{--tooltip-bg: color-mix(in oklch, var(--um-secondary) 82%, var(--surface-elevated));--tooltip-fg: var(--um-secondary-foreground);--tooltip-border: color-mix(in oklch, var(--um-secondary) 65%, transparent)}&[data-color=success]{--tooltip-bg: color-mix(in oklch, var(--color-success) 84%, var(--surface-elevated));--tooltip-fg: var(--um-success-foreground);--tooltip-border: color-mix(in oklch, var(--color-success) 65%, transparent)}&[data-color=warning]{--tooltip-bg: color-mix(in oklch, var(--color-warning) 86%, var(--surface-elevated));--tooltip-fg: var(--um-warning-foreground);--tooltip-border: color-mix(in oklch, var(--color-warning) 68%, transparent)}&[data-color=danger]{--tooltip-bg: color-mix(in oklch, var(--color-danger) 84%, var(--surface-elevated));--tooltip-fg: var(--um-danger-foreground);--tooltip-border: color-mix(in oklch, var(--color-danger) 65%, transparent)}&:popover-open{opacity:1;translate:0 0;transition:opacity .16s ease,translate .16s var(--um-transition-easing-soft-spring)}&[data-disable-animation]:popover-open{transition:none}@starting-style{&:popover-open{opacity:0;translate:var(--tooltip-enter-x) var(--tooltip-enter-y)}}@media(prefers-reduced-motion:reduce){&:popover-open{transition:none}}}.tooltip-arrow{position:absolute;inline-size:var(--tooltip-arrow-size);block-size:var(--tooltip-arrow-size);border:1px solid var(--tooltip-border);background:var(--tooltip-bg);rotate:45deg;box-shadow:0 8px 20px color-mix(in oklch,var(--um-overlay) 10%,transparent)}.tooltip[data-side=top] .tooltip-arrow{inset-block-end:calc(var(--tooltip-arrow-size) * -.52);inset-inline-start:50%;translate:-50% 0}.tooltip[data-side=bottom] .tooltip-arrow{inset-block-start:calc(var(--tooltip-arrow-size) * -.52);inset-inline-start:50%;translate:-50% 0}.tooltip[data-side=left] .tooltip-arrow{inset-inline-end:calc(var(--tooltip-arrow-size) * -.52);inset-block-start:50%;translate:0 -50%}.tooltip[data-side=right] .tooltip-arrow{inset-inline-start:calc(var(--tooltip-arrow-size) * -.52);inset-block-start:50%;translate:0 -50%}.tooltip[data-placement=top-start] .tooltip-arrow,.tooltip[data-placement=bottom-start] .tooltip-arrow{inset-inline-start:var(--tooltip-arrow-offset);translate:0 0}.tooltip[data-placement=top-end] .tooltip-arrow,.tooltip[data-placement=bottom-end] .tooltip-arrow{inset-inline-start:auto;inset-inline-end:var(--tooltip-arrow-offset);translate:0 0}}@layer components{.upload-wrapper{display:flex;flex-direction:column;gap:.25rem;width:100%;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}}.upload-label{font-size:var(--um-font-size-small);color:var(--um-default-600);font-weight:500;padding-bottom:.125rem}.upload-wrapper[data-required=true] .upload-label:after{content:" *";color:var(--um-danger)}.upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1.5rem;border:var(--um-border-width-medium) dashed var(--um-default-300);border-radius:var(--um-radius-medium);background-color:var(--um-content1);cursor:pointer;text-align:center;transition:border-color var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing),box-shadow var(--um-transition-duration) var(--um-transition-easing);&:hover{border-color:var(--um-primary);background-color:var(--um-primary-50)}&[data-dragging=true]{border-color:var(--um-primary);background-color:var(--um-primary-50);box-shadow:0 0 0 2px var(--um-primary-200)}}.upload-wrapper[data-invalid=true] .upload-dropzone{border-color:var(--um-danger);&:hover{background-color:var(--um-danger-50)}}.upload-dropzone-icon{width:2.5rem;height:2.5rem;color:var(--um-default-400);transition:color var(--um-transition-duration) var(--um-transition-easing);.upload-dropzone:hover &,.upload-dropzone[data-dragging=true] &{color:var(--um-primary)}}.upload-dropzone-text{font-size:var(--um-font-size-small);font-weight:500;color:var(--um-default-600);transition:color var(--um-transition-duration) var(--um-transition-easing);.upload-dropzone:hover &,.upload-dropzone[data-dragging=true] &{color:var(--um-primary)}}.upload-dropzone-hint{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.upload-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.upload-file-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border:var(--um-border-width-small) solid var(--um-default-200);border-radius:var(--um-radius-medium);background-color:var(--um-default-50);transition:background-color var(--um-transition-duration) var(--um-transition-easing);&:hover{background-color:var(--um-default-100)}}.upload-file-info{display:flex;align-items:center;gap:.5rem;min-width:0}.upload-file-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--um-default-400)}.upload-file-details{display:flex;flex-direction:column;min-width:0}.upload-file-name{font-size:var(--um-font-size-small);font-weight:500;color:var(--um-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{font-size:var(--um-font-size-tiny);color:var(--um-default-500)}.upload-file-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:var(--um-radius-small);background:transparent;color:var(--um-default-400);cursor:pointer;transition:background-color var(--um-transition-duration) var(--um-transition-easing),color var(--um-transition-duration) var(--um-transition-easing);& svg{width:1rem;height:1rem}&:hover{background-color:var(--um-danger-50);color:var(--um-danger)}}}@layer components{.theme-dropdown{position:relative;display:inline-flex}.theme-dropdown>summary{list-style:none}.theme-dropdown>summary::-webkit-details-marker{display:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;color:var(--dashboard-shell-muted);cursor:pointer;transition:color var(--duration-base),background-color var(--duration-base)}.theme-toggle:hover{color:light-dark(var(--dashboard-gray-700),var(--dashboard-gray-200));background-color:var(--dashboard-shell-hover-bg)}.theme-toggle svg{width:1.5rem;height:1.5rem}.theme-dropdown:not([open]) .theme-dropdown-menu{display:none}.theme-dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;min-width:11rem;margin-top:.5rem;padding:.25rem;display:flex;flex-direction:column;background-color:var(--dashboard-shell-bg);border:1px solid var(--dashboard-shell-border);border-radius:.5rem;box-shadow:var(--shadow-lg);z-index:50}.theme-dropdown-title{padding:.5rem .75rem;font-size:var(--text-xs);font-weight:500;line-height:1;text-transform:uppercase;color:var(--dashboard-shell-muted)}.theme-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;border-radius:.375rem;font-size:var(--text-sm);color:var(--dashboard-shell-text);cursor:pointer;text-align:left;transition:background-color var(--duration-base)}.theme-dropdown-item:hover{background-color:var(--dashboard-shell-hover-bg)}.theme-dropdown-item[data-active]{color:inherit}.theme-dropdown-item svg{width:1.25rem;height:1.25rem;flex-shrink:0}.theme-label{flex:1}.theme-check{display:none;width:1rem;height:1rem}.theme-check[data-visible]{display:inline-flex;color:light-dark(var(--dashboard-blue-600),var(--dashboard-blue-400))}.theme-check svg{width:1rem;height:1rem}}@layer components{.data-table{--dt-accent: var(--um-primary);--dt-accent-subtle: color-mix(in oklch, var(--um-primary) 10%, transparent);--dt-accent-muted: color-mix(in oklch, var(--um-primary) 16%, transparent);--dt-surface: var(--um-content1);--dt-surface-hover: var(--um-default-50);--dt-surface-stripe: color-mix(in oklch, var(--um-default-50) 60%, transparent);--dt-border: var(--um-divider);--dt-border-subtle: color-mix(in oklch, var(--um-divider) 50%, transparent);--dt-text: var(--um-foreground);--dt-text-muted: var(--um-default-500);--dt-text-faint: var(--um-default-400);--dt-radius: var(--um-radius-large);display:flex;flex-direction:column;gap:0;width:var(--dt-width, 100%);border-radius:var(--dt-radius);overflow:clip;box-shadow:0 0 0 1px var(--dt-border),var(--um-shadow-small)}.data-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;background:linear-gradient(to right,var(--um-default-50),var(--um-default-100));border-bottom:1px solid var(--dt-border)}.data-table-toolbar-primary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-table-toolbar-secondary{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto;flex-wrap:wrap;justify-content:flex-end}@media(max-width:47.99rem){.data-table-toolbar{padding:.875rem}.data-table-toolbar-primary,.data-table-toolbar-secondary{flex-basis:100%;min-width:0}}.data-table-search{position:relative;display:flex;align-items:center;flex:1 1 18rem;min-width:14rem;max-width:28rem}.data-table-search-icon{position:absolute;left:.75rem;color:var(--dt-text-faint);pointer-events:none;font-size:.875rem;.data-table-search:focus-within &{color:var(--dt-accent)}}.data-table-search-input{width:100%;padding:.5625rem 2.5rem .5625rem 2.25rem;border:1px solid var(--dt-border);border-radius:var(--um-radius-medium);font-size:var(--um-font-size-small);color:var(--dt-text);background:var(--dt-surface);&::placeholder{color:var(--dt-text-faint);font-weight:400}&:focus{outline:none;border-color:var(--dt-accent);box-shadow:0 0 0 3px var(--dt-accent-subtle)}&::-webkit-search-cancel-button{display:none}}.data-table-search-clear{position:absolute;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:none;color:var(--dt-text-faint);cursor:pointer;border-radius:9999px;font-size:.8125rem;&:hover{color:var(--dt-text);background-color:var(--um-default-100)}}.data-table-column-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--dt-border);border-radius:var(--um-radius-medium);background:var(--dt-surface);color:var(--dt-text-muted);font-size:var(--um-font-size-small);font-weight:500;cursor:pointer;white-space:nowrap;&:hover{color:var(--dt-text);background-color:var(--um-default-50);border-color:var(--um-default-300)}&[data-has-hidden]{color:light-dark(oklch(.65 .15 85),oklch(.8 .15 85));border-color:light-dark(oklch(.85 .1 85),oklch(.45 .1 85));background-color:light-dark(oklch(.97 .03 85),oklch(.25 .06 85 / .3))}& svg{font-size:.9375rem;flex-shrink:0}}.data-table-column-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:9999px;background-color:var(--dt-accent);color:var(--um-primary-foreground);font-size:.625rem;font-weight:700;line-height:1;letter-spacing:.02em}.data-table-column-toggle-popover{border:1px solid var(--dt-border);padding:0;background-color:var(--dt-surface);color:var(--dt-text);border-radius:var(--dt-radius);box-shadow:var(--um-shadow-medium);inset:unset;margin:0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;min-width:15rem;overflow:hidden}.data-table-column-toggle-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem .5rem}.data-table-column-toggle-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dt-text-faint)}.data-table-column-toggle-count{font-size:.6875rem;color:var(--dt-text-faint);font-variant-numeric:tabular-nums;font-weight:500}.data-table-column-toggle-divider{height:1px;background-color:var(--dt-border)}.data-table-column-toggle-list{display:flex;flex-direction:column;padding:.25rem 0}.data-table-column-toggle-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.4375rem .875rem;border:none;background:none;color:var(--dt-text);font-size:var(--um-font-size-small);text-align:left;cursor:pointer;&:hover{background-color:var(--um-default-100)}}.data-table-column-toggle-eye{display:inline-flex;flex-shrink:0;font-size:1rem;color:var(--um-default-300);&[data-visible]{color:var(--dt-accent)}}.data-table-column-toggle-label{flex:1;&[data-hidden]{color:var(--dt-text-faint);text-decoration:line-through;opacity:.7}}.data-table-column-toggle-actions{display:flex;gap:.25rem;padding:.375rem .5rem}.data-table-column-toggle-action{flex:1;padding:.3125rem .5rem;border:none;border-radius:var(--um-radius-small);background:none;color:var(--dt-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;text-align:center;&:hover{background-color:var(--um-default-100);color:var(--dt-text)}&[data-muted]{color:var(--dt-text-faint)}}.data-table .table-root{border-radius:0;box-shadow:none}.data-table .table__scroll-container{overflow:auto}.data-table .table__content{min-width:100%}.data-table .table__header{background-color:var(--um-default-50);box-shadow:0 1px 2px color-mix(in oklch,var(--um-overlay) 6%,transparent)}.data-table .table__column{position:relative;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;color:var(--dt-text-muted);white-space:nowrap;border-bottom:1px solid var(--dt-border)}.data-table .table__column:has(.table-sort-icon[data-direction=ascending]),.data-table .table__column:has(.table-sort-icon[data-direction=descending]){background-color:var(--um-default-100)}.data-table-header-label{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.data-table-header-label[data-sortable]{width:100%;justify-content:space-between}.data-table-header-label:has(.action-column-header){width:100%}.table-sort-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;color:var(--um-default-300);rotate:none;& svg{width:1rem;height:1rem}&[data-direction=ascending]{rotate:none;color:var(--dt-accent);& polyline:first-child{opacity:.15}}&[data-direction=descending]{rotate:none;color:var(--dt-accent);& polyline:last-child{opacity:.15}}&[data-direction=unsorted]{rotate:none;opacity:0}}.table__column[data-allows-sorting=true]{cursor:pointer;user-select:none;&:hover{color:var(--dt-text);background-color:var(--um-default-100);.table-sort-icon[data-direction=unsorted]{opacity:.5;color:var(--dt-text-faint)}}}.data-table .table__row{&:nth-child(2n){background-color:var(--dt-surface-stripe)}&:hover{background-color:var(--um-default-100)}&[data-selected=true]{background-color:var(--dt-accent-subtle)}&[data-selected=true]:hover{background-color:var(--dt-accent-muted)}}.data-table .table__cell{padding-block:.375rem;font-variant-numeric:tabular-nums;border-bottom-color:var(--dt-border-subtle)}.data-table .table-checkbox{display:flex;align-items:center;justify-content:center;.checkbox{--checkbox-size: 1.0625rem}.checkbox-input{border-width:1.5px;border-radius:var(--um-radius-small)}}.table__column[data-pinned],.table__cell[data-pinned]{position:sticky;z-index:1;background-color:inherit}.table__column[data-pinned=left],.table__cell[data-pinned=left]{left:var(--pin-offset, 0)}.table__column[data-pinned=right],.table__cell[data-pinned=right]{right:var(--pin-offset, 0)}.column-resize-handle{position:absolute;top:0;right:0;bottom:0;width:4px;cursor:col-resize;user-select:none;touch-action:none;opacity:0}.table__column:hover .table__column-resizer,.column-resize-handle[data-resizing]{opacity:1;background-color:var(--dt-accent)}.table__row[data-grouped]{background-color:var(--um-default-50);font-weight:600}.table-row-indent{display:inline-block}.row-expand-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--um-radius-small);color:var(--dt-text-muted)}.row-expand-toggle:hover{color:var(--dt-text);background-color:var(--um-default-100)}.row-expand-icon{display:inline-flex}.row-expand-icon[data-expanded]{rotate:90deg}.table__body[data-pinned=top]{position:sticky;top:0;z-index:1;background-color:var(--dt-surface)}.table__body[data-pinned=bottom]{position:sticky;bottom:0;z-index:1;background-color:var(--dt-surface)}.data-table .table-empty{padding:3rem 1.5rem;text-align:center;color:var(--dt-text-faint);font-size:var(--um-font-size-small);font-style:italic;letter-spacing:.01em}.data-table-footer{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:.375rem 1rem .5rem;background:var(--um-default-50);border-top:1px solid var(--dt-border)}.data-table-footer-controls{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;gap:.5rem;width:100%;margin-inline-start:auto}@media(min-width:40rem){.data-table-footer{flex-direction:row;align-items:center;justify-content:space-between}.data-table-footer-controls{width:auto;flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem;margin-inline-start:auto}}.data-table-info{font-size:.875rem;color:var(--dt-text-muted);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.data-table-page-size,.data-table-page-jump{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;font-size:.875rem;color:var(--dt-text-muted);font-weight:400;white-space:nowrap}.data-table-page-jump-input{width:4rem;padding:.25rem .5rem;border:1px solid var(--dt-border);border-radius:var(--um-radius-medium);font-size:inherit;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;color:var(--dt-text);background-color:var(--dt-surface);&:focus{outline:none;border-color:var(--um-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--um-primary) 12%,transparent)}}.data-table-page-size-select{width:auto;min-width:5rem;.select-value{text-align:center}}.data-table .pagination{gap:.25rem}.data-table .pagination-item{font-variant-numeric:tabular-nums;font-weight:500;border-radius:var(--um-radius-small);font-size:.75rem}.data-table-pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.data-table-pagination-controls .pagination-prev,.data-table-pagination-controls .pagination-next{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:auto;height:auto;padding:.25rem .75rem;min-height:2rem;border:1px solid var(--dt-border);border-radius:var(--um-radius-medium);background:var(--dt-surface);color:var(--dt-text-muted);font-size:.8125rem;font-weight:500;box-shadow:var(--um-shadow-small);&:hover:not([data-disabled]){border-color:var(--dt-accent);color:var(--dt-text)}&[data-disabled]{opacity:.5;cursor:default}}.data-table-pagination-controls .pagination-item{font-variant-numeric:tabular-nums}}@layer components{.action-column{display:flex;align-items:center;justify-content:center}.action-column-header{display:flex;align-items:center;justify-content:flex-end;width:100%;&[data-align=start]{justify-content:flex-start}&[data-align=center]{justify-content:center}}.action-column-mobile{display:flex;align-items:center}.action-column-desktop{display:none;align-items:center;gap:var(--space-2)}@media(width>=768px){.action-column-desktop{display:flex}.action-column-mobile{display:none}}.action-column-more{color:var(--text-muted)}.action-column-dropdown{border:1px solid var(--um-divider);padding:.25rem;background-color:var(--um-content1);color:var(--um-foreground);border-radius:var(--um-radius-large);box-shadow:var(--um-shadow-large);min-inline-size:12rem;overflow:hidden;inset:unset;margin:0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin-block-start:.25rem}.action-column-dropdown-separator{block-size:1px;margin-block:.25rem;margin-inline:.5rem;background-color:var(--um-divider)}.action-column-dropdown-item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;border-radius:var(--um-radius-small);font-size:var(--um-font-size-small);color:var(--um-foreground);&:hover{background-color:var(--um-default-100)}&:active{background-color:var(--um-default-200)}&[data-danger]{color:var(--um-danger);&:hover{background-color:color-mix(in oklch,var(--um-danger) 15%,transparent)}&:active{background-color:color-mix(in oklch,var(--um-danger) 25%,transparent)}}& svg{flex-shrink:0}}.action-column__btn{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;border:none;padding:0;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--um-shadow-small);&:focus-visible{outline:2px solid var(--um-focus);outline-offset:2px}&[data-action=view],&[data-action=copy]{color:light-dark(oklch(.55 .12 250),oklch(.75 .12 250));background-color:light-dark(oklch(.95 .03 250),oklch(.3 .06 250 / .3));&:hover{background-color:light-dark(oklch(.9 .05 250),oklch(.35 .08 250 / .4))}}&[data-action=edit]{color:light-dark(oklch(.5 .14 145),oklch(.75 .14 145));background-color:light-dark(oklch(.95 .04 145),oklch(.3 .06 145 / .3));&:hover{background-color:light-dark(oklch(.9 .06 145),oklch(.35 .08 145 / .4))}}&[data-action=delete]{color:light-dark(oklch(.55 .2 25),oklch(.75 .15 25));background-color:light-dark(oklch(.95 .03 25),oklch(.3 .06 25 / .3));&:hover{background-color:light-dark(oklch(.9 .06 25),oklch(.35 .1 25 / .4))}}}.action-column__btn--create{inline-size:2rem;block-size:2rem;border-radius:var(--radius-full);color:light-dark(oklch(.5 .14 145),oklch(.85 .14 145));background-color:light-dark(oklch(.93 .05 145),oklch(.3 .06 145 / .3));box-shadow:var(--um-shadow-small);&:hover{background-color:light-dark(oklch(.88 .07 145),oklch(.35 .08 145 / .4))}& svg{width:1rem;height:1rem}}}@layer components{.product-tour-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none}.product-tour-spotlight{position:fixed;z-index:9999;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #0000008c;pointer-events:none;opacity:0;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease,opacity .2s ease}.product-tour-tooltip{position:fixed;z-index:10000;max-width:420px;width:max-content;background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);color:var(--text-primary);opacity:0;transition:opacity .2s ease}.product-tour-tooltip-title{font-size:var(--text-lg);font-weight:600;margin:0}.product-tour-tooltip-desc{font-size:var(--text-sm);color:var(--text-muted);margin-block:var(--space-3);line-height:1.5}.product-tour-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.product-tour-step-counter{font-size:var(--text-xs);color:var(--text-muted)}.product-tour-actions{display:flex;gap:var(--space-2);align-items:center}.product-tour-actions [data-hidden]{display:none}.product-tour-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:400;border-radius:var(--um-radius-medium);cursor:pointer;transition:opacity var(--um-transition-duration) var(--um-transition-easing);&:hover{opacity:var(--um-opacity-hover)}&:active{scale:.97}}.product-tour-btn-next{background-color:color-mix(in oklch,var(--um-primary) 20%,transparent);color:var(--um-primary-600)}.product-tour-btn-back{background-color:color-mix(in oklch,var(--um-default) 40%,transparent);color:var(--um-default-700)}.product-tour-btn-skip{background-color:color-mix(in oklch,var(--um-danger) 20%,transparent);color:var(--um-danger-600)}.product-tour-arrow{position:absolute;width:12px;height:12px;background-color:var(--surface-elevated);rotate:45deg}.product-tour-arrow[data-placement=bottom]{top:-6px;left:var(--arrow-offset, 50%);translate:-50% 0;border-top:1px solid var(--border-default);border-left:1px solid var(--border-default)}.product-tour-arrow[data-placement=top]{bottom:-6px;left:var(--arrow-offset, 50%);translate:-50% 0;border-bottom:1px solid var(--border-default);border-right:1px solid var(--border-default)}.product-tour-arrow[data-placement=left]{right:-6px;top:var(--arrow-offset, 50%);translate:0 -50%;border-top:1px solid var(--border-default);border-right:1px solid var(--border-default)}.product-tour-arrow[data-placement=right]{left:-6px;top:var(--arrow-offset, 50%);translate:0 -50%;border-bottom:1px solid var(--border-default);border-left:1px solid var(--border-default)}@media(max-width:25rem){.product-tour-tooltip{max-width:calc(100vw - var(--space-4))}}@media(prefers-reduced-motion:reduce){.product-tour-spotlight,.product-tour-tooltip{transition:none}}}@layer components{.help-tour-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease;&:hover{color:var(--text-primary);border-color:var(--text-secondary)}}}@layer components{[data-dragging=true]{opacity:.5}[data-drop-target=true]{outline:2px solid light-dark(var(--um-blue-500),var(--um-blue-400));outline-offset:-2px;background-color:light-dark(var(--um-blue-50),oklch(from var(--um-blue-900) l c h / .2));transition:outline var(--um-transition-duration) var(--um-transition-easing),background-color var(--um-transition-duration) var(--um-transition-easing)}[data-drop-target=true][data-valid=true]{outline-color:light-dark(var(--um-green-500),var(--um-green-400));background-color:light-dark(var(--um-green-50),oklch(from var(--um-green-900) l c h / .2))}[data-drop-target=true][data-invalid=true]{outline-color:light-dark(var(--um-red-500),var(--um-red-400));background-color:light-dark(var(--um-red-50),oklch(from var(--um-red-900) l c h / .2))}.dnd-overlay{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;&:not([data-active=true]){display:none}}}@layer components{.icon-inline{display:inline-flex;vertical-align:middle;flex-shrink:0}.icon-with-label{display:inline-flex;align-items:center;gap:.375rem}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{rotate:0deg}to{rotate:360deg}}}@layer components{.page-header-card{position:relative;width:100%;margin-bottom:var(--space-6);border-color:color-mix(in oklch,var(--um-divider) 55%,transparent);box-shadow:0 12px 28px color-mix(in oklch,var(--um-foreground) 6%,transparent)}.page-header-content{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}.page-header-back-row{display:flex;width:100%;@media(width>=48rem){display:none}}.page-header-back-mobile{justify-content:flex-start;>svg{flex-shrink:0}@media(width>=48rem){display:none}}.page-header-back-desktop{display:none;flex-shrink:0;@media(width>=48rem){display:inline-flex}}.page-header-main{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;@media(width>=48rem){flex-direction:row;align-items:center;gap:var(--space-4)}}.page-header-title-group{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-wrap:wrap}.page-header-title{font-size:clamp(1.125rem,.9rem + .8vw,1.375rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance}.page-header-meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;width:100%;@media(width>=48rem){flex-direction:row;align-items:center;justify-content:flex-end;width:auto}}.page-header-breadcrumbs{flex-wrap:wrap;min-width:0;row-gap:var(--space-1);color:var(--um-default-600);.breadcrumb-link{align-items:center;gap:.25rem;font-weight:500}.breadcrumb-item[data-current]{color:var(--text-primary);font-weight:600}& svg{flex-shrink:0}}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;@media(width>=48rem){width:auto;margin-inline-start:auto;justify-content:flex-end}}}@layer components{.search-modal-dialog{position:fixed;inset:0;margin:auto;border:none;border-radius:var(--radius-lg);background:transparent;padding:0;width:min(32rem,90vw);max-height:fit-content;&::backdrop{background:#00000080;backdrop-filter:blur(4px)}}.search-modal-body{background:var(--dashboard-shell-bg);color:var(--dashboard-shell-fg);border:1px solid var(--dashboard-shell-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:var(--space-4)}.search-modal-header{font-size:var(--text-base);font-weight:600;color:var(--dashboard-shell-fg);margin-bottom:var(--space-3)}.search-modal-input{width:100%;padding:var(--space-3);border:1px solid var(--dashboard-shell-border);border-radius:var(--radius-md);background:var(--dashboard-shell-bg);font-size:var(--text-base);color:var(--dashboard-shell-fg);&:focus{outline:2px solid var(--dashboard-blue-600);outline-offset:-1px}&::placeholder{color:var(--dashboard-shell-muted)}}.search-modal-hints{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--dashboard-shell-border)}.search-modal-hints-title{font-size:var(--text-xs);color:var(--dashboard-shell-muted);margin-bottom:var(--space-2)}.search-modal-hint{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;&:hover{background:var(--dashboard-shell-hover-bg)}}.search-modal-hint-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--dashboard-shell-text)}.search-modal-footer{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--dashboard-shell-muted)}.search-modal-shortcut{display:flex;align-items:center;gap:var(--space-1)}}@layer components{.dashboard{--dashboard-sidebar-width: 16rem;--dashboard-sidebar-width-collapsed: 4rem;--dashboard-sidebar-width-current: var(--dashboard-sidebar-width);--dashboard-header-height: 3.5rem;--dashboard-gray-50: #f9fafb;--dashboard-gray-100: #f3f4f6;--dashboard-gray-200: #e5e7eb;--dashboard-gray-300: #d1d5db;--dashboard-gray-400: #9ca3af;--dashboard-gray-500: #6b7280;--dashboard-gray-600: #4b5563;--dashboard-gray-700: #374151;--dashboard-gray-800: #1f2937;--dashboard-gray-900: #111827;--dashboard-blue-50: #eff6ff;--dashboard-blue-400: #60a5fa;--dashboard-blue-600: #2563eb;--dashboard-blue-900-50: rgb(30 58 138 / .5);--dashboard-page-bg: light-dark(var(--dashboard-gray-50), var(--dashboard-gray-900));--dashboard-shell-bg: light-dark(#ffffff, var(--dashboard-gray-800));--dashboard-shell-fg: light-dark(var(--dashboard-gray-900), #ffffff);--dashboard-shell-muted: light-dark(var(--dashboard-gray-500), var(--dashboard-gray-400));--dashboard-shell-text: light-dark(var(--dashboard-gray-700), var(--dashboard-gray-300));--dashboard-shell-border: light-dark(var(--dashboard-gray-200), var(--dashboard-gray-700));--dashboard-shell-hover-bg: light-dark(var(--dashboard-gray-100), var(--dashboard-gray-700));--dashboard-shell-hover-strong: light-dark( var(--dashboard-gray-200), var(--dashboard-gray-600) );--dashboard-sidebar-bg: var(--dashboard-shell-bg);--dashboard-sidebar-fg: var(--dashboard-shell-fg);--dashboard-sidebar-muted: var(--dashboard-shell-text);--dashboard-sidebar-hover-bg: var(--dashboard-shell-hover-bg);--dashboard-sidebar-active-bg: light-dark( var(--dashboard-blue-50), var(--dashboard-blue-900-50) );--dashboard-sidebar-active-fg: light-dark(var(--dashboard-blue-600), var(--dashboard-blue-400));--dashboard-sidebar-active-indicator: light-dark( var(--dashboard-blue-600), var(--dashboard-blue-400) );--dashboard-sidebar-divider: var(--dashboard-shell-border);--dashboard-header-bg: var(--dashboard-shell-bg);--dashboard-header-fg: var(--dashboard-shell-fg);--dashboard-header-border: var(--dashboard-shell-border);--dashboard-transition: var(--duration-base) var(--ease-default)}.dashboard{display:flex;min-height:100dvh;background-color:var(--dashboard-page-bg);color:var(--text-primary);isolation:isolate}.dashboard-sidebar-sentinel{display:contents}.dashboard[data-sidebar=closed]{--dashboard-sidebar-width-current: var(--dashboard-sidebar-width-collapsed)}.dashboard-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:var(--dashboard-sidebar-width-current);display:flex;flex-direction:column;background-color:color-mix(in oklch,var(--dashboard-sidebar-bg) 92%,transparent);backdrop-filter:blur(20px) saturate(180%);color:var(--dashboard-sidebar-fg);border-inline-end:1px solid var(--dashboard-header-border);overflow:hidden;transition:width var(--dashboard-transition)}.dashboard-sidebar-header{display:flex;align-items:center;gap:var(--space-3);min-height:var(--dashboard-header-height);padding-inline:max(var(--space-4),var(--safe-area-left)) max(var(--space-4),var(--safe-area-right));padding-block-start:max(var(--space-2),var(--safe-area-top));flex-shrink:0;overflow:hidden;white-space:nowrap;border-block-end:1px solid var(--dashboard-header-border)}.dashboard-sidebar-header a{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.dashboard-sidebar-close{display:none;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--dashboard-sidebar-muted);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base);&:hover{background-color:var(--dashboard-sidebar-hover-bg);color:var(--dashboard-sidebar-fg)}}@media(max-width:63.999rem){.dashboard-sidebar-close{display:flex}}.dashboard-sidebar-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:700}.dashboard-sidebar-brand{font-size:var(--text-lg);font-weight:600;overflow:hidden;white-space:nowrap;transition:opacity var(--dashboard-transition)}.dashboard[data-sidebar=closed] .dashboard-sidebar-brand{opacity:0}.dashboard-sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:.125rem;scrollbar-gutter:stable}.dashboard-sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--dashboard-sidebar-muted);white-space:nowrap;overflow:hidden;cursor:pointer;border-inline-start:3px solid transparent;padding-inline-start:calc(var(--space-3) - 3px);transition:background-color var(--duration-base),color var(--duration-base),border-color var(--duration-base);&:hover{background-color:var(--dashboard-sidebar-hover-bg);color:var(--dashboard-sidebar-fg)}&[data-active=true]{background-color:var(--dashboard-sidebar-active-bg);color:var(--dashboard-sidebar-active-fg);border-inline-start-color:var(--dashboard-sidebar-active-indicator)}}.dashboard-sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.dashboard-sidebar-icon svg{width:1.25rem;height:1.25rem}.dashboard-sidebar-label{overflow:hidden;text-overflow:ellipsis;transition:opacity var(--dashboard-transition)}.dashboard[data-sidebar=closed] .dashboard-sidebar-label{opacity:0}.dashboard-sidebar-footer{padding:var(--space-3);border-block-start:1px solid var(--dashboard-sidebar-divider);flex-shrink:0}.dashboard-sidebar-collapse{display:none;position:absolute;bottom:var(--space-4);left:50%;translate:-50% 0;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--dashboard-sidebar-muted);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base)}@media(width>=64rem){.dashboard-sidebar-collapse{display:flex}}.dashboard-sidebar-collapse:hover{background-color:var(--dashboard-sidebar-hover-bg);color:var(--dashboard-sidebar-fg)}.dashboard-sidebar-collapse svg{transition:rotate var(--duration-base) var(--ease-default)}.dashboard[data-sidebar=closed] .dashboard-sidebar-collapse svg{rotate:180deg}.dashboard-overlay{display:none}.dashboard-body{flex:1;display:flex;flex-direction:column;min-height:100dvh;padding-inline-start:var(--dashboard-sidebar-width-current);transition:padding-inline-start var(--dashboard-transition);container-type:inline-size;container-name:dashboard-shell}.dashboard-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-4);height:var(--dashboard-header-height);padding-inline:max(var(--space-4),var(--safe-area-left)) max(var(--space-6),var(--safe-area-right));background-color:color-mix(in oklch,var(--dashboard-header-bg) 84%,transparent);backdrop-filter:blur(20px) saturate(180%);color:var(--dashboard-header-fg);border-block-end:1px solid var(--dashboard-header-border);box-shadow:var(--shadow-sm)}.dashboard-header-start{display:flex;align-items:center;gap:var(--space-2)}.dashboard-header-center{flex:1;display:none;align-items:center}@media(min-width:40rem){.dashboard-header-center{display:flex}}.dashboard-search-trigger{display:flex;align-items:center;gap:var(--space-2);width:min(24rem,100%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--dashboard-shell-hover-bg);color:var(--dashboard-shell-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-base);&:hover{background-color:var(--dashboard-shell-hover-strong)}}.dashboard-search-trigger svg{flex-shrink:0}.dashboard-search-trigger span{flex:1;text-align:left}.dashboard-header-end,.dashboard-header-actions{display:flex;align-items:center;gap:var(--space-3)}.dashboard-header-divider{width:1px;height:1.5rem;background-color:var(--dashboard-header-border)}.dashboard-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--dashboard-shell-muted);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base);&:hover{color:var(--dashboard-shell-fg);background-color:var(--dashboard-shell-hover-bg)}}.dashboard-toggle svg{width:1.5rem;height:1.5rem}.dashboard-toggle[data-toggle=mobile]{display:none}.dashboard-toggle[data-toggle=desktop]{display:inline-flex}.dashboard-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--dashboard-shell-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-base),background-color var(--duration-base);&:hover{color:var(--dashboard-shell-fg);background-color:var(--dashboard-shell-hover-bg)}}.dashboard-toolbar-btn svg{width:1.25rem;height:1.25rem}.dashboard-user-menu{position:relative}.dashboard-user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md);cursor:pointer;list-style:none;transition:background-color var(--duration-base);&:hover{background-color:var(--dashboard-shell-hover-bg)}}.dashboard-user-menu-trigger::-webkit-details-marker{display:none}.dashboard-user-menu-trigger .avatar{flex-shrink:0}.dashboard-user-menu-info{display:none;flex-direction:column;max-width:10rem;overflow:hidden}@media(min-width:48rem){.dashboard-user-menu-info{display:flex}}.dashboard-user-menu-name{font-size:var(--text-sm);font-weight:600;color:var(--dashboard-shell-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user-menu-email{font-size:var(--text-xs);color:var(--dashboard-shell-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user-menu-chevron{display:none;width:1.25rem;height:1.25rem;color:var(--dashboard-shell-muted);transition:rotate var(--duration-base)}@media(min-width:64rem){.dashboard-user-menu-chevron{display:block}}.dashboard-user-menu[open] .dashboard-user-menu-chevron{rotate:180deg}.dashboard-user-menu-dropdown{position:absolute;right:0;top:calc(100% + var(--space-1));z-index:50;min-width:12.5rem;padding:var(--space-1);border-radius:var(--radius-md);background-color:color-mix(in oklch,var(--dashboard-shell-bg) 94%,transparent);backdrop-filter:blur(18px) saturate(180%);box-shadow:var(--shadow-lg);border:1px solid var(--dashboard-header-border)}.dashboard-user-menu-user-info{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--dashboard-header-border);margin-bottom:var(--space-1)}.dashboard-user-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--dashboard-shell-text);transition:background-color var(--duration-base);&:hover{background-color:var(--dashboard-shell-hover-bg)}}.dashboard-user-menu-item[data-danger]{color:var(--color-danger);&:hover{background-color:color-mix(in oklch,var(--color-danger) 10%,transparent)}}.dashboard-user-menu-item svg{width:1rem;height:1rem;flex-shrink:0}.dashboard-main{flex:1;padding:clamp(var(--space-4),2vw,var(--space-8));padding-block-end:max(clamp(var(--space-4),2vw,var(--space-8)),var(--safe-area-bottom))}@media(max-width:63.999rem){.dashboard-sidebar{width:var(--dashboard-sidebar-width);translate:-100% 0;transition:translate var(--dashboard-transition),width var(--dashboard-transition);@starting-style{translate:-105% 0}}.dashboard[data-mobile-sidebar] .dashboard-sidebar{translate:0 0}.dashboard-overlay{display:block;position:fixed;inset:0;z-index:55;background-color:#0006;opacity:0;pointer-events:none;transition:opacity var(--dashboard-transition);@starting-style{opacity:0}}.dashboard[data-mobile-sidebar] .dashboard-overlay{opacity:1;pointer-events:auto}.dashboard-body{padding-inline-start:0}.dashboard-toggle[data-toggle=mobile]{display:inline-flex}.dashboard-toggle[data-toggle=desktop]{display:none}.dashboard[data-sidebar=closed] .dashboard-sidebar-label{opacity:1}.dashboard-header{padding-inline:max(var(--space-3),var(--safe-area-left)) max(var(--space-4),var(--safe-area-right))}}@media(max-width:39.999rem){.dashboard-header{gap:var(--space-2);padding-inline:max(var(--space-2),var(--safe-area-left)) max(var(--space-3),var(--safe-area-right))}.dashboard-header-end{gap:var(--space-2)}}@media print{.dashboard .dashboard-sidebar,.dashboard .dashboard-header,.dashboard .dashboard-overlay{display:none}.dashboard .dashboard-body{padding-inline-start:0}}@media(prefers-reduced-motion:reduce){.dashboard-sidebar,.dashboard-body,.dashboard-overlay,.dashboard-sidebar-label,.dashboard-sidebar-item,.dashboard-toggle{transition:none;animation:none}}}@container dashboard-shell (width < 44rem){.dashboard-header-actions{gap:var(--space-2)}.dashboard-main{padding-inline:var(--space-4)}}@layer components{.landing-hero{position:relative;overflow:hidden;padding-block:clamp(3rem,8vw,8rem)}.landing-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in oklch,var(--um-blue-300) 30%,transparent),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,color-mix(in oklch,var(--um-purple-300) 20%,transparent),transparent),radial-gradient(ellipse 50% 50% at 20% 60%,color-mix(in oklch,var(--color-accent) 15%,transparent),transparent),var(--surface-bg)}.landing-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 60%,var(--surface-bg))}.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.landing-hero-content{max-width:36rem}.landing-hero-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.landing-hero-highlight{color:var(--color-primary)}.landing-hero-subtitle{margin-top:var(--space-6);font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.landing-hero-ctas{margin-top:var(--space-8);--cluster-gap: var(--space-4)}.demo-window-dot--red{background:var(--um-red-400)}.demo-window-dot--yellow{background:var(--um-yellow-400)}.demo-window-dot--green{background:var(--um-green-500)}.demo-icon--primary{background:color-mix(in oklch,var(--color-primary) 15%,transparent)}.demo-icon--success{background:color-mix(in oklch,var(--color-success) 15%,transparent)}.demo-icon--purple{background:color-mix(in oklch,var(--um-secondary) 15%,transparent)}.demo-row-content{flex:1}.demo-row-name{font-size:var(--text-sm);font-weight:500}.demo-row-meta{font-size:var(--text-xs);color:var(--text-muted)}.landing-section{animation:landing-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%}@keyframes landing-reveal{0%{opacity:0;translate:0 2rem;filter:blur(4px)}to{opacity:1;translate:0;filter:blur(0)}}.landing-card{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:translate var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-default)}.landing-card:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}.landing-features-section{padding-block:clamp(3rem,8vw,8rem);background:var(--surface-sunken)}.landing-pricing-section{padding-block:clamp(3rem,8vw,8rem)}.landing-privacy-section{padding-block:clamp(3rem,8vw,8rem);background:linear-gradient(180deg,color-mix(in oklch,var(--color-primary) 6%,transparent),transparent 55%),var(--surface-bg)}.landing-section-header{max-width:36rem;margin-inline:auto;text-align:center}.landing-section-header--left{margin-inline:0;text-align:left}.landing-section-title{font-size:var(--text-3xl);font-weight:700}.landing-section-desc{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--text-secondary)}.landing-feature-body{margin-top:var(--space-4)}.landing-feature-title{font-size:var(--text-lg);font-weight:600}.landing-feature-desc{margin-top:var(--space-2);color:var(--text-secondary)}.landing-privacy-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-10);align-items:start}.landing-privacy-copy{display:grid;gap:var(--space-6)}.landing-privacy-intro{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);max-width:42rem}.landing-privacy-rights{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%)}.landing-privacy-rights-title{font-size:var(--text-lg);font-weight:600}.landing-privacy-list{margin-top:var(--space-4);padding-left:var(--space-5);display:grid;gap:var(--space-3);color:var(--text-secondary)}.landing-privacy-cards{display:grid;gap:var(--space-4)}.landing-privacy-card{min-height:100%}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-6);margin-top:var(--space-16)}.landing-feature-card{animation:feature-stagger linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.landing-feature-card:nth-child(1){--stagger: 0}.landing-feature-card:nth-child(2){--stagger: 1}.landing-feature-card:nth-child(3){--stagger: 2}.landing-feature-card:nth-child(4){--stagger: 3}.landing-feature-card:nth-child(5){--stagger: 4}.landing-feature-card:nth-child(6){--stagger: 5}@keyframes feature-stagger{0%{opacity:0;translate:0 calc(1rem + var(--stagger, 0) * .25rem)}to{opacity:1;translate:0}}.landing-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-primary) 12%,transparent);color:var(--color-primary)}.pricing-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-8);transition:translate var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-default)}.pricing-card:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}.pricing-card--highlighted{background:var(--color-primary);color:var(--text-on-primary);box-shadow:0 0 0 3px var(--color-primary),0 0 0 6px color-mix(in oklch,var(--color-primary) 25%,transparent)}.pricing-card--default{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle)}.landing-pricing-grid{margin-top:var(--space-16);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.pricing-card-header{text-align:center}.pricing-card-name{font-size:var(--text-xl);font-weight:600}.pricing-card-price{margin-top:var(--space-4);align-items:baseline;justify-content:center;--cluster-gap: var(--space-1)}.pricing-price-value{font-size:var(--text-4xl);font-weight:800}.pricing-price-custom{font-size:var(--text-2xl);font-weight:700}.pricing-card-period{font-size:var(--text-sm)}.pricing-card--default .pricing-card-period{color:var(--text-muted)}.pricing-card--highlighted .pricing-card-period{opacity:.7}.pricing-card-desc{margin-top:var(--space-2);font-size:var(--text-sm)}.pricing-card--default .pricing-card-desc{color:var(--text-secondary)}.pricing-card--highlighted .pricing-card-desc{opacity:.8}.pricing-card-cta{margin-top:var(--space-8)}.pricing-card-cta-btn{width:100%;justify-content:center}.pricing-badge{position:absolute;top:-.75rem;left:50%;translate:-50% 0;background:var(--color-primary-light);color:var(--text-on-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-default)}.landing-cta--primary{background:var(--color-primary);color:var(--text-on-primary)}.landing-cta--primary:hover{background:var(--color-primary-light);box-shadow:0 4px 16px color-mix(in oklch,var(--color-primary) 40%,transparent)}.landing-cta--ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.landing-cta--ghost:hover{background:var(--surface-elevated)}.landing-logo{--cluster-gap: var(--space-2)}.landing-logo-icon{color:var(--color-primary)}.landing-brand-text{font-size:var(--text-xl);font-weight:700}.landing-cta-sm{padding:var(--space-2) var(--space-4)}.landing-header{position:sticky;top:0;z-index:50;background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle)}.landing-header nav{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4)}.landing-nav-links{display:flex;align-items:center;gap:var(--space-8)}.landing-nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default);cursor:pointer}.landing-nav-link:hover{color:var(--text-primary)}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.landing-footer{background:var(--um-zinc-900);color:var(--um-zinc-400);padding-block:var(--space-12) var(--space-8);border-top:1px solid var(--um-zinc-800)}.landing-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--space-8)}@media(width<768px){.landing-footer-grid{grid-template-columns:1fr 1fr}}.landing-footer h3{color:var(--um-zinc-50);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.landing-footer a{font-size:var(--text-sm);color:var(--um-zinc-500);transition:color var(--duration-fast) var(--ease-default);display:block;padding-block:var(--space-1)}.landing-footer a:hover{color:var(--um-zinc-50)}.landing-footer-brand{font-size:var(--text-xl);font-weight:700;color:var(--um-zinc-50)}.landing-footer-tagline{margin-top:var(--space-4);font-size:var(--text-sm)}.landing-footer-bottom{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--um-zinc-800);text-align:center}.landing-footer-copyright{font-size:var(--text-sm)}.landing-social-links{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.landing-social-links a{color:var(--um-zinc-400);transition:color var(--duration-fast) var(--ease-default);padding:0}.landing-social-links a:hover{color:var(--um-zinc-50)}.landing-testimonials-section{padding-block:clamp(3rem,8vw,8rem)}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-8);margin-top:var(--space-16)}.testimonial-card{display:flex;flex-direction:column}.testimonial-quote-icon{width:2rem;height:2rem;color:color-mix(in oklch,var(--color-primary) 20%,transparent)}.testimonial-quote{margin-top:var(--space-4);color:var(--text-secondary);line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.testimonial-avatar{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--avatar-color);color:#fff;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.testimonial-name{font-weight:600;font-size:var(--text-sm)}.testimonial-role{font-size:var(--text-xs);color:var(--text-muted)}.check-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.check-list-item{display:flex;align-items:center;gap:var(--space-3)}.check-list-icon{flex-shrink:0;width:1.25rem;height:1.25rem}button:hover .avatar-overlay{opacity:1}.landing-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary)}.landing-mobile-menu-btn:hover{background:var(--surface-elevated)}.landing-mobile-dropdown[popover]{display:none}.landing-mobile-dropdown[popover]:popover-open{border:none;padding:var(--space-4);margin:0;inset:unset;position:fixed;top:3.5rem;left:0;right:0;background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-lg)}.landing-mobile-dropdown::backdrop{background:#0000004d}.landing-mobile-dropdown a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md)}.landing-mobile-dropdown a:hover{color:var(--text-primary);background:var(--surface-elevated)}.landing-mobile-auth{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}@media(width<768px){.landing-nav-links,.landing-nav-actions{display:none}.landing-mobile-menu-btn{display:flex}.landing-hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.landing-hero-content{max-width:100%}.landing-pricing-grid{grid-template-columns:1fr}.landing-privacy-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media(width>=768px)and (width<1024px){.landing-pricing-grid{grid-template-columns:1fr;max-width:28rem;margin-inline:auto}}.demo-window{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);padding:var(--space-4);box-shadow:var(--shadow-lg)}.demo-window-dots{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.demo-window-dot{width:.75rem;height:.75rem;border-radius:var(--radius-full)}.demo-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken)}.demo-row+.demo-row{margin-top:var(--space-3)}.demo-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md)}}@layer components{.privacy-page{padding-block:clamp(2rem,5vw,4rem)}.privacy-content{max-width:48rem;margin-inline:auto}.privacy-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.privacy-updated{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-10)}.privacy-section{margin-bottom:var(--space-10)}.privacy-section-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.privacy-text{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.privacy-text+.privacy-text{margin-top:var(--space-3)}.privacy-list{list-style:disc;padding-left:var(--space-6);margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.privacy-list li{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary)}.privacy-contact{background:var(--surface-sunken);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.privacy-contact-label{font-weight:500;color:var(--text-primary)}.privacy-contact-value{color:var(--text-secondary)}.privacy-contact-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.privacy-contact-link:hover{color:var(--color-primary-light)}.privacy-divider{border:none;border-top:1px solid var(--border-subtle);margin-block:var(--space-10)}.privacy-footer-bottom{margin-top:0;padding-top:0;border-top:none}}@layer components{.sign-in-layout{display:flex;min-height:100dvh;width:100%}.sign-in-hero{position:relative;display:none;width:50%;min-height:100dvh;overflow:hidden}@media(width>=1024px){.sign-in-hero{display:flex;align-items:center}}.sign-in-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sign-in-hero-bg{position:absolute;inset:0;background:linear-gradient(to bottom right,#2563ebe6,#4338cae6)}.sign-in-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding-inline:3rem}@media(width>=1280px){.sign-in-hero-content{padding-inline:5rem}}.sign-in-hero-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.sign-in-hero-brand-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--um-white) 20%,transparent);backdrop-filter:blur(8px)}.sign-in-hero-brand-name{font-size:var(--text-2xl);font-weight:700;color:#fff}.sign-in-hero-tagline{font-size:var(--text-4xl);font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-4)}@media(width>=1280px){.sign-in-hero-tagline{font-size:3rem}}.sign-in-hero-desc{font-size:var(--text-lg);color:#dbeafee6;max-width:28rem;line-height:1.6}.sign-in-form-panel{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:var(--space-12) var(--space-4);overflow:hidden}@media(width>=1024px){.sign-in-form-panel{width:50%}}.sign-in-form-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:light-dark(linear-gradient(135deg,rgb(248 250 252),rgb(239 246 255 / .3),rgb(238 242 255)),linear-gradient(135deg,rgb(3 7 18),rgb(17 24 39),rgb(2 6 23)))}.sign-in-orb-1{position:absolute;top:25%;right:25%;width:500px;height:500px;border-radius:50%;background:light-dark(rgb(96 165 250 / .1),rgb(59 130 246 / .05));filter:blur(64px);animation:sign-in-pulse 4s ease-in-out infinite;z-index:-1}.sign-in-orb-2{position:absolute;bottom:25%;left:25%;width:400px;height:400px;border-radius:50%;background:light-dark(rgb(129 140 248 / .1),rgb(99 102 241 / .05));filter:blur(64px);animation:sign-in-pulse 4s ease-in-out infinite 1s;z-index:-1}.sign-in-orb-3{position:absolute;top:50%;left:50%;width:600px;height:600px;border-radius:50%;background:light-dark(rgb(216 180 254 / .05),rgb(168 85 247 / .05));filter:blur(64px);transform:translate(-50%,-50%);z-index:-1}.sign-in-pattern-grid{position:absolute;inset:0;z-index:-1;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){.sign-in-pattern-grid{opacity:.02}}@keyframes sign-in-pulse{0%,to{opacity:.6}50%{opacity:1}}.sign-in-card-shell{position:relative;width:100%;max-width:28rem}.sign-in-card-glow{position:absolute;inset:-.25rem;border-radius:1.5rem;background:linear-gradient(90deg,#3b82f633,#6366f133,#a855f733);opacity:0;filter:blur(24px);pointer-events:none}.sign-in-card{position:relative;width:100%;border-radius:1rem;border:1px solid light-dark(rgb(229 231 235 / .5),rgb(31 41 55 / .5));background:light-dark(rgb(255 255 255 / .8),rgb(17 24 39 / .8));backdrop-filter:blur(24px);box-shadow:light-dark(0 25px 50px -12px rgb(229 231 235 / .5),0 25px 50px -12px rgb(0 0 0 / .2));padding:2rem}@media(width>=640px){.sign-in-card{padding:2.5rem}}.sign-in-mobile-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}@media(width>=1024px){.sign-in-mobile-logo{display:none}}.sign-in-mobile-logo-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 24px #3b82f640;transition:box-shadow .3s ease}.sign-in-mobile-logo:hover .sign-in-mobile-logo-icon{box-shadow:0 10px 24px #3b82f666}.sign-in-mobile-logo-text{font-size:var(--text-xl);font-weight:700;color:light-dark(rgb(17 24 39),rgb(255 255 255))}.sign-in-header{text-align:center;margin-bottom:var(--space-8)}@media(width>=1024px){.sign-in-header{text-align:left}}.sign-in-title{font-size:var(--text-2xl);font-weight:700;color:light-dark(rgb(17 24 39),rgb(255 255 255))}.sign-in-subtitle{margin-top:var(--space-2);font-size:var(--text-sm);color:light-dark(rgb(107 114 128),rgb(156 163 175))}.sign-in-oauth-buttons{--stack-gap: var(--space-5)}.sign-in-oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:2.5rem;padding-inline:1rem;border-radius:var(--um-radius-medium);font-size:var(--um-font-size-small);line-height:var(--um-line-height-small);font-weight:400;border:none;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-default)}.sign-in-oauth-btn[data-provider=google]{background:#ea433526;color:#ea4335}.sign-in-oauth-btn[data-provider=google]:hover{background:#ea433540}.sign-in-oauth-btn[data-provider=microsoft]{background:#00a4ef26;color:#00a4ef}.sign-in-oauth-btn[data-provider=microsoft]:hover{background:#00a4ef40}.sign-in-divider{position:relative}.sign-in-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid light-dark(rgb(229 231 235),rgb(55 65 81 / .5))}.sign-in-divider-text{position:relative;display:flex;justify-content:center}.sign-in-divider-text span{padding-inline:var(--space-4);font-size:var(--text-sm);color:light-dark(rgb(156 163 175),rgb(107 114 128));background:light-dark(rgb(255 255 255),rgb(17 24 39))}.sign-in-form,.sign-in-fields{display:flex;flex-direction:column;gap:var(--space-4)}.sign-in-fields .input-wrapper[data-label-placement=inside]:not([data-size]) .input-field-wrapper,.sign-in-fields .input-wrapper[data-label-placement=inside][data-size=md] .input-field-wrapper{min-height:3.25rem;padding-block:.375rem}.sign-in-fields .input-field-wrapper{transition:none}.sign-in-fields .input-wrapper[data-variant=bordered] .input-field-wrapper:hover,.sign-in-fields .input-wrapper[data-variant=bordered] .input-field-wrapper:focus-within{border-color:var(--um-default-200)}.sign-in-fields .input-wrapper>.field-description:empty{display:none}.sign-in-form-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}@media(width<640px){.sign-in-form-row{flex-wrap:wrap}}.sign-in-forgot-link{font-size:var(--text-sm);color:light-dark(var(--um-blue-600),var(--um-blue-400));text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.sign-in-forgot-link:hover{color:light-dark(var(--um-blue-700),var(--um-blue-300))}.sign-in-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding-inline:1.5rem;border-radius:var(--um-radius-large);font-size:var(--um-font-size-medium);line-height:var(--um-line-height-medium);font-weight:400;background:color-mix(in oklch,var(--um-primary) 20%,transparent);color:var(--um-primary-600);border:none;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.sign-in-submit:hover{opacity:var(--um-opacity-hover, .8)}.sign-in-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--um-default-500)}.sign-in-footer a{color:light-dark(var(--um-blue-600),var(--um-blue-400));font-weight:500;text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.sign-in-footer a:hover{color:light-dark(var(--um-blue-700),var(--um-blue-300))}}@layer components{.auth-redirect-text{color:var(--text-secondary)}.sign-in-layout-stretch{width:100%;min-height:100dvh}.auth-profile-avatar-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.auth-profile-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.auth-avatar-wrapper{--stack-gap: var(--space-4);align-items:center}.auth-avatar-container{position:relative}.auth-avatar-button{position:relative;width:6rem;height:6rem;cursor:pointer;overflow:hidden;border-radius:var(--radius-full);border:none;background:none;padding:0}.auth-avatar-image{width:100%;height:100%;object-fit:cover}.auth-avatar-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--color-primary);color:var(--text-on-primary);font-size:var(--text-3xl);font-weight:500}.auth-avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--um-overlay) 50%,transparent);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.auth-avatar-button:hover .auth-avatar-overlay{opacity:1}.auth-avatar-overlay-icon{width:2rem;height:2rem;color:#fff}.auth-avatar-file-input{display:none}.auth-avatar-change-label{cursor:pointer;font-size:var(--text-sm);color:var(--color-primary);background:none;border:none}.switch-user-page{width:min(100% - var(--space-8),52rem);margin:0 auto;padding:var(--space-8) 0;.switch-user-card{box-shadow:0 20px 40px color-mix(in oklch,var(--um-foreground) 8%,transparent)}.switch-user-card-body{--stack-gap: var(--space-5);padding:var(--space-8)}.switch-user-desc{font-size:var(--text-base);color:var(--text-secondary)}.switch-user-actions{display:flex;justify-content:flex-start}}}@layer components{.api-clients-list{.list-header{justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.scopes-cluster{max-width:12rem;--cluster-gap: var(--space-1)}.actions-col{text-align:right}.empty-state-cta{margin-top:var(--space-4)}}.api-clients-show{.show-header{margin-bottom:var(--space-6)}.back-nav{align-items:center}.info-card{margin-bottom:var(--space-6)}.info-fields{--stack-gap: var(--space-4)}.status-badge{margin-top:var(--space-1)}.danger-card{border-color:var(--color-danger)}}.api-clients-new{.new-header{margin-bottom:var(--space-6)}.back-nav{align-items:center}.form-stack{--stack-gap: var(--space-6)}.card-fields{--stack-gap: var(--space-4)}.org-list{--stack-gap: var(--space-2)}.no-orgs{font-size:var(--text-sm);color:var(--text-muted)}.scope-groups{--stack-gap: var(--space-6)}.scope-items{--stack-gap: var(--space-2)}.scope-checkbox{margin-top:.125rem}.scope-name{font-size:var(--text-sm);font-weight:500}.scope-desc{font-size:var(--text-xs);color:var(--text-muted)}}.api-clients-credentials{.credentials-fields{--stack-gap: var(--space-4)}.done-link{text-align:center}}.api-clients-delete{.delete-header{margin-bottom:var(--space-6)}.delete-title{margin-top:var(--space-2)}.alert-title{font-weight:600;font-size:var(--text-sm);color:var(--color-danger)}.alert-text{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.summary-card{margin-bottom:var(--space-6)}.summary-fields{--stack-gap: var(--space-3)}.summary-label{font-size:var(--text-xs);color:var(--text-muted)}.summary-name{font-weight:500}.summary-code{display:block;font-family:monospace;font-size:var(--text-sm)}}.scope-badge{font-size:var(--text-xs)}}@layer components{.documents-index{display:grid;gap:var(--space-3);container:documents-index / inline-size}.documents-index .page-header-card{margin-bottom:0}.documents-actions{container:documents-toolbar / inline-size;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;.documents-toolbar-block{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.documents-toolbar{display:flex;flex-wrap:nowrap;gap:var(--space-3);align-items:center;min-width:max-content;overflow:visible}.documents-toolbar-group{display:flex;flex-wrap:nowrap;gap:var(--space-2);align-items:center}.documents-toolbar-group-secondary{display:flex;align-items:center;margin-inline-start:var(--space-1);padding-inline-start:var(--space-2);border-inline-start:1px solid color-mix(in oklch,var(--border-default) 72%,transparent)}.documents-toolbar-btn{text-decoration:none;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--border-default) 65%,transparent)}.documents-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.documents-toolbar-batch{--cluster-gap: var(--space-2);flex-wrap:nowrap;min-width:0}.documents-toolbar-menu{position:relative;&[data-disabled=true]{opacity:var(--um-opacity-disabled);pointer-events:none}&[open] .documents-toolbar-menu-trigger{background:color-mix(in oklch,var(--um-default) 12%,transparent)}}.documents-toolbar-menu-trigger{list-style:none;&::-webkit-details-marker{display:none}}.documents-toolbar-menu-panel{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:10;min-inline-size:12rem;padding:var(--space-1);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.documents-toolbar-menu-panel form+form{margin-top:2px}.documents-toolbar-menu-submit{width:100%;border:0;background:transparent;border-radius:var(--radius-md);padding:.625rem .75rem;text-align:left;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;&:hover{background:var(--surface-sunken)}}@container documents-toolbar (width < 48rem){.documents-toolbar-btn{flex-shrink:0}}}.documents-index .documents-data-grid{.data-table-toolbar{flex-wrap:nowrap;padding:var(--space-4)}.data-table-toolbar-secondary{flex-wrap:nowrap;min-width:0}.data-table-search{flex:1 1 18rem;min-width:10rem;max-width:28rem}.table-root{border-radius:0;box-shadow:none}.table__scroll-container{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges}.table__content{min-width:0}.table__column{white-space:nowrap}.table__column:first-child,.table__cell:first-child{position:sticky;left:0;z-index:1;background:inherit}.table__header .table__column:first-child{z-index:2}.table-name{display:inline-flex;align-items:center;min-width:0;max-width:min(32rem,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-muted{color:var(--text-secondary)}.document-status-chip{white-space:nowrap}.action-column{justify-content:flex-end;width:100%}}.documents-index .toolbar-hint{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2rem;margin:0;padding:.5rem .75rem;border-radius:var(--radius-full);border:1px solid color-mix(in oklch,var(--border-default) 70%,transparent);background:color-mix(in oklch,var(--surface-sunken) 78%,transparent);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;&[data-has-selection=true]{color:color-mix(in oklch,var(--color-primary) 72%,var(--text-primary));border-color:color-mix(in oklch,var(--color-primary) 28%,var(--border-default));background:color-mix(in oklch,var(--color-primary) 10%,transparent)}}.documents-index .toolbar-hint-dot{inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-full);background:currentColor;opacity:.45}@container documents-index (width < 48rem){.documents-index .documents-data-grid .table__content{min-width:48rem}}.documents-show{container:documents-show / inline-size;.show-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.preview-card{min-height:400px}.preview-image{max-width:100%;max-height:600px;object-fit:contain}.preview-fallback{text-align:center;color:var(--text-muted)}.preview-hint{font-size:var(--text-sm);margin-bottom:var(--space-3)}.preview-download{margin-top:var(--space-3)}.sidebar{--stack-gap: var(--space-3);overflow:clip;transition:opacity .25s ease}.sidebar-body{--stack-gap: 0}.sidebar-body .info-row{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.sidebar-body .info-row:nth-child(odd){background:color-mix(in oklch,var(--surface-sunken) 50%,transparent)}.tag-entry{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.tag-entry:nth-child(odd){background:color-mix(in oklch,var(--surface-sunken) 50%,transparent)}.tag-key{font-weight:500;color:var(--text-secondary);white-space:nowrap}.timestamps{padding:var(--space-3) var(--space-4);background:color-mix(in oklch,var(--surface-sunken) 60%,transparent);border:1px solid color-mix(in oklch,var(--border-default) 50%,transparent);border-radius:var(--radius-lg)}.timestamps-inner{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.timestamps-updated{margin-top:0}.steps-preview{--stack-gap: 0;position:relative}.step-preview-item{position:relative;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);&:last-child{margin-bottom:0}}.step-preview-item+.step-preview-item:before{content:"";position:absolute;left:calc(var(--space-3) + .75rem);bottom:100%;width:1px;height:var(--space-3);background:color-mix(in oklch,var(--color-primary) 30%,transparent)}.step-preview-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.step-preview-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--text-xs);font-weight:600;flex-shrink:0}.step-preview-title{font-size:var(--text-sm);font-weight:600}.step-preview-users{--stack-gap: var(--space-2)}.step-preview-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-md);transition:background .15s ease;&:hover{background:color-mix(in oklch,var(--surface-sunken) 80%,var(--color-primary))}}.step-preview-user-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:oklch(from var(--color-primary) l c h / .1);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;flex-shrink:0}.step-preview-user-info{flex:1;min-width:0}.step-preview-user-name{font-size:var(--text-sm);font-weight:500}.step-preview-user-email{font-size:var(--text-xs);color:var(--text-muted)}.step-preview-permission{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}}@container documents-show (width < 56rem){.documents-show .show-grid{grid-template-columns:1fr}.documents-show .preview-card{min-height:320px}}.documents-show[data-detail-sidebar=closed]{.show-grid{grid-template-columns:1fr 0;gap:0}.sidebar{opacity:0;pointer-events:none}}.detail-sidebar-toggle{border:1px solid color-mix(in oklch,var(--border-default) 70%,transparent);transition:background-color .15s ease,border-color .15s ease;&:hover{border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 8%,transparent)}& svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}}.documents-show[data-detail-sidebar=closed] .detail-sidebar-toggle{border-color:color-mix(in oklch,var(--color-primary) 40%,transparent);background:color-mix(in oklch,var(--color-primary) 6%,transparent);& svg{transform:scaleX(-1)}}.documents-form-page{.delete-preview{--stack-gap: var(--space-6);margin-bottom:var(--space-6)}.verify-card-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.verify-card-body{--stack-gap: var(--space-4)}.verify-iframe{width:100%;height:70vh;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated)}.download-actions{--cluster-gap: var(--space-2)}@media(width>=640px){.verify-card-header{flex-direction:row;align-items:center}}}.documents-trash{.trash-header{margin-bottom:var(--space-6)}.actions-col{text-align:right}.actions-cluster{justify-content:flex-end}.trash-name{font-weight:500;color:var(--text-primary)}.trash-table{min-width:48rem}.trash-table tbody tr{transition:background var(--duration-fast) var(--ease-default)}.trash-table tbody tr:hover{background:color-mix(in oklch,var(--surface-sunken) 50%,transparent)}}.documents-trash-toolbar{margin-bottom:var(--space-6)}.documents-trash-toolbar-actions{--cluster-gap: var(--space-2)}.documents-trash-toolbar .toolbar-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.documents-modal-form{--stack-gap: var(--space-4)}.documents-modal-subtitle{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.documents-modal-list-block{--stack-gap: var(--space-2);display:grid;gap:var(--space-2)}.documents-modal-list{margin:0;padding-left:var(--space-5);list-style:disc;color:var(--text-secondary);font-size:var(--text-sm)}.documents-modal-field{--stack-gap: var(--space-2)}.documents-modal-empty{padding:var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.documents-upload-dropzone{display:grid;gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken)}.documents-upload-dropzone-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.documents-upload-help{font-size:var(--text-xs);color:var(--text-muted)}.doc-form-file-info{padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.doc-form-file-name{font-size:var(--text-sm);font-weight:500}.doc-form-file-size{font-size:var(--text-xs);color:var(--text-muted)}.doc-form-grid{--grid-min: 240px;.doc-form-grid-wide{grid-column:span 2}}.doc-tags-header{display:flex;align-items:center;justify-content:space-between}.doc-form-tags-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}.doc-form-tags-list{--stack-gap: var(--space-3)}.doc-form-tag-row-interactive{display:flex;align-items:flex-start;gap:var(--space-2)}.doc-form-tag-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);flex:1;min-width:0}.doc-tag-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-top:1.5rem;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-danger);border-color:var(--color-danger)}}.doc-steps-header{display:flex;align-items:center;justify-content:space-between}.doc-steps-body{--stack-gap: var(--space-4)}.doc-form-step{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--text-sm);font-weight:600}.step-title{font-weight:600;flex:1}.step-field{margin-bottom:var(--space-3)}.step-users-label{margin-bottom:var(--space-2)}.step-user-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-2)}.step-user-permission{font-size:var(--text-xs);color:var(--text-muted);align-self:center}.doc-step-remove-btn,.doc-user-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-danger);border-color:var(--color-danger)}}.doc-user-remove-btn{align-self:center}.doc-step-users{--stack-gap: var(--space-3)}.doc-step-users-toolbar{--cluster-gap: var(--space-2);justify-content:space-between;align-items:center}.doc-step-users-list{--stack-gap: var(--space-2)}.doc-form-steps-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}}@layer components{.document-status-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--um-default-600);background:var(--um-default-100);&[data-status=draft],&[data-status=uploaded]{color:var(--um-default-600);background:var(--um-default-100)}&[data-status=signed],&[data-status=reviewed]{color:var(--um-success-600);background:color-mix(in oklch,var(--um-success) 15%,transparent)}&[data-status=send]{color:var(--um-primary-600);background:color-mix(in oklch,var(--um-primary) 15%,transparent)}&[data-status=waitingYourSign],&[data-status=awaitingReview]{color:var(--um-warning-600);background:color-mix(in oklch,var(--um-warning) 15%,transparent)}&[data-status=waitingOtherSign]{color:var(--um-secondary-600);background:color-mix(in oklch,var(--um-secondary) 15%,transparent)}}}@layer components{.document-history{--stack-gap: var(--space-3);list-style:none;padding:0;margin:0}.document-history-empty{padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.document-history-entry{--cluster-gap: var(--space-3);align-items:flex-start}.document-history-icon{width:2rem;height:2rem;border-radius:var(--radius-full);flex-shrink:0;font-size:var(--text-xs);font-weight:700;&[data-change-type=created]{color:var(--color-success);background:color-mix(in oklch,var(--color-success) 12%,transparent)}&[data-change-type=updated]{color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 12%,transparent)}&[data-change-type=deleted]{color:var(--color-danger);background:color-mix(in oklch,var(--color-danger) 12%,transparent)}&[data-change-type=signed]{color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 12%,transparent)}&[data-change-type=restored]{color:var(--color-success);background:color-mix(in oklch,var(--color-success) 12%,transparent)}}.document-history-content{min-width:0;flex:1}.document-history-description{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.document-history-meta{font-size:var(--text-xs);color:var(--text-muted)}}@layer components{.verification-error-body{padding:var(--space-8)}.verification-status-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);margin-bottom:var(--space-3);&[data-status=success]{background:color-mix(in oklch,var(--color-success) 14%,transparent);color:var(--color-success)}&[data-status=danger]{background:color-mix(in oklch,var(--color-danger) 14%,transparent);color:var(--color-danger)}}.verification-error-title{font-size:var(--text-lg);font-weight:600;color:var(--color-danger);margin-bottom:var(--space-2)}.verification-error-description{font-size:var(--text-sm);color:var(--text-secondary)}.verification-banner{justify-content:center;padding:var(--space-6)}.verification-banner-text{font-size:var(--text-lg);font-weight:600;&[data-status=success]{color:var(--color-success)}&[data-status=danger]{color:var(--color-danger)}}.verification-signature-entry{--stack-gap: var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.verification-detail-row{--cluster-gap: var(--space-3);padding:var(--space-1) 0}.verification-detail-label{min-width:180px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.verification-detail-value{font-size:var(--text-sm);color:var(--text-primary)}}@layer components{.sign-modal-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--um-overlay) 50%,transparent);backdrop-filter:blur(12px) saturate(1.5);display:grid;place-items:center;z-index:50}.sign-modal-panel{width:min(32rem,92vw);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg)}.sign-modal-panel[data-method=id-gov-ua]{width:min(46rem,96vw)}.sign-modal-header{justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.sign-modal-title{font-size:var(--text-lg);font-weight:600}.sign-modal-close{color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;background:none;border:none;line-height:1;padding:var(--space-1)}.sign-modal-error{margin-bottom:var(--space-4)}.sign-modal-method-tabs{margin-bottom:var(--space-4);max-width:100%}.sign-modal-method-panel{display:grid;gap:var(--space-4)}.sign-modal-method-description,.sign-modal-method-status{font-size:var(--text-sm);line-height:1.5}.sign-modal-method-description{color:var(--text-secondary)}.sign-modal-method-status{color:var(--text-primary)}.sign-modal-idgov-widget{min-height:24rem;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:#fff}.sign-modal-idgov-qr{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken)}.sign-modal-idgov-qr-image{width:8rem;height:8rem;object-fit:contain;padding:var(--space-2);background:#fff;border-radius:var(--radius-sm)}.sign-modal-idgov-qr-copy{min-width:0}.sign-modal-idgov-link{color:var(--color-primary);font-size:var(--text-xs);word-break:break-all}.sign-modal-inline-progress{padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken)}@media(max-width:640px){.sign-modal-idgov-qr{grid-template-columns:1fr}.sign-modal-idgov-qr-image{width:100%;max-width:12rem;justify-self:center}}.sign-modal-documents{margin-bottom:var(--space-4)}.sign-modal-documents-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.sign-modal-documents-list{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken)}.sign-modal-documents-item{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.sign-modal-documents-item+.sign-modal-documents-item{margin-top:var(--space-1)}.sign-modal-actions{justify-content:flex-end}.sign-modal-actions-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sign-modal-actions-full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.sign-modal-actions-full>*{width:100%}.sign-modal-filename{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.sign-modal-password-field{margin-bottom:var(--space-4)}.sign-modal-password-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1)}.sign-modal-password-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm)}.sign-modal-cert-details{padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.sign-modal-cert-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2)}.sign-modal-cert-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:var(--text-sm)}.sign-modal-cert-label{color:var(--text-muted)}.sign-modal-cert-value-bold{font-weight:500}.sign-modal-cert-serial{font-family:monospace;font-size:var(--text-xs)}.sign-modal-cert-validity{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);font-size:var(--text-sm);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.sign-modal-confirm-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.sign-modal-progress{text-align:center;padding:var(--space-8)}.sign-modal-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-4)}.sign-modal-progress-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.sign-modal-progress-count{font-size:var(--text-xs);color:var(--text-muted)}.sign-modal-progress-track{margin-top:var(--space-3);height:4px;background:var(--surface-sunken);border-radius:var(--radius-full);overflow:hidden}.sign-modal-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.sign-modal-done{text-align:center;padding:var(--space-6)}.sign-modal-done-icon{width:3rem;height:3rem;background:var(--color-success-subtle);border-radius:50%;margin:0 auto var(--space-4)}.sign-modal-done-icon svg{width:1.5rem;height:1.5rem;color:var(--color-success)}.sign-modal-done-title{font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-1)}.sign-modal-done-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.sign-modal-error-state{text-align:center;padding:var(--space-6)}.sign-modal-error-icon{width:3rem;height:3rem;background:var(--color-danger-subtle);border-radius:50%;margin:0 auto var(--space-4)}.sign-modal-error-icon svg{width:1.5rem;height:1.5rem;color:var(--color-danger)}.sign-modal-error-title{font-size:var(--text-base);font-weight:500;color:var(--color-danger);margin-bottom:var(--space-4)}.sign-modal-error-actions{justify-content:center}}@layer components{.pdf-viewer{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-sunken);min-height:400px;&:focus{outline:none}}:is(.pdf-toolbar,.pdf-search-bar){& svg{width:1.125em;height:1.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}& button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;&:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}&:disabled{opacity:.4;cursor:default}}}.pdf-toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-default);border-bottom:1px solid var(--border-default);flex-shrink:0;flex-wrap:wrap;min-height:2.75rem;& button[data-active]{background:var(--color-primary);color:#fff}}.pdf-toolbar-link{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background .15s,color .15s;&:hover{background:var(--surface-hover);color:var(--text-primary)}}.pdf-toolbar-group{display:flex;align-items:center;gap:var(--space-1)}.pdf-toolbar-separator{width:1px;height:1.5rem;background:var(--border-default);margin:0 var(--space-1)}.pdf-page-input{width:3.5rem;text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1);font-size:var(--text-sm);background:var(--surface-default);color:var(--text-primary);-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&:focus{outline:2px solid var(--color-primary);outline-offset:-1px}}.pdf-toolbar-text{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;user-select:none}.pdf-zoom-text{min-width:3rem;text-align:center}.pdf-search-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-default);border-bottom:1px solid var(--border-default)}.pdf-search-input{flex:1;max-width:20rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);background:var(--surface-default);color:var(--text-primary);&:focus{outline:2px solid var(--color-primary);outline-offset:-1px}}.pdf-body{display:flex;flex:1;min-height:0}.pdf-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-default);background:var(--surface-default)}.pdf-sidebar-tabs{display:flex;border-bottom:1px solid var(--border-default)}.pdf-sidebar-tab{flex:1;padding:var(--space-2);border:none;background:transparent;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;&:hover{background:var(--surface-hover)}&[data-active]{color:var(--color-primary);font-weight:600;box-shadow:inset 0 -2px 0 var(--color-primary)}}.pdf-sidebar-content{flex:1;overflow-y:auto;padding:var(--space-2)}.pdf-thumb-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:border-color .15s,background .15s;&:hover{background:var(--surface-hover)}&.pdf-thumb-active{border-color:var(--color-primary)}}.pdf-thumb-canvas{background:#fff;box-shadow:0 1px 3px #0000001a;& canvas{display:block;max-width:100%;height:auto}}.pdf-thumb-label{font-size:var(--text-xs);color:var(--text-muted)}.pdf-bookmark-list{list-style:none;padding:0;margin:0;& ul{list-style:none;padding-left:var(--space-4);margin:0}}.pdf-bookmark-item{width:100%;padding:var(--space-1) var(--space-2);border:none;background:transparent;text-align:left;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);&:hover{background:var(--surface-hover)}}.pdf-no-bookmarks{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.pdf-pages{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);min-height:300px;max-height:80vh;&[data-selection-mode=hand]{cursor:grab}}.pdf-page-wrapper{flex-shrink:0;background:#fff;box-shadow:0 1px 4px #0000001a,0 0 1px #0000000d;position:relative;& canvas{display:block}}.pdf-text-layer{position:absolute;inset:0;overflow:hidden;& span{color:transparent;position:absolute;white-space:pre;transform-origin:0% 0%;cursor:text}& span::selection{background:oklch(.55 .19 250 / .3)}.search-highlight{background:oklch(.85 .18 80 / .5);border-radius:2px}.search-active{background:#4dba3099}}.pdf-pages[data-selection-mode=hand] .pdf-text-layer{pointer-events:none}.pdf-annotation-layer{position:absolute;inset:0;overflow:hidden;& section{position:absolute}& a{display:block;position:absolute;cursor:pointer;&:hover{background:oklch(.85 .15 80 / .2)}}}.pdf-loading,.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.pdf-error{color:var(--color-danger)}.pdf-viewer[data-fullscreen]{position:fixed;inset:0;z-index:1000;border-radius:0;border:none;.pdf-pages{max-height:none}}.pdf-viewer[data-mode=page] .pdf-pages{justify-content:center}.pdf-viewer[data-theme=dark]{--surface-default: oklch(.22 .01 250);--surface-sunken: oklch(.18 .01 250);--surface-hover: oklch(.28 .01 250);--border-default: oklch(.35 .01 250);--text-primary: oklch(.92 0 0);--text-secondary: oklch(.78 0 0);--text-muted: oklch(.6 0 0);.pdf-page-wrapper{box-shadow:0 1px 4px #0000004d,0 0 1px #00000026}.pdf-thumb-canvas{box-shadow:0 1px 3px #0000004d}}}@layer components{.routes-list{.routes-data-grid .table__scroll-container{min-width:46rem}.routes-grid-name{display:grid;gap:var(--space-1)}.routes-grid-description{margin:0;color:var(--text-muted);line-height:1.4}}.routes-form-fields{--stack-gap: var(--space-6);.card-fields{--stack-gap: var(--space-4)}.card-steps{--stack-gap: var(--space-5)}}.steps-card-header{display:flex;align-items:center;justify-content:space-between}.route-step{--step-user-cols: 1fr 1fr 10rem auto;background:var(--surface-sunken);border:1px solid var(--border-default);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-5);transition:box-shadow var(--duration-base) var(--ease-default);&:focus-within{box-shadow:var(--shadow-sm)}.step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--text-sm);font-weight:700;flex-shrink:0;box-shadow:0 2px 6px color-mix(in oklch,var(--color-primary) 25%,transparent)}.step-title{font-weight:600;flex:1}.step-actions{display:flex;gap:var(--space-1);margin-left:auto}.step-field{margin-bottom:var(--space-4)}.step-users{--stack-gap: var(--space-3)}.step-users-toolbar{--cluster-gap: var(--space-3);align-items:center;justify-content:space-between}.step-users-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.step-users-list{--stack-gap: var(--space-2)}.user-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:border-color var(--duration-fast) var(--ease-default);@media(width>=48rem){grid-template-columns:var(--step-user-cols);align-items:start}&:focus-within{border-color:color-mix(in oklch,var(--color-primary) 40%,transparent)}}.user-row-actions{display:flex;align-items:center;gap:var(--space-1);justify-content:flex-end;flex-wrap:wrap}.user-action-btn{align-self:center}}.step-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}&:disabled{opacity:.4;cursor:not-allowed}&.step-action-btn--neutral{background:light-dark(var(--um-zinc-50),var(--um-zinc-800));color:var(--text-secondary)}&.step-action-btn--copy{background:color-mix(in oklch,var(--color-accent) 18%,transparent);border-color:color-mix(in oklch,var(--color-accent) 35%,var(--border-default));color:var(--color-accent)}&.step-action-btn--copy:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent) 26%,transparent);color:color-mix(in oklch,var(--color-accent) 85%,black)}&.step-action-btn--danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in oklch,var(--color-danger) 14%,transparent)}}.route-select{appearance:none;background:transparent;cursor:pointer}.routes-empty-steps{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-8);background:var(--surface-sunken);border-radius:var(--radius-md);border:1px dashed var(--border-default)}.routes-delete{.alert-text{font-size:var(--text-sm);color:var(--color-danger)}}}@layer components{.orgs-index{.list-header{justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.org-name-cell{min-width:0}.org-code{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.org-balance{font-weight:600;color:var(--text-primary)}.org-transactions{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.org-transaction-tooltip-panel{--tooltip-arrow-offset: calc(var(--space-3) + .125rem);min-inline-size:min(20rem,calc(100vi - (var(--page-gutter) * 2)))}.org-transaction-tooltip{display:grid;gap:var(--space-2);inline-size:100%}.org-transaction-tooltip-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2)}.org-transaction-tooltip-text{min-width:0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;text-wrap:pretty;overflow-wrap:anywhere}.org-transaction-tooltip-more{font-size:var(--text-xs);color:var(--text-muted);justify-self:end}.org-transaction-chip{max-width:100%}.org-transaction-count{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.actions-header,.actions-cell{text-align:right}.actions-cluster{justify-content:flex-end}}.orgs-form-page{.form-header{margin-bottom:var(--space-6)}.back-nav{align-items:center}.form-stack{--stack-gap: var(--space-6)}.delete-preview{--stack-gap: var(--space-6);margin-bottom:var(--space-6)}.delete-warning{font-size:var(--text-sm);color:var(--color-danger)}}.orgs-form-fields{.card-fields{--stack-gap: var(--space-4)}}.orgs-settings{.settings-form{--stack-gap: var(--space-6)}.settings-group{--stack-gap: var(--space-4)}.settings-group-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.checkbox-text{font-size:var(--text-sm)}.settings-actions{justify-content:flex-end}}.orgs-users{.users-header{justify-content:space-between;align-items:center}.users-body{--stack-gap: var(--space-6)}.invite-box{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.invite-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.invite-form{align-items:flex-end}.invite-email{flex:1}.invite-role{min-width:12rem}.invite-submit{white-space:nowrap}.invite-actions{justify-content:flex-end}.count-badge{display:inline-flex;align-items:center;padding:0 var(--space-2);font-size:var(--text-xs);background:var(--surface-muted);border-radius:var(--radius-full);color:var(--text-secondary)}.user-empty{text-align:center;padding:var(--space-10) var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-lg)}.user-empty-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.user-empty-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.users-list{display:flex;flex-direction:column}.user-row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.user-row:first-child{padding-top:0}.user-row:last-child{border-bottom:none;padding-bottom:0}.user-row[data-pending]{opacity:.7}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:color-mix(in oklch,var(--avatar-color) 15%,transparent);color:var(--avatar-color);flex-shrink:0}.user-avatar[data-pending]{--avatar-color: var(--color-warning)}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-sm);font-weight:500}.user-email{font-size:var(--text-xs);color:var(--text-muted)}.pending-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--text-secondary)}.user-actions{--cluster-gap: var(--space-2);flex-wrap:nowrap}.no-users{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}.remove-btn{padding:var(--space-1);min-width:auto;font-size:var(--text-xs)}}.orgs-subscription{.subscription-body{--stack-gap: var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stat-card{padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.stat-value{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-1)}.tier-form{align-items:flex-end}.tier-select{flex:1}.tier-submit{white-space:nowrap}}.orgs-credits{.credits-body{--stack-gap: var(--space-6)}.balance-display{padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);text-align:center}.balance-value{font-size:var(--text-3xl);font-weight:700;margin-top:var(--space-2)}.balance-label{font-size:var(--text-sm);color:var(--text-muted)}.add-form{align-items:flex-end}.add-input{flex:1}.add-submit{white-space:nowrap}.tx-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.tx-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4)}.tx-amount[data-type=add]{color:var(--color-success)}.tx-amount[data-type=deduct]{color:var(--color-danger)}}.org-tier-badge{display:inline-flex;padding:var(--space-0) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--surface-muted);font-weight:500}.org-subscription-description{font-size:var(--text-xs);color:var(--text-muted)}.org-subscription-fields{--stack-gap: var(--space-6)}.org-limits-title{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.org-limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.org-limit-card{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-muted)}.org-limit-label{font-size:var(--text-xs);color:var(--text-muted)}.org-limit-value{font-size:var(--text-lg);font-weight:600}.org-subscription-actions{display:flex;justify-content:flex-end}.org-form-fields,.org-modal-fields{--stack-gap: var(--space-4)}.org-settings-section{margin-bottom:var(--space-6)}.org-settings-section-divider{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.org-settings-section-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.org-settings-fields{--stack-gap: var(--space-4)}.org-settings-group{--stack-gap: var(--space-3)}.org-settings-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}}@layer components{.org-user-list{.list-header{justify-content:space-between}.list-title{font-size:var(--text-base);font-weight:600}.count-badge{display:inline-flex;align-items:center;padding:0 var(--space-2);font-size:var(--text-xs);background:var(--surface-muted);border-radius:var(--radius-full);color:var(--text-secondary)}.list-description{font-size:var(--text-xs);color:var(--text-muted)}.user-empty{text-align:center;padding:var(--space-10) var(--space-4)}.user-empty-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.user-empty-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.user-row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.user-row[data-pending]{opacity:.7}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:color-mix(in oklch,var(--avatar-color) 15%,transparent);color:var(--avatar-color)}.user-avatar[data-pending]{background:var(--surface-warning-subtle);color:var(--color-warning)}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-sm);font-weight:500}.user-email{font-size:var(--text-xs);color:var(--text-muted)}.user-actions{--cluster-gap: var(--space-2)}.role-badge{display:inline-flex;padding:var(--space-0) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);background:color-mix(in oklch,var(--role-color) 15%,transparent);color:var(--role-color)}.status-badge{display:inline-flex;padding:var(--space-0) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--surface-warning-subtle);color:var(--color-warning)}.remove-btn{padding:var(--space-1);font-size:var(--text-xs)}}}@layer components{.credits-card{.credits-title{font-size:var(--text-base);font-weight:600}.credits-description{font-size:var(--text-xs);color:var(--text-muted)}.credits-body{--stack-gap: var(--space-6)}.balance-box{padding:var(--space-4) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-muted)}.balance-label{font-size:var(--text-xs);color:var(--text-muted)}.balance-value{font-size:var(--text-3xl);font-weight:700}.balance-unit{font-size:var(--text-base);font-weight:400;color:var(--text-muted)}.add-form{align-items:flex-end}.add-input{flex:1}.tx-title{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.tx-empty{text-align:center;padding:var(--space-8) var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-md)}.tx-empty-text{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.tx-table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}.tx-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.tx-amount{font-weight:500}.tx-type-badge{display:inline-flex;padding:var(--space-0) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full)}.tx-type-badge[data-type=add]{background:var(--surface-success-subtle);color:var(--color-success)}.tx-type-badge[data-type=deduct]{background:var(--surface-danger-subtle);color:var(--color-danger)}}}@layer components{.settings-section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-6)}.settings-form-fields{--stack-gap: var(--space-6)}}@layer components{.templates-index{.template-grid-name{min-width:0}.template-grid-description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(32rem,45vw)}}.templates-show{.show-header{justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.header-divider{width:1px;height:1.5rem;background:var(--border-default)}.template-title{font-size:var(--text-lg);font-weight:600}.detail-card{margin-bottom:var(--space-6)}.detail-fields{--stack-gap: var(--space-4)}.timestamps{padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-muted)}.timestamps p+p{margin-top:var(--space-1)}}}@layer components{.notifications-page{max-width:48rem}.notifications-header{justify-content:space-between;margin-bottom:var(--space-6)}.notifications-meta{--stack-gap: var(--space-1)}.notifications-count{font-size:var(--text-sm);color:var(--text-secondary)}.notifications-list{--stack-gap: 0;padding:0}.notifications-empty{padding:var(--space-8) var(--space-6);color:var(--text-secondary);& p{font-size:var(--text-sm)}}.notification-wrapper{border-bottom:1px solid var(--border-default)}.notification-actions{padding:0 var(--space-6) var(--space-3)}.notification-dropdown{position:relative}.notification-dropdown-link{position:relative;display:inline-flex;padding:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary)}.notification-dropdown-label{font-size:var(--text-sm)}.notification-dropdown-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:var(--text-xs);font-weight:500}}@layer components{.notification-item{padding:var(--space-4) var(--space-6);transition:background .15s;&[data-unread]{background:var(--surface-tint)}}.notification-item-body{align-items:flex-start;gap:var(--space-4)}.notification-icon{flex-shrink:0;margin-top:2px;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);&[data-type=success]{color:var(--color-success);background:color-mix(in oklch,var(--color-success) 12%,transparent)}&[data-type=warning]{color:var(--color-warning);background:color-mix(in oklch,var(--color-warning) 12%,transparent)}&[data-type=info],&:not([data-type]){color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 12%,transparent)}& svg{font-size:var(--text-xs)}}.notification-content{flex:1;min-width:0}.notification-header{align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.notification-title{font-size:var(--text-sm);font-weight:500}.notification-message{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.notification-unread-dot{flex-shrink:0;margin-top:var(--space-2);width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--color-primary)}.notification-date{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}}