@layer theme,base,components,animations,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}html{tab-size:4}body,dialog,[popover]{font-family:var(--font-sans);font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--foreground)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25}:is(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}h1{font-size:var(--text-1);margin:var(--space-10) 0 var(--space-6)}h2{font-size:var(--text-2);margin:var(--space-8) 0 var(--space-5)}h3{font-size:var(--text-3);margin:var(--space-6) 0 var(--space-4)}h4{font-size:var(--text-4);margin:var(--space-5) 0 var(--space-3)}h5{font-size:var(--text-5);margin:var(--space-4) 0 var(--space-2)}h6{font-size:var(--text-regular);margin:var(--space-4) 0 var(--space-2)}p{margin-block-end:var(--space-4)}p:last-child{margin-block-end:0}a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}a:hover{color:rgb(from var(--primary) r g b / .8)}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-7)}code{font-family:var(--font-mono);font-size:.875em;padding:calc(var(--space-1) / 2) var(--space-1);background-color:var(--faint);border-radius:var(--radius-small)}pre{font-family:var(--font-mono);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-medium);overflow-x:auto;margin-block-end:var(--space-4)}pre code{padding:0;background:none;border-radius:0}blockquote{border-inline-start:4px solid var(--border);padding-inline-start:var(--space-4);margin:var(--space-4) 0;color:var(--muted-foreground);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}ul,ol{padding-inline-start:var(--space-6);margin-block-end:var(--space-4)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--space-1)}mark{background-color:rgb(from var(--warning) r g b / .3);padding:calc(var(--space-1) / 2) var(--space-1);border-radius:var(--radius-small)}[hidden]{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}}@layer theme{:root{color-scheme:light dark;--background: light-dark(#fff, #09090b);--foreground: light-dark(#09090b, #fafafa);--card: light-dark(#fff, #18181b);--card-foreground: light-dark(#09090b, #fafafa);--primary: light-dark(#574747, #fafafa);--primary-foreground: light-dark(#fafafa, #18181b);--secondary: light-dark(#f4f4f5, #27272a);--secondary-foreground: light-dark(#574747, #fafafa);--muted: light-dark(#f4f4f5, #27272a);--muted-foreground: light-dark(#71717a, #a1a1aa);--faint: light-dark(#fafafa, #1e1e21);--faint-foreground: light-dark(#a1a1aa, #71717a);--accent: light-dark(#f4f4f5, #27272a);--danger: light-dark(#d32f2f, #f4807b);--danger-foreground: light-dark(#fafafa, #18181b);--success: light-dark(#008032, #6cc070);--success-foreground: light-dark(#fafafa, #18181b);--warning: light-dark(#a65b00, #f0a030);--warning-foreground: #09090b;--border: light-dark(#d4d4d8, #52525b);--input: light-dark(#d4d4d8, #52525b);--ring: light-dark(#574747, #d4d4d8);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-18: 4.5rem;--radius-small: .125rem;--radius-medium: .375rem;--radius-large: .75rem;--radius-full: 9999px;--bar-height: .5rem;--font-sans: system-ui, sans-serif;--font-mono: ui-monospace, Consolas, monospace;--text-1: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);--text-2: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-4: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-5: 1.125rem;--text-6: 1rem;--text-7: .875rem;--text-8: .75rem;--text-regular: var(--text-6);--leading-normal: 1.5;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 600;--shadow-small: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-medium: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-large: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 50;--z-modal: 200}}@layer animations{.animate-pop-in{opacity:1;transform:perspective(1000px) rotateX(0) translateZ(0);transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),overlay .15s cubic-bezier(.4,0,.2,1) allow-discrete,display .15s cubic-bezier(.4,0,.2,1) allow-discrete}@starting-style{.animate-pop-in{opacity:0;transform:perspective(1000px) rotateX(-15deg) translateZ(-80px)}}.animate-pop-in[data-state=closing]{opacity:0;transform:perspective(1000px) rotateX(-15deg) translateZ(-80px)}.animate-pop-in[data-state=closing]::backdrop{opacity:0}dialog::backdrop{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@starting-style{dialog::backdrop{opacity:0}}.animate-slide-in{opacity:1;transform:translate(0);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}@starting-style{.animate-slide-in{opacity:0;transform:translate(100%)}}.animate-slide-in[data-state=closing]{opacity:0;transform:translate(100%)}}@layer base{:is(button,[type=submit],[type=reset],[type=button],a.button),::file-selector-button{--_hov: color-mix(in srgb, var(--primary), white 25%);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-7);font-weight:var(--font-medium);line-height:var(--leading-normal);white-space:nowrap;text-decoration:none;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);border:1px solid;border-color:rgb(from #fff r g b / .15) rgb(from #000 r g b / .2) rgb(from #000 r g b / .2) rgb(from #fff r g b / .15);transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}:is(button,[type=submit],[type=reset],[type=button],a.button):not(:disabled){cursor:pointer}:is(button,[type=submit],[type=reset],[type=button],a.button):hover:not(:disabled){background-color:var(--_hov)}:is(button,[type=submit],[type=reset],[type=button],a.button):active:not(:disabled){transform:translate(1px,1px)}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=secondary]{--_hov: color-mix(in srgb, var(--secondary), black 10%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:rgb(from #fff r g b / .5) rgb(from #000 r g b / .1) rgb(from #000 r g b / .1) rgb(from #fff r g b / .5)}:is(button,[type=submit],[type=reset],[type=button],a.button)[data-variant=danger]{--_hov: color-mix(in srgb, var(--danger), black 15%);background-color:var(--danger);color:var(--danger-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost){--_hov: var(--accent);background-color:transparent;color:var(--foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=danger]{--_hov: color-mix(in srgb, var(--danger), transparent 90%);color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button):is(.outline,.ghost)[data-variant=secondary]{--_hov: color-mix(in srgb, var(--secondary), transparent 80%);color:var(--secondary-foreground)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline{border-color:var(--border)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=danger]{border-color:var(--danger)}:is(button,[type=submit],[type=reset],[type=button],a.button).outline[data-variant=secondary]{border-color:var(--secondary)}:is(button,[type=submit],[type=reset],[type=button],a.button).ghost{border-color:transparent}:is(button,[type=submit],[type=reset],[type=button],a.button).small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}:is(button,[type=submit],[type=reset],[type=button],a.button).large{height:3rem;padding:0 var(--space-6);font-size:var(--text-regular)}:is(button,[type=submit],[type=reset],[type=button],a.button).icon{width:2.5rem;padding:0}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.small{width:2rem}:is(button,[type=submit],[type=reset],[type=button],a.button).icon.large{width:3rem}::file-selector-button{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}::file-selector-button:hover{background-color:var(--accent)}}@layer components{menu.buttons{list-style-type:none;padding-inline-start:0;display:inline-flex}menu.buttons>li:first-child>*{border-start-start-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium)}menu.buttons>li:last-child>*{border-start-end-radius:var(--radius-medium);border-end-end-radius:var(--radius-medium)}menu.buttons>li>*{border-radius:0}menu.buttons>li:not(:last-child)>*{border-inline-end:1px solid rgb(from var(--primary-foreground) r g b / .2)}}@layer base{label{display:block;font-size:var(--text-7);font-weight:var(--font-medium)}label:has(input:where([type=checkbox],[type=radio])){display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-normal)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select){width:100%;margin-block-start:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:var(--leading-normal);background-color:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-medium);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select)::placeholder{color:var(--muted-foreground)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2);z-index:1}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):disabled{background-color:var(--muted)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid){border-color:var(--danger)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select):is([aria-invalid=true],:user-invalid):focus{box-shadow:0 0 0 2px rgb(from var(--danger) r g b / .2)}textarea{height:auto;min-height:5rem;padding:var(--space-3);resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-inline-end:var(--space-6)}input:where([type=checkbox],[type=radio]){appearance:none;width:1rem;height:1rem;margin:0;position:relative;background-color:var(--background);border:1px solid var(--input);transition:background-color var(--transition-fast),border-color var(--transition-fast)}input:where([type=checkbox],[type=radio]):checked{background-color:var(--primary);border-color:var(--primary)}input:where([type=checkbox],[type=radio]):checked:after{content:"";position:absolute;inset:0;background-color:var(--primary-foreground);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}input[type=checkbox]{border-radius:var(--radius-small)}input[type=checkbox]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}input[type=checkbox][role=switch]{--switch-height: calc(var(--bar-height) * 3);--switch-inset: 2px;--switch-thumb: calc(var(--switch-height) - var(--switch-inset) * 3);width:calc(var(--switch-height) * 2);height:var(--switch-height);border-radius:var(--radius-full);background-color:var(--input)}input[type=checkbox][role=switch]:before{content:"";position:absolute;top:50%;left:var(--switch-inset);transform:translateY(-50%);width:var(--switch-thumb);height:var(--switch-thumb);background-color:var(--background);border-radius:var(--radius-full);transition:transform var(--transition);box-shadow:var(--shadow-small)}input[type=checkbox][role=switch]:checked{background-color:var(--primary)}input[type=checkbox][role=switch]:checked:after{content:none}input[type=checkbox][role=switch]:checked:before{transform:translateY(-50%) translate(var(--switch-height))}input[type=radio]{border-radius:var(--radius-full)}input[type=radio]:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled),label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{width:100%;height:var(--bar-height);appearance:none;background:var(--muted);border-radius:var(--radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background:var(--primary);border-radius:var(--radius-full);transition:transform var(--transition-fast)}:is():hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--primary);border:none;border-radius:var(--radius-full)}fieldset{border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-4);margin-block-end:var(--space-4)}legend{font-size:var(--text-7);font-weight:var(--font-medium);padding:0 var(--space-2)}}@layer components{fieldset.group{display:flex;align-items:stretch;border:none;padding:0;margin:0}fieldset.group>:is(input,textarea,select){flex:1;margin-block-start:0}fieldset.group>:is(input,textarea,select):not(:focus){border-inline-end-color:transparent}fieldset.group>:is(input,textarea,select,button){border-radius:0}fieldset.group>:is(input,textarea,select,button):first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}fieldset.group>:is(input,textarea,select,button):last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}fieldset.group>legend{float:inline-start;display:inline-flex;align-items:center;padding:0 var(--space-3);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--input);border-inline-end:none;border-radius:var(--radius-medium) 0 0 var(--radius-medium)}[data-field]{margin-block-end:var(--space-4)}[data-field] [data-hint],[data-field] .error{font-size:var(--text-8);font-weight:var(--font-normal);color:var(--muted-foreground);margin-block-start:var(--space-1)}[data-field] .error{display:none}[data-field][data-field=error] .error{display:block;color:var(--danger)}}@layer base{.table{min-width:320px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-7)}thead{border-bottom:1px solid var(--border)}th,td{overflow-wrap:break-word}th{padding:var(--space-3) var(--space-2);text-align:start;font-weight:var(--font-medium);color:var(--muted-foreground)}td{padding:var(--space-3) var(--space-2)}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background-color:rgb(from var(--muted) r g b / .5)}}@layer base{progress{appearance:none;width:100%;height:var(--bar-height);border:none;border-radius:var(--radius-full);overflow:hidden;background-color:var(--muted)}progress::-webkit-progress-bar{background-color:var(--muted);border-radius:var(--radius-full)}progress::-webkit-progress-value{background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition)}progress::-moz-progress-bar{background-color:var(--primary);border-radius:var(--radius-full)}meter{appearance:none;width:100%;height:var(--bar-height);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--muted)}meter::-webkit-meter-bar{background:var(--muted);border:none;border-radius:var(--radius-full);height:var(--bar-height)}meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value{border-radius:var(--radius-full)}meter::-webkit-meter-optimum-value{background:var(--success)}meter::-webkit-meter-suboptimum-value{background:var(--warning)}meter::-webkit-meter-even-less-good-value{background:var(--danger)}meter::-moz-meter-bar{background:var(--success);border-radius:var(--radius-full)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}@layer components{[aria-busy=true]:before{content:"";display:inline-block;inset:0;margin:auto;width:1.5rem;height:1.5rem;border:2px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;text-align:center}[aria-busy=true][data-spinner~=small]:before{width:1rem;height:1rem}[aria-busy=true][data-spinner~=large]:before{width:2rem;height:2rem;border-width:3px}[aria-busy=true][data-spinner~=overlay]{position:relative}[aria-busy=true][data-spinner~=overlay]>*{opacity:.3;pointer-events:none}[aria-busy=true][data-spinner~=overlay]:before{position:absolute;inset:0;margin:auto;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{:root{--grid-cols: 12;--grid-gap: 1.5rem;--container-max: 1280px;--container-pad: 1rem}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.row{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap);width:100%}.col,[class*=col-]{grid-column-end:span var(--span, var(--grid-cols))}.col-1{--span: 1}.col-2{--span: 2}.col-3{--span: 3}.col-4{--span: 4}.col-5{--span: 5}.col-6{--span: 6}.col-7{--span: 7}.col-8{--span: 8}.col-9{--span: 9}.col-10{--span: 10}.col-11{--span: 11}.col-12{--span: 12}.offset-1{grid-column-start:2}.offset-2{grid-column-start:3}.offset-3{grid-column-start:4}.offset-4{grid-column-start:5}.offset-5{grid-column-start:6}.offset-6{grid-column-start:7}.col-end{grid-column-start:span var(--span, 1);grid-column-end:-1}@media(max-width:768px){.row{--grid-cols: 4;--grid-gap: 1rem}.col,[class*=col-]{--span: 4}[class*=offset-]{grid-column-start:auto}}}@layer components{.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);padding:var(--space-6);overflow:hidden}}@layer components{[role=alert]{position:relative;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);font-size:var(--text-7)}[role=alert][data-variant]{border:none}[role=alert][data-variant=error],[role=alert][data-variant=danger]{color:var(--danger);background-color:light-dark(color-mix(in srgb,var(--danger) 8%,transparent),color-mix(in srgb,var(--danger) 20%,transparent))}:is([role=alert][data-variant=error],[role=alert][data-variant=danger]) a{color:var(--danger)}[role=alert][data-variant=success]{color:var(--success);background-color:light-dark(color-mix(in srgb,var(--success) 8%,transparent),color-mix(in srgb,var(--success) 20%,transparent))}[role=alert][data-variant=success] a{color:var(--success)}[role=alert][data-variant=warning]{color:var(--warning);background-color:light-dark(color-mix(in srgb,var(--warning) 8%,transparent),color-mix(in srgb,var(--warning) 20%,transparent))}[role=alert][data-variant=warning] a{color:var(--warning)}}@layer components{.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);font-size:var(--text-8);font-weight:var(--font-medium);line-height:var(--leading-normal);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full)}.badge.secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.badge.outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.badge.success{color:var(--success);background-color:light-dark(color-mix(in srgb,var(--success) 10%,transparent),color-mix(in srgb,var(--success) 30%,transparent))}.badge.warning{color:var(--warning);background-color:light-dark(color-mix(in srgb,var(--warning) 10%,transparent),color-mix(in srgb,var(--warning) 30%,transparent))}.badge.danger{color:var(--danger);background-color:light-dark(color-mix(in srgb,var(--danger) 10%,transparent),color-mix(in srgb,var(--danger) 30%,transparent))}}@layer components{details{border:1px solid var(--border);border-radius:var(--radius-medium);overflow:hidden}details+details{margin-top:-1px;border-start-start-radius:0;border-start-end-radius:0}details:has(+details){border-end-start-radius:0;border-end-end-radius:0}details[open] summary{border-bottom:1px solid var(--border)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);font-weight:var(--font-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}summary:hover{background-color:var(--muted)}summary::-webkit-details-marker,summary::marker{display:none}summary:after{content:"";width:1em;height:1em;flex-shrink:0;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform var(--transition-fast)}details[open] summary:after{transform:rotate(180deg)}details>*:not(summary){margin:var(--space-4)}}@layer components{[role=tablist]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--muted);border-radius:var(--radius-medium)}[role=tab]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--text-7);font-weight:var(--font-medium);white-space:nowrap;background-color:transparent;color:var(--foreground);border:none;border-radius:calc(var(--radius-medium) - 2px);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}[role=tab]:hover{color:var(--muted-foreground)}[role=tab][aria-selected=true]{background-color:var(--background);box-shadow:var(--shadow-small)}[role=tabpanel]{padding:var(--space-4) 0}[role=tabpanel]:focus-visible{outline:none}}@layer components{dialog{position:fixed;inset:0;z-index:var(--z-modal);width:min(100% - 2rem,32rem);max-height:85vh;margin:auto;padding:0;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-large);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.95)}}dialog::backdrop{background-color:#0000;transition:background-color .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete}dialog[open]::backdrop{background-color:#00000080}@starting-style{dialog[open]::backdrop{background-color:#0000}}dialog>header,dialog>form>header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6);padding-block-end:0}:is(dialog>header,dialog>form>header)>h1,:is(dialog>header,dialog>form>header)>h2,:is(dialog>header,dialog>form>header)>h3,:is(dialog>header,dialog>form>header)>h4,:is(dialog>header,dialog>form>header)>h5,:is(dialog>header,dialog>form>header)>h6{margin-block-end:0}:is(dialog>header,dialog>form>header)>p{font-size:var(--text-7);color:var(--muted-foreground);margin-block-end:0}dialog>p,dialog>div,dialog>section,dialog>form>p,dialog>form>div,dialog>form>section{padding:var(--space-6);overflow-y:auto}dialog>footer,dialog>form>footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);padding-block-start:0}}@layer components{ot-dropdown [popover]{position:fixed;margin:0;min-width:12rem;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);opacity:0;transform:translateY(-4px);transition:opacity .15s ease-out,transform .15s ease-out,display .15s allow-discrete,overlay .15s allow-discrete}ot-dropdown [popover]:popover-open{opacity:1;transform:translateY(0)}@starting-style{ot-dropdown [popover]:popover-open{opacity:0;transform:translateY(-4px)}}ot-dropdown [role=menuitem]{display:flex;align-items:center;justify-content:start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-7);text-align:start;color:var(--foreground);background:none;border:none;border-radius:var(--radius-small);cursor:pointer}ot-dropdown [role=menuitem]:hover,ot-dropdown [role=menuitem]:focus{background-color:var(--accent);outline:none}}@layer components{.toast-container{position:fixed;display:flex;flex-direction:column;pointer-events:none;margin:0;padding:0;border:none;background:transparent;overflow:visible}.toast-container::backdrop{display:none}.toast-container[data-placement=top-left]{inset:var(--space-4) auto auto var(--space-4)}.toast-container[data-placement=top-center]{inset:var(--space-4) auto auto 50%;transform:translate(-50%)}.toast-container[data-placement=top-right]{inset:var(--space-4) var(--space-4) auto auto}.toast-container[data-placement=bottom-left]{inset:auto auto var(--space-4) var(--space-4);flex-direction:column-reverse}.toast-container[data-placement=bottom-center]{inset:auto auto var(--space-4) 50%;transform:translate(-50%);flex-direction:column-reverse}.toast-container[data-placement=bottom-right]{inset:auto var(--space-4) var(--space-4) auto;flex-direction:column-reverse}.toast{--transition: .3s;--transition-in: calc(var(--transition) - 50ms);padding:var(--space-5) var(--space-4);max-width:28rem;min-width:20rem;pointer-events:auto;background-color:var(--card);border:1px solid var(--border);border-inline-start-width:var(--space-1);border-inline-start-style:solid;border-radius:var(--radius-medium);box-shadow:var(--shadow-small);transition:opacity var(--transition-in),transform var(--transition-in),margin var(--transition-in);line-height:1;margin:var(--space-2) 0}.toast .toast-title{font-weight:600;margin:0 0 var(--space-3) 0}.toast .toast-message{color:var(--muted-foreground)}.toast[data-variant=success]{border-inline-start-color:var(--success)}.toast[data-variant=success] .toast-title{color:var(--success)}.toast[data-variant=danger]{border-inline-start-color:var(--danger)}.toast[data-variant=danger] .toast-title{color:var(--danger)}.toast[data-variant=warning]{border-inline-start-color:var(--warning)}.toast[data-variant=warning] .toast-title{color:var(--warning)}.toast>[data-close]{margin-inline-start:auto;background:none;border:none;padding:0;cursor:pointer;opacity:.5}.toast>[data-close]:hover{opacity:1}.toast[data-entering]{opacity:0;transform:translateY(-1rem)}.toast[data-exiting]{opacity:0;margin:0;padding-block:0;max-height:0;overflow:hidden;transition:opacity var(--transition),margin var(--transition),padding var(--transition),max-height var(--transition)}}@layer components{[data-sidebar-layout]{--topnav-offset: 0px;display:grid;grid-template-columns:14rem 1fr;min-height:100dvh;gap:var(--space-4)}[data-sidebar-layout]:has(nav[data-topnav]){--topnav-offset: var(--space-12)}[data-sidebar-layout]:has(nav[data-topnav])>main [id]{scroll-margin-block-start:calc(var(--space-12) + var(--space-6))}[data-sidebar-layout]>main{min-width:0;margin-block-start:var(--topnav-offset);padding-block-start:var(--space-8)}[data-sidebar-layout]>aside[data-sidebar]{position:sticky;top:var(--topnav-offset);z-index:1;height:calc(100dvh - var(--topnav-offset));align-self:start;background-color:var(--background);border-inline-end:1px solid var(--border);box-shadow:var(--shadow-medium);display:flex;flex-direction:column}[data-sidebar-layout]>aside[data-sidebar]>:is(header,footer){flex-shrink:0;padding:var(--space-3)}[data-sidebar-layout]>aside[data-sidebar]>footer{margin-block-start:auto}[data-sidebar-layout]>aside[data-sidebar]>nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-2);font-size:var(--text-7)}[data-sidebar-layout]>aside[data-sidebar]>nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}[data-sidebar-layout]>aside[data-sidebar]>nav ul li{margin:0}[data-sidebar-layout]>aside[data-sidebar]>nav a{display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--foreground);text-decoration:none;border-radius:var(--radius-small);transition:background-color var(--transition-fast)}[data-sidebar-layout]>aside[data-sidebar]>nav a:is(:hover,[aria-current]){background-color:var(--accent)}[data-sidebar-layout]>aside[data-sidebar]>nav details{border:none;overflow:visible}[data-sidebar-layout]>aside[data-sidebar]>nav details+details{margin-top:0}[data-sidebar-layout]>aside[data-sidebar]>nav details[open] summary{border-bottom:none}[data-sidebar-layout]>aside[data-sidebar]>nav details>ul{margin-inline-start:var(--space-4);padding:var(--space-1) 0}[data-sidebar-layout]>aside[data-sidebar]>nav summary{justify-content:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-small)}[data-sidebar-layout]>aside[data-sidebar]>nav summary:after{width:.75rem;height:.75rem;margin-inline-start:auto}nav[data-topnav]{position:fixed;inset:0 0 auto;z-index:5;min-height:var(--space-12);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small)}nav[data-topnav] a{text-decoration:none}:is([data-sidebar-toggle],[data-sidebar-header]){display:none}[data-sidebar-toggle]{padding:0 var(--space-1);background:none;border:1px solid var(--border);border-radius:var(--radius-small)}@media(min-width:769px){[data-sidebar-layout=always]{transition:grid-template-columns var(--transition)}[data-sidebar-layout=always] [data-sidebar-toggle]{display:inline-block}[data-sidebar-layout=always]>aside[data-sidebar]{transform:translate(0);opacity:1;transition:transform var(--transition),opacity var(--transition),visibility var(--transition)}[data-sidebar-layout=always][data-sidebar-open]{grid-template-columns:0px 1fr;gap:0}[data-sidebar-layout=always][data-sidebar-open]>aside[data-sidebar]{overflow:hidden;min-width:0;transform:translate(-100%);opacity:0;visibility:hidden;border-inline-end:none}}@media(max-width:768px){[data-sidebar-layout]{grid-template-columns:1fr}[data-sidebar-layout]>aside[data-sidebar]{position:fixed;left:0;width:16rem;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-large)}[data-sidebar-layout][data-sidebar-open]>aside[data-sidebar]{transform:translate(0)}[data-sidebar-toggle]{display:inline-block}[data-sidebar-header]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}}}@layer components{[role=status].skeleton{--_c: light-dark( color-mix(in srgb, var(--muted) 30%, white), color-mix(in srgb, var(--muted) 90%, var(--foreground)) );margin-block-end:var(--space-3);background:var(--muted);border-radius:var(--radius-medium);animation:anim 2s infinite;background-size:200% 100%;background-image:linear-gradient(90deg,var(--muted) 0%,var(--_c) 50%,var(--muted) 100%)}[role=status].skeleton.box{width:4rem;height:4rem}[role=status].skeleton.line{height:1rem;width:100%}[role=status].skeleton.circle{width:3rem;height:3rem;border-radius:var(--radius-full)}[role=status].skeleton:last-child{margin-block-end:0}@keyframes anim{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;inset-inline-start:50%;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:1000}[data-tooltip]:after{content:attr(data-tooltip);inset-block-end:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:1;white-space:nowrap;background:var(--foreground);color:var(--background);border-radius:var(--radius-medium)}[data-tooltip]:before{content:"";inset-block-end:calc(100% - 5px);transform:translate(-50%) translateY(4px);border:8px solid transparent;border-top-color:var(--foreground)}[data-tooltip]:is(:hover,:focus-visible):before,[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;visibility:visible;transition-delay:.7s;transform:translate(-50%) translateY(0)}}@layer components{.avatar{--avatar-size: 40px;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);overflow:hidden;background:var(--muted);color:var(--muted-foreground);font-weight:var(--font-semibold);font-size:calc(var(--avatar-size) * .4);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{--avatar-size: 32px}.avatar-lg{--avatar-size: 48px}.avatar-xl{--avatar-size: 64px}.avatar-group{display:inline-flex;align-items:center}.avatar-group .avatar{outline:2px solid var(--background)}.avatar-group .avatar+.avatar{margin-inline-start:calc(var(--avatar-size) * -.3)}}@layer components{.file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:2px dashed var(--border);border-radius:var(--radius-large);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.file-upload:hover,.file-upload.dragover{border-color:var(--primary);background:var(--accent)}.file-upload.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.file-upload-icon{color:var(--muted-foreground)}.file-upload-icon svg{width:2.5rem;height:2.5rem}.file-upload-text{font-weight:var(--font-medium)}.file-upload-hint{color:var(--muted-foreground);font-size:var(--text-8)}.file-upload-list{width:100%;margin-block-start:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.file-upload-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-medium);font-size:var(--text-7)}.file-upload-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.file-upload-item-size{color:var(--muted-foreground);font-size:var(--text-8);flex-shrink:0}.file-upload-item-remove{background:none;border:none;cursor:pointer;color:var(--muted-foreground);padding:var(--space-1);border-radius:var(--radius-small);display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.file-upload-item-remove:hover{color:var(--danger);background:var(--accent)}.file-upload-item-remove svg{width:1rem;height:1rem}}@layer components{.otp-group{display:inline-flex;gap:var(--space-2);align-items:center}.otp-slot{width:2.5rem;height:3rem;text-align:center;font-size:var(--text-4);font-weight:var(--font-semibold);border:1px solid var(--input);border-radius:var(--radius-medium);background:var(--background);color:var(--foreground);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.otp-slot:focus{border-color:var(--ring);box-shadow:0 0 0 2px light-dark(rgb(0 0 0 / 6%),rgb(255 255 255 / 10%))}.otp-slot:disabled{opacity:.5;cursor:not-allowed}.otp-slot.masked{-webkit-text-security:disc}.otp-separator{display:inline-flex;align-items:center;justify-content:center;width:1rem;color:var(--muted-foreground);font-weight:var(--font-semibold)}}@layer components{.search-input{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:var(--space-3);color:var(--muted-foreground);pointer-events:none;display:inline-flex;align-items:center;z-index:2}.search-input-icon svg{width:1rem;height:1rem}.search-input input{width:100%;padding-inline-start:var(--space-8);padding-inline-end:var(--space-8)}.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.search-input-clear{position:absolute;right:var(--space-1);background:none;border:none;cursor:pointer;color:var(--muted-foreground);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);display:none;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.search-input-clear:hover{color:var(--foreground);background:var(--accent)}.search-input-clear svg{width:.875rem;height:.875rem}.search-input.has-value .search-input-clear{display:inline-flex}.search-input-shortcut{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-8);color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius-small);pointer-events:none;line-height:1}.search-input.has-value .search-input-shortcut{display:none}}@layer components{.separator-vertical{border-top:none;border-left:1px solid var(--border);height:auto;align-self:stretch;margin:0 var(--space-2)}.separator-label{display:flex;align-items:center;gap:var(--space-4);color:var(--muted-foreground);font-size:var(--text-7);margin:var(--space-2) 0}.separator-label:before,.separator-label:after{content:"";flex:1;border-top:1px solid var(--border)}}@layer components{.toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-medium);background:transparent;color:var(--foreground);cursor:pointer;font-size:inherit;font-family:inherit;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.toggle:hover{background:var(--accent)}.toggle[aria-pressed=true]{background:var(--accent);border-color:var(--ring);font-weight:var(--font-medium)}.toggle.outline[aria-pressed=true]{background:transparent;border-color:var(--ring)}.toggle:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.toggle-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-8)}.toggle-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-5)}.toggle-group{display:inline-flex}.toggle-group .toggle{border-radius:0;margin-inline-start:-1px}.toggle-group .toggle:first-child{border-start-start-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium);margin-inline-start:0}.toggle-group .toggle:last-child{border-start-end-radius:var(--radius-medium);border-end-end-radius:var(--radius-medium)}}@layer components{.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-8);font-weight:var(--font-medium);line-height:var(--leading-normal);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--background);color:var(--foreground);cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chip.interactive{cursor:pointer}.chip.interactive:hover{background:var(--accent)}.chip.interactive:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chip[aria-selected=true],.chip.selected{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.chip[aria-selected=true]:hover,.chip.selected:hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.chip.secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:transparent}.chip.secondary[aria-selected=true],.chip.secondary.selected{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.chip.outline{background:transparent;border-color:var(--border)}.chip.outline[aria-selected=true],.chip.outline.selected{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.chip.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);border-color:transparent}.chip.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);border-color:transparent}.chip.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:transparent}.chip-sm{padding:0 var(--space-2);font-size:calc(var(--text-8) - 1px)}.chip-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-7)}.chip:disabled,.chip[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.chip-dismiss{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin-inline-start:var(--space-1);cursor:pointer;color:inherit;opacity:.6;border-radius:var(--radius-full);transition:opacity var(--transition-fast);line-height:1}.chip-dismiss:hover{opacity:1}.chip-dismiss svg{width:.75rem;height:.75rem}.chip-icon{display:inline-flex;align-items:center;margin-inline-start:calc(-1 * var(--space-1))}.chip-icon svg,.chip-icon img{width:1rem;height:1rem;border-radius:var(--radius-full)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.chip-input-wrapper{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--input);border-radius:var(--radius-medium);background:var(--background);min-height:2.5rem;cursor:text;transition:border-color var(--transition-fast)}.chip-input-wrapper:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)}.chip-input-wrapper input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-7);color:var(--foreground);min-width:80px;padding:0}}@layer components{.carousel{position:relative;overflow:hidden;border-radius:var(--radius-large);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.carousel-viewport{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-viewport.no-transition{transition:none}.carousel-viewport.dragging{transition:none;cursor:grabbing}.carousel-slide{flex:0 0 100%;min-width:0;overflow:hidden;position:relative}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.carousel-slide[aria-hidden=true] img{transform:scale(1.03);opacity:.6}.carousel-slide[aria-hidden=false] img{transform:scale(1);opacity:1}.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-4) var(--space-4);background:linear-gradient(transparent,color-mix(in srgb,#000 60%,transparent));color:#fff;z-index:1;transform:translateY(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease;opacity:1}.carousel-slide[aria-hidden=true] .carousel-caption{transform:translateY(1rem);opacity:0}.carousel-caption h3{margin:0 0 var(--space-1);font-size:var(--text-5)}.carousel-caption p{margin:0;font-size:var(--text-7);opacity:.9}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%) scale(1);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--border);background:color-mix(in srgb,var(--background) 80%,transparent);color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease;opacity:0}.carousel:hover .carousel-prev,.carousel:hover .carousel-next,.carousel:focus-within .carousel-prev,.carousel:focus-within .carousel-next{opacity:.9}.carousel-prev{left:var(--space-3)}.carousel-next{right:var(--space-3)}.carousel-prev:hover,.carousel-next:hover{background:var(--background);opacity:1;border-color:var(--ring);transform:translateY(-50%) scale(1.08)}.carousel-prev:active,.carousel-next:active{transform:translateY(-50%) scale(.95)}.carousel-prev:focus-visible,.carousel-next:focus-visible{outline:2px solid var(--ring);outline-offset:2px;opacity:1}.carousel-prev:disabled,.carousel-next:disabled{opacity:.3!important;pointer-events:none;cursor:not-allowed}.carousel-prev svg,.carousel-next svg{width:1.25rem;height:1.25rem}.carousel-dots{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0}.carousel-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);border:none;background:var(--muted-foreground);opacity:.4;cursor:pointer;padding:0;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,width .3s ease}.carousel-dot:hover{opacity:.7;transform:scale(1.15)}.carousel-dot.active{opacity:1;background:var(--primary);transform:scale(1);width:1.25rem;border-radius:var(--radius-small)}.carousel-dot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.carousel-dots.overlay{position:absolute;bottom:var(--space-3);left:0;right:0;opacity:.6}.carousel-dots.overlay .carousel-dot{background:var(--background)}.carousel-dots.overlay .carousel-dot.active{background:var(--primary-foreground)}.carousel.ratio-16-9 .carousel-slide{aspect-ratio:16 / 9}.carousel.ratio-4-3 .carousel-slide{aspect-ratio:4 / 3}.carousel.ratio-1-1 .carousel-slide{aspect-ratio:1 / 1}.card-carousel{position:relative}.card-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-carousel-header h2,.card-carousel-header h3{margin:0}.card-carousel-actions{display:flex;align-items:center;gap:var(--space-2)}.card-carousel-see-all{font-size:var(--text-7);color:var(--primary);text-decoration:none;font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);transition:background .2s ease,color .2s ease;cursor:pointer;background:none;border:none}.card-carousel-see-all:hover{background:var(--accent);color:var(--primary)}.card-carousel-nav{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;padding:0}.card-carousel-nav:hover{background:var(--accent);border-color:var(--ring);transform:scale(1.05)}.card-carousel-nav:active{transform:scale(.95)}.card-carousel-nav:disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.card-carousel-nav:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card-carousel-nav svg{width:1rem;height:1rem}.card-carousel-track{display:flex;gap:var(--space-4);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.card-carousel-track::-webkit-scrollbar{display:none}.product-card{flex:0 0 auto;scroll-snap-align:start;width:260px;border:1px solid var(--border);border-radius:var(--radius-large);overflow:hidden;background:var(--card);transition:box-shadow .25s ease,transform .25s ease,border-color .2s ease;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--ring)}.product-card-image{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:var(--muted)}.product-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1}.product-card-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.product-card-title{font-weight:var(--font-semibold);font-size:var(--text-6);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-description{color:var(--muted-foreground);font-size:var(--text-8);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.product-card-price{font-weight:var(--font-bold);font-size:var(--text-5);color:var(--foreground)}.product-card-price-original{font-weight:var(--font-normal);font-size:var(--text-8);color:var(--muted-foreground);text-decoration:line-through;margin-left:var(--space-1)}.product-card-rating{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-8);color:var(--muted-foreground)}.product-card-rating svg{width:.875rem;height:.875rem;fill:#f59e0b;stroke:#f59e0b}@media(max-width:768px){.product-card{width:200px}.card-carousel-nav{display:none}}}@layer utilities{.align-left{text-align:start}.align-center{text-align:center}.align-right{text-align:end}.text-light{color:var(--muted-foreground)}.text-lighter{color:var(--faint-foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hstack{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;align-content:flex-start;height:auto}.hstack *{margin:0}.vstack{display:flex;flex-direction:column;gap:var(--space-3)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-2{margin-block-start:var(--space-2)}.mt-4{margin-block-start:var(--space-4)}.mt-6{margin-block-start:var(--space-6)}.mb-2{margin-block-end:var(--space-2)}.mb-4{margin-block-end:var(--space-4)}.mb-6{margin-block-end:var(--space-6)}.p-4{padding:var(--space-4)}.w-100{width:100%}:is(ul,ol,a).unstyled{list-style:none;text-decoration:none;padding:0}}@layer ng-oat.tokens{:root{--oat-background: var(--background);--oat-foreground: var(--foreground);--oat-card: var(--card);--oat-card-foreground: var(--card-foreground);--oat-primary: var(--primary);--oat-primary-foreground: var(--primary-foreground);--oat-secondary: var(--secondary);--oat-secondary-foreground: var(--secondary-foreground);--oat-muted: var(--muted);--oat-muted-foreground: var(--muted-foreground);--oat-faint: var(--faint);--oat-faint-foreground: var(--faint-foreground);--oat-accent: var(--accent);--oat-danger: var(--danger);--oat-danger-foreground: var(--danger-foreground);--oat-success: var(--success);--oat-success-foreground: var(--success-foreground);--oat-warning: var(--warning);--oat-warning-foreground: var(--warning-foreground);--oat-border: var(--border);--oat-input: var(--input);--oat-ring: var(--ring);--oat-space-1: var(--space-1);--oat-space-2: var(--space-2);--oat-space-3: var(--space-3);--oat-space-4: var(--space-4);--oat-space-5: var(--space-5);--oat-space-6: var(--space-6);--oat-space-8: var(--space-8);--oat-space-10: var(--space-10);--oat-space-12: var(--space-12);--oat-space-14: var(--space-14);--oat-space-16: var(--space-16);--oat-space-18: var(--space-18);--oat-radius-small: var(--radius-small);--oat-radius-medium: var(--radius-medium);--oat-radius-large: var(--radius-large);--oat-radius-full: var(--radius-full);--oat-font-sans: var(--font-sans);--oat-font-mono: var(--font-mono);--oat-text-1: var(--text-1);--oat-text-2: var(--text-2);--oat-text-3: var(--text-3);--oat-text-4: var(--text-4);--oat-text-5: var(--text-5);--oat-text-6: var(--text-6);--oat-text-7: var(--text-7);--oat-text-8: var(--text-8);--oat-text-regular: var(--text-regular);--oat-leading-normal: var(--leading-normal);--oat-font-normal: var(--font-normal);--oat-font-medium: var(--font-medium);--oat-font-semibold: var(--font-semibold);--oat-font-bold: var(--font-bold);--oat-shadow-small: var(--shadow-small);--oat-shadow-medium: var(--shadow-medium);--oat-shadow-large: var(--shadow-large);--oat-transition-fast: var(--transition-fast);--oat-transition: var(--transition);--oat-z-dropdown: var(--z-dropdown);--oat-z-modal: var(--z-modal);--oat-bar-height: var(--bar-height);--oat-grid-cols: var(--grid-cols, 12);--oat-grid-gap: var(--grid-gap, 1.5rem);--oat-container-max: var(--container-max, 1280px);--oat-container-pad: var(--container-pad, 1rem);--oat-topnav-offset: var(--topnav-offset, 0px)}}@layer components{[data-tooltip-pos=top]:after{inset-block-end:calc(100% + 10px);inset-block-start:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%) translateY(4px)}[data-tooltip-pos=top]:before{inset-block-end:calc(100% - 5px);inset-block-start:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%) translateY(4px);border:8px solid transparent;border-top-color:var(--foreground)}[data-tooltip-pos=top]:is(:hover,:focus-visible):before,[data-tooltip-pos=top]:is(:hover,:focus-visible):after{transform:translate(-50%) translateY(0)}[data-tooltip-pos=bottom]:after{inset-block-start:calc(100% + 10px);inset-block-end:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:before{inset-block-start:calc(100% - 5px);inset-block-end:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%) translateY(-4px);border:8px solid transparent;border-bottom-color:var(--foreground);border-top-color:transparent}[data-tooltip-pos=bottom]:is(:hover,:focus-visible):before,[data-tooltip-pos=bottom]:is(:hover,:focus-visible):after{transform:translate(-50%) translateY(0)}[data-tooltip-pos=left]:after{inset-inline-end:calc(100% + 10px);inset-inline-start:auto;inset-block-start:50%;inset-block-end:auto;transform:translateY(-50%) translate(4px)}[data-tooltip-pos=left]:before{inset-inline-end:calc(100% - 5px);inset-inline-start:auto;inset-block-start:50%;inset-block-end:auto;transform:translateY(-50%) translate(4px);border:8px solid transparent;border-left-color:var(--foreground);border-top-color:transparent}[data-tooltip-pos=left]:is(:hover,:focus-visible):before,[data-tooltip-pos=left]:is(:hover,:focus-visible):after{transform:translateY(-50%) translate(0)}[data-tooltip-pos=right]:after{inset-inline-start:calc(100% + 10px);inset-inline-end:auto;inset-block-start:50%;inset-block-end:auto;transform:translateY(-50%) translate(-4px)}[data-tooltip-pos=right]:before{inset-inline-start:calc(100% - 5px);inset-inline-end:auto;inset-block-start:50%;inset-block-end:auto;transform:translateY(-50%) translate(-4px);border:8px solid transparent;border-right-color:var(--foreground);border-top-color:transparent}[data-tooltip-pos=right]:is(:hover,:focus-visible):before,[data-tooltip-pos=right]:is(:hover,:focus-visible):after{transform:translateY(-50%) translate(0)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{margin-top:var(--space-6)}section+section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}pre{font-size:var(--text-7);overflow-x:auto}.event-log{max-height:200px;overflow:auto}.card{transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-medium)}[role=alert]+[role=alert]{margin-top:var(--space-2)}router-outlet+*{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}