@import"https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";@layer echo.foundations.colors{:where(:root){--echo--c-purple: oklch(37.54% .19245 307.521);--echo--c-orange: oklch(71.541% .11201 45.585);--echo--c-yellow: oklch(85.327% .13109 104.05);--echo--c-purple-50: oklch(94.569% .02718 314.533);--echo--c-purple-100: oklch(85.667% .072 316.337);--echo--c-purple-200: oklch(76% .11947 316.232);--echo--c-purple-300: oklch(65.577% .16153 313.901);--echo--c-purple-400: oklch(56.463% .18532 310.895);--echo--c-purple-500: oklch(47.395% .20266 306.812);--echo--c-purple-600: oklch(37.54% .19245 307.521);--echo--c-purple-700: oklch(32.804% .1675 308.274);--echo--c-purple-800: oklch(27.634% .14043 309.164);--echo--c-purple-900: oklch(22.04% .11171 309.655);--echo--c-orange-50: oklch(96.457% .01265 48.26);--echo--c-orange-100: oklch(91.011% .03337 54.057);--echo--c-orange-200: oklch(84.908% .05539 51.513);--echo--c-orange-300: oklch(78.751% .0781 51.386);--echo--c-orange-400: oklch(71.541% .11201 45.585);--echo--c-orange-500: oklch(64.255% .12235 45.828);--echo--c-orange-600: oklch(55.762% .11192 47.312);--echo--c-orange-700: oklch(46.907% .09618 45.01);--echo--c-orange-800: oklch(38.16% .07893 42.721);--echo--c-orange-900: oklch(28.196% .05583 41.745);--echo--c-yellow-50: oklch(97.715% .02115 98.153);--echo--c-yellow-100: oklch(94.144% .05766 98.845);--echo--c-yellow-200: oklch(90.162% .09237 98.538);--echo--c-yellow-300: oklch(85.902% .12371 98.877);--echo--c-yellow-400: oklch(85.327% .13109 104.05);--echo--c-yellow-500: oklch(78.824% .13361 104.271);--echo--c-yellow-600: oklch(68.83% .12334 103.811);--echo--c-yellow-700: oklch(58.435% .10703 103.419);--echo--c-yellow-800: oklch(47.487% .08705 103.378);--echo--c-yellow-900: oklch(35.035% .06219 104.124);--echo--c-gray-50: oklch(98.212% .00011 271.152);--echo--c-gray-100: oklch(95.514% .00011 271.152);--echo--c-gray-200: oklch(90.67% .0001 271.152);--echo--c-gray-300: oklch(86.07% .0001 271.152);--echo--c-gray-400: oklch(76.676% .00009 271.152);--echo--c-gray-500: oklch(70.576% .00008 271.152);--echo--c-gray-600: oklch(59.987% .00007 271.152);--echo--c-gray-700: oklch(46.4% .00005 271.152);--echo--c-gray-800: oklch(32.109% .00004 271.152);--echo--c-gray-900: oklch(21.779% .00002 271.152);--echo--c-red-50: oklch(96.614% .01512 17.02);--echo--c-red-100: oklch(91.45% .03904 17.743);--echo--c-red-200: oklch(85.262% .06941 18.535);--echo--c-red-300: oklch(79.041% .10533 19.638);--echo--c-red-400: oklch(71.966% .15015 21.487);--echo--c-red-500: oklch(66.138% .19091 23.926);--echo--c-red-600: oklch(59.868% .22058 27.107);--echo--c-red-700: oklch(53.33% .20692 28.048);--echo--c-red-800: oklch(43.996% .1706 28.036);--echo--c-red-900: oklch(34.125% .1323 28.031)}}@layer echo.foundations.color-scheme{:root{color-scheme:light}:root[data-color-scheme=dark]{color-scheme:dark}}@layer echo.foundations.spacings{:root{--echo--s-ratio: 1.25;--echo--s-base: 1.6rem;--echo--s-0: 0;--echo--s-1: 1px;--echo--s-25: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 6));--echo--s-50: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 5));--echo--s-100: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 4));--echo--s-200: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 3));--echo--s-300: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 2));--echo--s-350: calc(var(--echo--s-base) / pow(var(--echo--s-ratio), 1));--echo--s-400: var(--echo--s-base);--echo--s-500: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 1));--echo--s-600: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 2));--echo--s-700: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 3));--echo--s-800: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 4));--echo--s-900: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 5));--echo--s-1000: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 6));--echo--s-1100: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 7));--echo--s-1200: calc(var(--echo--s-base) * pow(var(--echo--s-ratio), 8))}}@layer echo.foundations.typography{:root{--echo--t-ratio: 1.25;--echo--t-base: 1.6rem;--echo--t-font-sans: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");--echo--t-font-serif: var(--font-serif, ui-serif, Georgia, "Times New Roman", serif);--echo--t-font-mono: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);--echo--t-100: calc(var(--echo--t-base) / pow(var(--echo--t-ratio), 3));--echo--t-200: calc(var(--echo--t-base) / pow(var(--echo--t-ratio), 2));--echo--t-300: calc(var(--echo--t-base) / pow(var(--echo--t-ratio), 1));--echo--t-350: calc(var(--echo--t-base) / sqrt(var(--echo--t-ratio)));--echo--t-400: var(--echo--t-base);--echo--t-450: calc(var(--echo--t-base) * sqrt(var(--echo--t-ratio)));--echo--t-500: calc(var(--echo--t-base) * pow(var(--echo--t-ratio), 1));--echo--t-600: calc(var(--echo--t-base) * pow(var(--echo--t-ratio), 2));--echo--t-700: calc(var(--echo--t-base) * pow(var(--echo--t-ratio), 3));--echo--t-800: calc(var(--echo--t-base) * pow(var(--echo--t-ratio), 4));--echo--t-900: calc(var(--echo--t-base) * pow(var(--echo--t-ratio), 5));--echo--t-height-xs: 1.15;--echo--t-height-sm: 1.3;--echo--t-height-md: 1.5;--echo--t-height-lg: 1.625;--echo--t-height-xl: 1.8;--echo--t-spacing-sm: -.025em;--echo--t-spacing-md: 0;--echo--t-spacing-lg: .06em;--echo--t-weight-400: 400;--echo--t-weight-500: 500;--echo--t-weight-600: 600;--echo--t-weight-700: 700}html{font-size:.625em}body{font-family:var(--echo--t-font-sans);font-size:var(--echo--t-base);line-height:var(--echo--t-height-xs);letter-spacing:var(--echo--t-spacing-md)}:where(h1,h2,h3,h4,h5,h6,p){margin:0}:where(h1,h2,h3,h4,h5,h6){font-family:var(--echo--t-font-serif);font-weight:var(--echo--t-weight-700);line-height:var(--echo--t-height-xs);letter-spacing:var(--echo--t-spacing-md)}h1{font-size:calc(var(--echo--t-base) * pow(var(--echo--t-ratio),6))}h2{font-size:calc(var(--echo--t-base) * pow(var(--echo--t-ratio),5))}h3{font-size:calc(var(--echo--t-base) * pow(var(--echo--t-ratio),4))}h4{font-size:calc(var(--echo--t-base) * pow(var(--echo--t-ratio),3))}h5{font-size:calc(var(--echo--t-base) * pow(var(--echo--t-ratio),2));font-weight:var(--echo--t-weight-500)}h6{font-size:calc(var(--echo--t-base) * var(--echo--t-ratio));font-weight:var(--echo--t-weight-500)}mark{display:inline-flex;color:light-dark(var(--echo--c-purple),var(--echo--c-orange));background:none}}@layer echo.foundations.radii{:root{--echo--r-none: 0px;--echo--r-sm: calc(var(--radius) - 4px);--echo--r-md: calc(var(--radius) - 2px);--echo--r-lg: var(--radius);--echo--r-xl: calc(var(--radius) + 4px);--echo--r-full: 9999px}}@layer echo.foundations.elevations{:root{--echo--z-base: 0;--echo--z-raised: 10;--echo--z-dropdown: 50;--echo--z-sticky: 40;--echo--z-overlay: 50;--echo--z-modal: 50;--echo--z-toast: 60;--echo--e-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--echo--e-sm: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--echo--e-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--echo--e-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--echo--e-xl: 0 20px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .06);--echo--e-2xl: 0 25px 50px -12px rgb(0 0 0 / .22);--echo--e-card: 0 8px 18px -16px rgb(15 23 42 / .4);--echo--e-raised: var(--echo--e-sm);--echo--e-dropdown: var(--echo--e-lg);--echo--e-overlay: var(--echo--e-xl);--echo--e-modal: var(--echo--e-2xl);--echo--e-toast: var(--echo--e-lg)}}@layer echo.foundations.focus{:root{--echo--f-width: 2px;--echo--f-style: solid;--echo--f-color: color-mix(in srgb, var(--ring) 50%, transparent);--echo--f-offset: var(--echo--f-width);--echo--f: var(--echo--f-width) var(--echo--f-style) var(--echo--f-color);--echo--f-danger: var(--echo--f-width) var(--echo--f-style) color-mix(in srgb, var(--destructive, #e4572e) 50%, transparent)}}@layer foundations,base,components;html{font-size:16px}:root{--echo--t-base: 1rem;--echo--s-base: 1rem;--echo-spacing-25: var(--echo--s-25);--echo-spacing-50: var(--echo--s-50);--echo-spacing-100: var(--echo--s-100);--echo-spacing-200: var(--echo--s-200);--echo-spacing-300: var(--echo--s-300);--echo-spacing-350: var(--echo--s-350);--echo-spacing-400: var(--echo--s-400);--echo-spacing-500: var(--echo--s-500);--echo-spacing-600: var(--echo--s-600);--echo-spacing-700: var(--echo--s-700);--echo-spacing-800: var(--echo--s-800);--echo-radius-sm: var(--echo--r-sm);--echo-radius-md: var(--echo--r-md);--echo-radius-lg: var(--echo--r-lg);--echo-radius-xl: var(--echo--r-xl);--echo-radius-full: var(--echo--r-full);--echo-focus-ring: var(--echo--f);--echo-focus-ring-offset: var(--echo--f-offset);--echo-shadow-xs: var(--echo--e-xs);--echo-shadow-sm: var(--echo--e-sm);--echo-shadow-md: var(--echo--e-md);--echo-shadow-lg: var(--echo--e-lg);--echo-shadow-xl: var(--echo--e-xl);--echo-z-sticky: var(--echo--z-sticky);--echo-z-dropdown: var(--echo--z-dropdown);--echo-z-overlay: var(--echo--z-overlay);--echo-z-modal: var(--echo--z-modal);--echo-text-100: var(--echo--t-100);--echo-text-200: var(--echo--t-200);--echo-text-300: var(--echo--t-300);--echo-text-350: var(--echo--t-350);--echo-text-400: var(--echo--t-400);--echo-text-450: var(--echo--t-450);--echo-text-500: var(--echo--t-500);--echo-text-600: var(--echo--t-600);--echo-text-700: var(--echo--t-700)}:root{--font-varela-round: "Varela Round", sans-serif;--font-sans: var(--font-varela-round)}:root{--radius: .75rem;--background: #ffffff;--foreground: #201a2b;--card: #ffffff;--card-foreground: #201a2b;--popover: #ffffff;--popover-foreground: #201a2b;--primary: #6d28d9;--primary-foreground: #ffffff;--primary-light: #ede9fe;--primary-light-foreground: #0f1117;--secondary: #6c5ad9;--secondary-foreground: #ffffff;--muted: #f5f6fa;--muted-foreground: #6f7789;--accent: #f0f2f8;--accent-foreground: #201a2b;--destructive: #e4572e;--border: #dde1eb;--input: #d9deea;--ring: #8b5cf6;--sidebar: #f8f7fc;--sidebar-foreground: #201a2b;--sidebar-primary: #6f4bd8;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f3f4f6;--sidebar-accent-foreground: #201a2b;--sidebar-border: #e6e7ec;--sidebar-ring: #9f8df0}:root[data-color-scheme=dark]{--background: #0f1117;--foreground: #e7e9f5;--card: #171f2c;--card-foreground: #e7e9f5;--popover: #161b25;--popover-foreground: #e7e9f5;--primary: #8b5cf6;--primary-foreground: #ffffff;--primary-light: #bda4f6;--primary-light-foreground: #0f1117;--secondary: #232d3d;--secondary-foreground: #e7e9f5;--muted: #1d2635;--muted-foreground: #a7afbf;--accent: #202a3b;--accent-foreground: #e7e9f5;--destructive: #e4572e;--border: #2b3548;--input: #303b52;--ring: #c4b5f6;--sidebar: #161b25;--sidebar-foreground: #e7e9f5;--sidebar-primary: #c4b5f6;--sidebar-primary-foreground: #0f1117;--sidebar-accent: #1c2230;--sidebar-accent-foreground: #e7e9f5;--sidebar-border: #232a3a;--sidebar-ring: #c4b5f6}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}html{font-size:100%;height:100%;overflow:hidden}body{font-family:var(--font-varela-round),sans-serif;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden;line-height:1.45}#root{height:100%;overflow:hidden}a{color:inherit;text-decoration:inherit}button,[role=button],select,a,label{cursor:pointer}}@layer components{[data-slot=card] [data-slot=card-header]:first-child{padding-block-start:var(--echo-spacing-500)}[data-slot=card] [data-slot=card-content]:last-child,[data-slot=card] [data-slot=card-footer]:last-child{padding-block-end:var(--echo-spacing-500)}[data-slot=card] [data-slot=card-header]:last-child{padding-block-end:var(--echo-spacing-500)}[data-slot=badge]{padding:var(--echo--s-100) var(--echo--s-300)}}[data-slot=drawer-title],[data-slot=drawer-content]{font-family:var(--font-varela-round),sans-serif}[data-slot=drawer-header]{padding:var(--echo--s-500) var(--echo--s-600)}[data-slot=button]{padding:var(--echo--s-200) var(--echo--s-400);font-size:var(--echo--t-350)}[data-slot=button][data-size=sm]{padding:var(--echo--s-100) var(--echo--s-300)}[data-slot=input]{font-size:var(--echo--t-350)}h1,h2,h3,h4,[data-slot=dialog-content],[data-slot=dialog-title]{font-family:var(--font-varela-round),sans-serif}[data-slot=select-trigger]{padding:var(--echo--s-250) var(--echo--s-500);font-size:var(--echo--t-350)}[data-slot=select-option]{padding:var(--echo--s-250) var(--echo--s-400);font-size:var(--echo--t-350)}[data-slot=select-option-label]{padding:var(--echo--s-50) 0}[data-slot=card]{padding:var(--echo--s-400)}[data-slot=toast]{padding:var(--echo--s-400) var(--echo--s-500)}@layer echo.components.icon{[data-icon]{display:inline-block;flex-shrink:0;width:var(--icon-size, 1em);height:var(--icon-size, 1em);background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-image:var(--icon-mask-image);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:var(--icon-mask-image)}[data-icon=loader]{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer echo.components.color-scheme-selector{:root{--echo-theme-toggle-gap: var(--echo--s-200);--echo-theme-toggle-padding: var(--echo--s-200) var(--echo--s-300);--echo-theme-option-gap: var(--echo--s-200);--echo-theme-option-padding: var(--echo--s-200) var(--echo--s-300);--echo-theme-option-active-shadow: var(--echo--e-xs);--echo-theme-toggle-border: color-mix(in srgb, var(--border) 76%, transparent)}[data-component=theme-toggle]{display:flex;align-items:stretch;gap:var(--echo-theme-toggle-gap);padding:var(--echo-theme-toggle-padding);margin:0;border:1px solid var(--echo-theme-toggle-border);border-radius:var(--echo--r-md);background-color:var(--card);box-shadow:var(--echo--e-xs);font-size:var(--echo--t-350)}[data-component=theme-toggle] [data-slot=theme-option]{display:flex;align-items:center;gap:var(--echo-theme-option-gap);padding:var(--echo-theme-option-padding);border-radius:var(--echo--r-sm);color:var(--muted-foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}[data-component=theme-toggle] [data-slot=theme-option] input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-component=theme-toggle] [data-slot=theme-option] [data-icon]{inline-size:1.6rem;block-size:1.6rem}[data-component=theme-toggle] [data-slot=theme-option]:hover{background:var(--muted);color:var(--foreground)}[data-component=theme-toggle] [data-slot=theme-option]:focus-within{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-component=theme-toggle] [data-slot=theme-option][data-active]{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--echo-theme-option-active-shadow)}[data-component=theme-toggle] [data-slot=theme-label]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);letter-spacing:var(--echo--t-spacing-lg)}[data-component=theme-toggle] [data-slot=theme-label][data-visible=true]{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip:auto;white-space:normal;display:inline-flex}[data-component=theme-toggle] [data-slot=sr-only]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer echo.components.dropdown{[data-slot=dropdown-content]{z-index:var(--echo--z-dropdown);overflow:hidden;min-width:8rem;padding:var(--echo--s-200);border:1px solid var(--border);border-radius:var(--echo--r-sm);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--echo--e-xl);outline:none}[data-slot=dropdown-content][data-state=open]{animation:dropdown-in .15s ease-out}[data-slot=dropdown-content][data-state=closed]{animation:dropdown-out .1s ease-in forwards}[data-slot=dropdown-item],[data-slot=dropdown-sub-trigger]{position:relative;display:flex;align-items:center;gap:var(--echo--s-200);padding:.44rem .56rem;border-radius:var(--echo--r-sm);font-size:var(--echo--t-350);outline:none;-webkit-user-select:none;user-select:none;cursor:default;transition:background-color .13s,color .13s}[data-slot=dropdown-item]:hover,[data-slot=dropdown-sub-trigger]:hover{background-color:color-mix(in srgb,var(--accent) 82%,transparent);color:var(--accent-foreground)}[data-slot=dropdown-item] [data-icon],[data-slot=dropdown-sub-trigger] [data-icon]{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}[data-slot=dropdown-item]:focus,[data-slot=dropdown-item][data-state=open],[data-slot=dropdown-sub-trigger]:focus,[data-slot=dropdown-sub-trigger][data-state=open]{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=dropdown-item][data-disabled],[data-slot=dropdown-sub-trigger][data-disabled]{pointer-events:none;opacity:.5}[data-slot=dropdown-item][data-inset],[data-slot=dropdown-sub-trigger][data-inset]{padding-left:2rem}[data-slot=dropdown-item]:focus-visible,[data-slot=dropdown-sub-trigger]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=dropdown-item][data-destructive],[data-slot=dropdown-sub-trigger][data-destructive]{color:var(--destructive)}[data-slot=dropdown-item][data-destructive]:focus,[data-slot=dropdown-sub-trigger][data-destructive]:focus{color:var(--destructive)}[data-slot=dropdown-sub-trigger] [data-icon]:last-child{margin-left:auto}@keyframes dropdown-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}}@layer echo.components.dropdown{[data-slot=dropdown-checkbox-item],[data-slot=dropdown-radio-item]{position:relative;display:flex;align-items:center;padding:.375rem var(--echo--s-200) .375rem 2rem;border-radius:var(--echo--r-sm);font-size:var(--echo--t-350);outline:none;-webkit-user-select:none;user-select:none;cursor:default;transition:background-color .15s,color .15s}[data-slot=dropdown-checkbox-item]:focus,[data-slot=dropdown-radio-item]:focus{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=dropdown-checkbox-item][data-disabled],[data-slot=dropdown-radio-item][data-disabled]{pointer-events:none;opacity:.5}[data-slot=dropdown-indicator]{position:absolute;left:var(--echo--s-200);display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center}[data-slot=dropdown-indicator] [data-icon]{width:1rem;height:1rem}[data-slot=dropdown-indicator][data-type=radio] [data-icon]{width:var(--echo--s-200);height:var(--echo--s-200);fill:currentColor}[data-slot=dropdown-label]{padding:.375rem var(--echo--s-200);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-600)}[data-slot=dropdown-label][data-inset]{padding-left:2rem}[data-slot=dropdown-separator]{height:1px;margin:var(--echo--s-50) calc(var(--echo--s-50) * -1);background-color:var(--muted)}[data-slot=dropdown-shortcut]{margin-left:auto;font-size:var(--echo--t-300);letter-spacing:var(--echo--t-spacing-lg);opacity:.6}}@layer echo.components.language-selector{:root{--echo-menu-trigger-border: color-mix(in srgb, var(--border) 76%, transparent)}[data-component=language-selector]{display:inline-flex;align-items:center;gap:var(--echo--s-200);min-block-size:2.75rem;padding-block:var(--echo--s-100);padding-inline:var(--echo--s-300);border:1px solid var(--echo-menu-trigger-border);border-radius:var(--echo--r-sm);background-color:var(--card);color:var(--foreground);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);box-shadow:var(--echo--e-xs);transition:border-color .15s ease;cursor:pointer}[data-component=language-selector]:hover:not(:disabled){border-color:color-mix(in srgb,var(--border) 94%,transparent)}[data-component=language-selector]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-component=language-selector]:disabled{cursor:not-allowed;opacity:.5}[data-component=language-selector] [data-slot=trigger-icon]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1rem;color:var(--muted-foreground);font-size:1rem;line-height:1}[data-component=language-selector] [data-slot=trigger-icon] [data-icon]{inline-size:.875rem;block-size:.875rem}[data-component=language-selector] [data-slot=trigger-label]{max-inline-size:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}[data-component=language-selector] [data-slot=trigger-chevron]{inline-size:1rem;block-size:1rem;color:var(--muted-foreground)}[data-slot=dropdown-content][data-menu=language]{inline-size:16rem;padding:var(--echo--s-100);border-color:color-mix(in srgb,var(--border) 60%,transparent);background-color:var(--card);box-shadow:var(--echo--e-lg);overflow:visible}[data-slot=dropdown-content][data-menu=language] [data-slot=dropdown-item][data-menu=language]{border-radius:var(--echo--r-sm);cursor:pointer}[data-slot=dropdown-content][data-menu=language] [data-slot=item-icon]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-inline-size:1rem;font-size:1rem;line-height:1}[data-slot=dropdown-content][data-menu=language] [data-slot=item-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer echo.components.badge{[data-slot=badge]{display:inline-flex;align-items:center;justify-content:center;gap:var(--echo--s-25);width:fit-content;padding:.125rem var(--echo--s-200);border:1px solid transparent;border-radius:var(--echo--r-md);font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);white-space:nowrap;overflow:hidden}[data-slot=badge] [data-icon]{width:1em;height:1em;pointer-events:none;flex-shrink:0}[data-slot=badge][data-size=xs]{font-size:var(--echo--t-300)}[data-slot=badge][data-size=xxs]{font-size:var(--echo--t-200)}[data-slot=badge][data-shape=pill]{border-radius:var(--echo--r-full)}[data-slot=badge][data-variant=default]{background-color:var(--primary);color:var(--primary-foreground)}[data-slot=badge][data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground)}[data-slot=badge][data-variant=destructive]{background-color:var(--destructive);color:#fff}[data-slot=badge][data-variant=outline]{border-color:var(--border);color:var(--foreground);background-color:transparent}[data-slot=badge][data-tone=primary-soft]{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}[data-slot=badge][data-tone=primary-solid]{background-color:var(--primary);color:var(--primary-foreground)}[data-slot=badge][data-tone=todo]{border-color:color-mix(in srgb,#7c3aed 35%,var(--border));background-color:color-mix(in srgb,#7c3aed 24%,transparent);color:color-mix(in srgb,#7c3aed 95%,#111827);font-weight:var(--echo--t-weight-600)}[data-slot=badge][data-tone=status-applied]{background-color:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}[data-slot=badge][data-tone=status-interview]{background-color:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}[data-slot=badge][data-tone=status-offer]{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}[data-slot=badge][data-tone=status-rejected]{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}[data-slot=badge][data-tone=status-accepted]{background-color:#d1fae5;color:#047857;border-color:#a7f3d0}[data-slot=badge][data-tone=platform-udemy]{background-color:#f3e8ff;color:#7e22ce}[data-slot=badge][data-tone=platform-coursera]{background-color:#dbeafe;color:#1d4ed8}[data-slot=badge][data-tone=platform-linkedin-learning]{background-color:#e0f2fe;color:#0369a1}[data-slot=badge][data-tone=platform-custom]{background-color:#f3f4f6;color:#374151}[data-slot=badge][data-tone=muted]{background-color:color-mix(in srgb,var(--muted) 55%,transparent);color:var(--foreground)}}@layer echo.components.button{[data-slot=button]{display:inline-flex;place-items:center;place-content:center;gap:var(--echo--s-200);border:1px solid transparent;border-radius:var(--echo--r-sm);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease,box-shadow .2s ease,transform .2s ease}[data-slot=button]:not(:disabled):not([data-variant=link]):hover{transform:translateY(-.5px);box-shadow:var(--echo--e-md)}[data-slot=button]:not(:disabled):not([data-variant=link]):active{transform:translateY(0) scale(.992);box-shadow:var(--echo--e-xs)}[data-slot=button]:disabled{pointer-events:none;opacity:.5}[data-slot=button]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=button] [data-icon]{width:1em;height:1em;flex-shrink:0;pointer-events:none}[data-slot=button][data-size=default]{font-size:var(--echo--t-350);min-height:3rem;padding:var(--echo--s-100) var(--echo--s-400)}[data-slot=button][data-size=sm]{font-size:var(--echo--t-300);min-height:2.25rem;padding:var(--echo--s-50) var(--echo--s-300)}[data-slot=button][data-size=lg]{font-size:var(--echo--t-400);min-height:3.5rem;padding:var(--echo--s-100) var(--echo--s-600)}[data-slot=button][data-size=xl]{font-size:var(--echo--t-500);min-height:4rem;padding:var(--echo--s-100) var(--echo--s-700)}[data-slot=button][data-size=icon]{width:2.5rem;height:2.5rem;padding:0}[data-slot=button]:where([data-variant=default],[data-variant=primary]){border-color:color-mix(in srgb,var(--primary) 58%,transparent);background-color:color-mix(in srgb,var(--primary) 92%,transparent);color:var(--primary-foreground);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--primary) 65%,transparent)}[data-slot=button]:where([data-variant=default],[data-variant=primary]):hover{background-color:color-mix(in srgb,var(--primary) 84%,transparent)}[data-slot=button][data-variant=tertiary]{border-color:color-mix(in srgb,var(--echo--c-orange-600) 58%,transparent);background-color:color-mix(in srgb,var(--echo--c-orange-500) 94%,transparent);color:var(--echo--c-gray-50);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--echo--c-orange-700) 64%,transparent)}[data-slot=button][data-variant=tertiary]:hover{background-color:color-mix(in srgb,var(--echo--c-orange-600) 92%,transparent)}[data-slot=button][data-variant=destructive]{background-color:var(--destructive);color:#fff}[data-slot=button][data-variant=destructive]:hover{background-color:color-mix(in srgb,var(--destructive) 90%,black)}[data-slot=button][data-variant=outline]{border-color:var(--primary);background-color:transparent;color:var(--primary)}[data-slot=button][data-variant=outline]:hover{background-color:var(--accent)}[data-slot=button][data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground);border-color:color-mix(in srgb,var(--secondary) 65%,var(--border))}[data-slot=button][data-variant=secondary]:hover{background-color:color-mix(in srgb,var(--secondary) 86%,var(--accent))}[data-slot=button][data-variant=ghost]{background-color:transparent;color:var(--foreground)}[data-slot=button][data-variant=ghost]:hover{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=button][data-variant=link]{padding:0;border:none;background:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:var(--echo--s-25);transition:color .15s,text-underline-offset .15s}[data-slot=button][data-variant=link]:hover{color:color-mix(in srgb,var(--primary) 82%,var(--foreground));text-underline-offset:.32rem}[data-slot=button][data-modifier=rounded]{border-radius:var(--echo--r-lg)}[data-slot=button][data-modifier=pill]{border-radius:var(--echo--r-full)}}@layer echo.components.card{[data-slot=card]{display:flex;flex-direction:column;gap:var(--echo--s-500);padding:var(--echo--s-200);border:1px solid var(--border);border-radius:var(--echo--r-xl);background-color:var(--card);color:var(--card-foreground);box-shadow:var(--echo--e-card);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}[data-slot=card]:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--border));box-shadow:var(--echo--e-md);transform:translateY(-1px)}[data-slot=card] [data-slot=card-header]{display:grid;grid-auto-rows:min-content;grid-template-rows:auto auto;gap:var(--echo--s-50);padding-inline:var(--echo--s-500)}[data-slot=card] [data-slot=card-title]{font-size:var(--echo--t-400);font-weight:var(--echo--t-weight-600);line-height:var(--echo--t-height-sm)}[data-slot=card] [data-slot=card-description]{font-size:var(--echo--t-350);color:var(--muted-foreground)}[data-slot=card] [data-slot=card-action]{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}[data-slot=card] [data-slot=card-content]{padding-inline:var(--echo--s-500)}[data-slot=card] [data-slot=card-footer]{display:flex;align-items:center;padding-inline:var(--echo--s-500)}}@layer echo.components.input{[data-slot=input]{width:100%;min-height:2.45rem;padding:.475rem var(--echo--s-300);border:1px solid var(--input);border-radius:var(--echo--r-sm);background-color:color-mix(in srgb,var(--background) 92%,var(--muted));color:var(--foreground);font-size:var(--echo--t-350);transition:border-color .15s,box-shadow .15s,background-color .15s}[data-slot=input]::placeholder{color:var(--muted-foreground)}[data-slot=input]:not(:disabled):hover{border-color:color-mix(in srgb,var(--ring) 45%,var(--input))}[data-slot=input]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=input]:disabled{cursor:not-allowed;opacity:.5}[data-slot=input][type=number]{-webkit-appearance:auto;appearance:auto;-moz-appearance:auto;padding-inline-end:calc(var(--echo--s-3-00) + var(--echo--s-100))}[data-slot=input][type=number]::-webkit-outer-spin-button,[data-slot=input][type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:auto}[data-slot=input][data-size=compact]{min-height:2.25rem;padding-block:var(--echo--s-50)}}@layer echo.components{@layer popover{[data-slot=popover-content]{z-index:var(--echo--z-dropdown);width:min(22rem,calc(100vw - 2rem));padding:var(--echo--s-300);border:1px solid var(--border);border-radius:var(--echo--r-md);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--echo--e-xl);outline:none}[data-slot=popover-content][data-state=open]{animation:popover-in .14s ease-out}[data-slot=popover-content][data-state=closed]{animation:popover-out .1s ease-in forwards}[data-slot=popover-content][data-side=bottom]{transform-origin:top center}[data-slot=popover-content][data-side=top]{transform-origin:bottom center}[data-slot=popover-content][data-side=left]{transform-origin:center right}[data-slot=popover-content][data-side=right]{transform-origin:center left}}@keyframes popover-in{0%{opacity:0;transform:translateY(.25rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popover-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.2rem) scale(.98)}}}@layer echo.components{@layer select{[data-component=select-field]{display:flex;width:100%;flex-direction:column}[data-component=select-field][data-mode=combobox]{position:relative;cursor:pointer}[data-component=select-field][data-mode=combobox][data-disabled=true]{cursor:not-allowed;opacity:.5}[data-slot=select-combobox]{display:flex;align-items:center;width:100%;min-height:2.45rem;border:1px solid var(--input);border-radius:var(--echo--r-sm);background-color:color-mix(in srgb,var(--background) 92%,var(--muted));transition:border-color .15s,background-color .15s,outline-color .15s;cursor:pointer}[data-slot=select-combobox]:hover{border-color:color-mix(in srgb,var(--ring) 45%,var(--input))}[data-slot=select-combobox]:focus-within{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=select-combobox-input]{flex:1 1 auto;width:100%;min-width:0;min-height:2.45rem;border:0;background:transparent;box-shadow:none;padding:.475rem var(--echo--s-300);padding-inline-end:var(--echo--s-200);color:var(--foreground);font-size:var(--echo--t-350)}[data-slot=select-combobox-input]::placeholder{color:var(--muted-foreground)}[data-slot=select-combobox-input]:focus-visible{outline:none}[data-slot=select-combobox-input]:not(:read-only){cursor:text}[data-slot=select-combobox-input]:read-only{cursor:pointer}[data-slot=select-combobox-button]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;min-width:2.5rem;height:2.5rem;border:0;border-left:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:0 var(--echo--r-sm) var(--echo--r-sm) 0;background-color:transparent;color:var(--muted-foreground);cursor:pointer;transition:background-color .15s,color .15s}[data-slot=select-combobox-button]:hover:not(:disabled){background-color:color-mix(in srgb,var(--secondary) 86%,var(--accent));color:var(--secondary-foreground)}[data-slot=select-combobox-button]:disabled{cursor:not-allowed}[data-slot=select-combobox-icon]{width:1rem;height:1rem;forced-color-adjust:auto}[data-slot=select-trigger]{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.45rem;padding:var(--echo--s-200) var(--echo--s-300);border:1px solid var(--input);border-radius:var(--echo--r-sm);background-color:color-mix(in srgb,var(--background) 92%,var(--muted));color:var(--foreground);font-size:var(--echo--t-350);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}[data-slot=select-trigger]:hover:not([data-disabled]){border-color:color-mix(in srgb,var(--ring) 45%,var(--input))}[data-slot=select-trigger]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=select-trigger][data-disabled]{cursor:not-allowed;opacity:.5}[data-slot=select-trigger]>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-slot=select-trigger] [data-slot=select-trigger-icon]{width:1rem;height:1rem;opacity:.5;margin-left:.5rem}[data-slot=select-content]{position:relative;z-index:var(--echo--z-dropdown);min-width:max(8rem,var(--radix-select-trigger-width, 8rem));max-height:24rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--echo--r-sm);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--echo--e-xl)}[data-slot=select-content][data-state=open]{animation:select-in .15s ease-out}[data-slot=select-content][data-state=closed]{animation:select-out .1s ease-in forwards}[data-slot=select-content][data-max-height="320"]{max-height:320px}[data-slot=select-content][data-max-height="200"]{max-height:200px}[data-slot=select-content][data-no-padding] [data-slot=select-viewport]{padding:0}[data-slot=select-content][data-mode=custom]{width:min(max(16rem,var(--radix-popover-trigger-width, 16rem)),24rem);padding:0;border-radius:var(--echo--r-md)}[data-slot=select-content][data-mode=combobox]{width:min(max(16rem,var(--select-field-width, 16rem)),32rem);padding:0;border-radius:var(--echo--r-md)}[data-slot=select-viewport]{padding:var(--echo--s-50)}[data-slot^=select-scroll-]{display:flex;align-items:center;justify-content:center;padding:var(--echo--s-50)}[data-slot^=select-scroll-] [data-icon]{width:1rem;height:1rem}[data-slot=select-label]{padding:.375rem var(--echo--s-200) .375rem 2rem;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-600);color:var(--muted-foreground)}[data-slot=select-item]{position:relative;display:flex;align-items:center;width:100%;padding:.375rem var(--echo--s-200) .375rem 2rem;border:1px solid transparent;border-radius:var(--echo--r-sm);background:transparent;font-size:var(--echo--t-350);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .13s,color .13s,border-color .13s,box-shadow .13s}[data-slot=select-item]:hover:not([data-disabled]),[data-slot=select-item][data-highlighted]{position:relative;z-index:1;border-color:color-mix(in srgb,var(--primary) 70%,transparent);background-color:color-mix(in srgb,var(--accent) 82%,transparent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);outline:none}[data-slot=select-item][data-state=checked]{background-color:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--accent-foreground)}[data-slot=select-item][data-disabled]{pointer-events:none;opacity:.5}[data-slot=select-item-indicator]{position:absolute;left:var(--echo--s-200);display:flex;width:.875rem;height:.875rem;align-items:center;justify-content:center}[data-slot=select-item-indicator] [data-icon]{width:1rem;height:1rem}[data-slot=select-separator]{height:1px;margin:var(--echo--s-50) calc(var(--echo--s-50) * -1);background-color:var(--muted)}[data-slot=select-search-shell]{position:sticky;top:0;z-index:1;padding:var(--echo--s-200);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--popover) 94%,var(--background))}[data-slot=select-options]{display:flex;max-height:16rem;flex-direction:column;gap:var(--echo--s-1);overflow-y:auto;padding:var(--echo--s-100);cursor:pointer}[data-slot=select-option]{display:flex;width:100%;align-items:center;gap:var(--echo--s-100);padding:var(--echo--s-100);border:1px solid transparent;border-radius:var(--echo--r-sm);color:var(--foreground);line-height:1.4;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .13s,color .13s,border-color .13s,box-shadow .13s}[data-slot=select-option]:hover,[data-slot=select-option][data-active=true]{position:relative;z-index:1;border-color:color-mix(in srgb,var(--primary) 70%,transparent);background-color:color-mix(in srgb,var(--accent) 82%,transparent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}[data-slot=select-option][data-disabled=true]{cursor:not-allowed;opacity:.5}[data-slot=select-option][data-selected=true]{background-color:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--accent-foreground)}[data-slot=select-option-button]{display:flex;flex-direction:row;width:100%;align-items:center;gap:var(--echo--s-50);padding:var(--echo--s-100);border:1px solid transparent;border-radius:var(--echo--r-sm);background:transparent;color:var(--foreground);text-align:left;transition:background-color .13s,color .13s,border-color .13s,box-shadow .13s;cursor:pointer}[data-slot=select-option-button]:hover:not(:disabled),[data-slot=select-option-button]:focus-visible{position:relative;z-index:1;border-color:color-mix(in srgb,var(--primary) 70%,transparent);background-color:color-mix(in srgb,var(--accent) 82%,transparent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent);outline:none}[data-slot=select-option-button]:disabled{cursor:not-allowed;opacity:.5}[data-slot=select-option-button][data-selected=true]{background-color:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--accent-foreground)}[data-slot=select-option-indicator]{display:inline-flex;width:1rem;min-width:1rem;align-items:center;justify-content:center}[data-slot=select-option-check]{display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary) 80%,transparent);border-radius:var(--echo--r-sm);background:var(--background);color:transparent;transition:background-color .13s,color .13s,border-color .13s}[data-slot=select-option-button][data-selected=true] [data-slot=select-option-check],[data-slot=select-option][data-selected=true] [data-slot=select-option-check]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}[data-slot=select-option-check-icon],[data-slot=select-option-placeholder]{width:.875rem;height:.875rem}[data-slot=select-option-label]{flex:1 1 auto;min-width:0;line-height:1.4}[data-slot=select-empty]{padding:var(--echo--s-300);color:var(--muted-foreground);font-size:var(--echo--t-350);text-align:center;list-style:none}}@keyframes select-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes select-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}}@layer echo.components.dialog{:root{--dialog-section-inline: var(--echo--s-400);--dialog-section-gap: var(--echo--s-400);--dialog-content-padding: var(--echo--s-400);--dialog-focus-safe-space: calc(var(--echo--f-width) + var(--echo--f-offset))}[data-slot=dialog-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--echo--z-modal);background-color:#171f2cad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-slot=dialog-overlay][data-state=open]{animation:dialog-fade-in .2s ease-out}[data-slot=dialog-overlay][data-state=closed]{animation:dialog-fade-out .15s ease-in forwards}[data-slot=dialog-content]{position:fixed;top:50%;left:50%;z-index:var(--echo--z-modal);display:grid;width:90vw;min-width:min(18rem,calc(100% - var(--echo--s-700)));max-width:calc(100% - var(--echo--s-700));gap:var(--echo--s-300);padding:var(--dialog-content-padding);border:1px solid var(--border);border-radius:1.25rem;background-color:var(--background);box-shadow:var(--echo--e-2xl);transform:translate(-50%,-50%)}@media(min-width:1024px){[data-slot=dialog-content]{width:fit-content}}[data-slot=dialog-content][data-max-width=sm]{max-width:min(20rem,calc(100% - var(--echo--s-700)))}[data-slot=dialog-content][data-max-width=md]{max-width:min(28rem,calc(100% - var(--echo--s-700)))}[data-slot=dialog-content][data-max-width=lg]{max-width:min(36rem,calc(100% - var(--echo--s-700)))}[data-slot=dialog-content][data-max-width=xl]{max-width:min(48rem,calc(100% - var(--echo--s-700)))}[data-slot=dialog-content][data-state=open]{animation:dialog-content-in .25s ease-out}[data-slot=dialog-content][data-state=closed]{animation:dialog-content-out .18s ease-in forwards}[data-color-scheme=dark] [data-slot=dialog-content]{background-color:var(--card);border-color:var(--border)}[data-slot=dialog-content] [data-slot=dialog-close]{position:absolute;top:var(--dialog-content-padding);right:var(--dialog-content-padding);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--echo--r-sm);background:transparent;color:var(--muted-foreground);cursor:pointer}[data-slot=dialog-content] [data-slot=dialog-close] [data-icon]{width:1rem;height:1rem}[data-slot=dialog-content] [data-slot=dialog-close]:hover{color:var(--foreground);background-color:color-mix(in srgb,var(--accent) 88%,transparent)}[data-slot=dialog-content] [data-slot=dialog-close]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=dialog-content] [data-slot=dialog-header]{display:grid;gap:var(--echo--s-50);margin:0;padding-inline-end:calc(2rem + var(--echo--s-300))}[data-slot=dialog-content] [data-slot=dialog-header]+:where(form,article,section):not([data-slot=dialog-body]){margin:calc(var(--dialog-focus-safe-space) * -1);padding:var(--dialog-focus-safe-space)}[data-slot=dialog-content]>[data-slot=dialog-body]{display:grid;gap:var(--dialog-section-gap);min-inline-size:0;margin:calc(var(--dialog-focus-safe-space) * -1);padding:var(--dialog-focus-safe-space)}[data-slot=dialog-content] [data-slot=dialog-title]{font-size:var(--echo--t-500);font-weight:var(--echo--t-weight-600);line-height:var(--echo--t-height-sm);color:var(--foreground)}[data-slot=dialog-content] [data-slot=dialog-title][data-tone=destructive]{color:var(--destructive)}[data-slot=dialog-content] [data-slot=dialog-title][data-layout=with-icon],[data-slot=dialog-content] [data-slot=dialog-title][data-tone=destructive]{display:inline-flex;align-items:center;gap:var(--echo--s-200)}[data-slot=dialog-content] [data-slot=dialog-title] [data-icon]{width:1rem;height:1rem}[data-slot=dialog-content] [data-slot=dialog-description]{font-size:var(--echo--t-300);line-height:var(--echo--t-height-sm);color:var(--muted-foreground)}[data-slot=dialog-content] [data-slot=dialog-footer]{display:flex;gap:var(--echo--s-200);margin:0;justify-content:flex-end;flex-wrap:wrap}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}}@layer echo.components.drawer{@keyframes echo-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes echo-drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes echo-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes echo-drawer-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes echo-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes echo-drawer-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes echo-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes echo-drawer-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes echo-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes echo-drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}[data-slot=drawer-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--echo--z-modal);background-color:#171f2cad}[data-slot=drawer-overlay][data-state=open]{animation:echo-drawer-overlay-in .2s ease-out}[data-slot=drawer-overlay][data-state=closed]{animation:echo-drawer-overlay-out .18s ease-in}[data-slot=drawer-content]{position:fixed;z-index:var(--echo--z-modal);display:flex;flex-direction:column;background-color:var(--background);border:1px solid var(--border)}[data-slot=drawer-content]:focus{outline:none}[data-slot=drawer-content][data-side=bottom]{right:0;bottom:0;left:0;max-height:82vh;border-bottom:none;border-top-left-radius:var(--echo--r-lg);border-top-right-radius:var(--echo--r-lg)}[data-slot=drawer-content][data-side=bottom][data-state=open]{animation:echo-drawer-slide-in-bottom .28s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=bottom][data-state=closed]{animation:echo-drawer-slide-out-bottom .22s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=top]{top:0;right:0;left:0;max-height:82vh;border-top:none;border-bottom-left-radius:var(--echo--r-lg);border-bottom-right-radius:var(--echo--r-lg)}[data-slot=drawer-content][data-side=top][data-state=open]{animation:echo-drawer-slide-in-top .28s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=top][data-state=closed]{animation:echo-drawer-slide-out-top .22s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=left]{top:0;bottom:0;left:0;max-width:82vw;border-left:none;border-top-right-radius:var(--echo--r-lg);border-bottom-right-radius:var(--echo--r-lg)}[data-slot=drawer-content][data-side=left][data-state=open]{animation:echo-drawer-slide-in-left .28s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=left][data-state=closed]{animation:echo-drawer-slide-out-left .22s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=right]{top:0;right:0;bottom:0;max-width:82vw;border-right:none;border-top-left-radius:var(--echo--r-lg);border-bottom-left-radius:var(--echo--r-lg)}[data-slot=drawer-content][data-side=right][data-state=open]{animation:echo-drawer-slide-in-right .28s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-content][data-side=right][data-state=closed]{animation:echo-drawer-slide-out-right .22s cubic-bezier(.32,.72,0,1)}[data-slot=drawer-handle]{width:3rem;height:.375rem;flex-shrink:0;margin:var(--echo--s-300) auto;border-radius:var(--echo--r-full);background-color:var(--muted)}[data-slot=drawer-header]{display:flex;flex-direction:column;gap:var(--echo--s-100);padding:var(--echo--s-400);text-align:left}[data-slot=drawer-footer]{display:flex;flex-direction:column;gap:var(--echo--s-200);padding:var(--echo--s-400);margin-top:auto}[data-slot=drawer-title]{font-size:var(--echo--t-450);font-weight:var(--echo--t-weight-600);line-height:1;letter-spacing:-.01em;color:var(--foreground)}[data-slot=drawer-description]{font-size:var(--echo--t-350);color:var(--muted-foreground)}}@layer echo.components.label{[data-slot=label]{font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);line-height:var(--echo--t-height-sm);color:var(--foreground)}[data-slot=label][data-size=xs]{font-size:var(--echo--t-300)}[data-slot=label][data-tone=muted]{color:var(--muted-foreground)}[data-slot=label][data-clickable]{cursor:pointer}[data-slot=label][data-disabled]{cursor:not-allowed;opacity:.7}[data-slot=checkbox][data-disabled]+[data-slot=label]{cursor:not-allowed;opacity:.7}}@layer echo.components.logo{[data-component=logo]{display:block;inline-size:auto;block-size:3.5rem;aspect-ratio:335 / 100;background-color:currentColor;-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}@layer echo.components{@layer tooltip{[data-slot=tooltip-content]{z-index:var(--echo--z-dropdown);overflow:hidden;padding:var(--echo--s-50) var(--echo--s-300);border:1px solid var(--border);border-radius:var(--echo--r-md);background-color:var(--popover);color:var(--popover-foreground);font-size:var(--echo--t-300);line-height:var(--echo--t-height-sm);box-shadow:var(--echo--e-md)}[data-slot=tooltip-content][data-state=delayed-open]{animation:tooltip-in .14s ease-out}[data-slot=tooltip-content][data-state=closed]{animation:tooltip-out .1s ease-in forwards}[data-slot=tooltip-content][data-side=top]{transform-origin:bottom center}[data-slot=tooltip-content][data-side=bottom]{transform-origin:top center}[data-slot=tooltip-content][data-side=left]{transform-origin:center right}[data-slot=tooltip-content][data-side=right]{transform-origin:center left}[data-slot=tooltip-value]{font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-600);color:var(--foreground)}}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}}@layer echo.components.separator{[data-slot=separator]{background-color:var(--border);flex-shrink:0}[data-slot=separator][data-orientation=horizontal]{height:1px;width:100%}[data-slot=separator][data-orientation=vertical]{width:1px;height:100%}}@layer echo.components.skeleton-placeholder{[data-slot=skeleton]{position:relative;overflow:hidden;border-radius:var(--echo--r-xl);background:linear-gradient(90deg,color-mix(in srgb,var(--muted) 70%,transparent),color-mix(in srgb,var(--muted) 85%,transparent),color-mix(in srgb,var(--muted) 70%,transparent) 70%);background-size:220% 100%;animation:skeleton-shimmer 1.4s linear infinite}[data-slot=skeleton][data-stagger]{animation-delay:var(--skeleton-delay, 0ms)}[data-slot=skeleton][data-component=page-loading-skeleton]{width:100%;height:100%;border-radius:2rem}[data-slot=skeleton]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / .12) 45%,rgb(255 255 255 / .24) 50%,rgb(255 255 255 / .12) 55%,transparent 100%);transform:translate(-100%);animation:skeleton-sheen 1.6s ease-in-out infinite;animation-delay:var(--skeleton-delay, 0ms);pointer-events:none}[data-color-scheme=dark] [data-slot=skeleton]:after{background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / .04) 45%,rgb(255 255 255 / .1) 50%,rgb(255 255 255 / .04) 55%,transparent 100%)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes skeleton-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}}@layer echo.components.spinner{[data-component=spinner]{display:flex;block-size:100vh;flex-direction:column;align-items:center;justify-content:center;gap:var(--echo--s-300);color:var(--primary)}[data-component=spinner] [data-component=logo]{inline-size:var(--spinner-logo-width, max(10vw, 15rem));block-size:auto}[data-component=spinner] [data-slot=icon]{width:var(--spinner-icon-width, 5rem);height:var(--spinner-icon-width, 5rem);animation:echo-spinner-rotate 1s linear infinite}@keyframes echo-spinner-rotate{to{transform:rotate(360deg)}}}@layer echo.components.textarea{[data-slot=textarea]{width:100%;min-height:7.5rem;padding:.625rem var(--echo--s-300);border:1px solid var(--input);border-radius:var(--echo--r-sm);background-color:color-mix(in srgb,var(--background) 92%,var(--muted));color:var(--foreground);font-size:var(--echo--t-350);line-height:var(--echo--t-height-md);transition:border-color .15s,box-shadow .15s,background-color .15s}[data-slot=textarea]::placeholder{color:var(--muted-foreground)}[data-slot=textarea]:not(:disabled):hover{border-color:color-mix(in srgb,var(--ring) 45%,var(--input))}[data-slot=textarea]:focus-visible{outline:var(--echo--f);outline-offset:var(--echo--f-offset)}[data-slot=textarea]:disabled{cursor:not-allowed;opacity:.5}}@layer echo.components{@layer toaster{[data-slot=toast-viewport]{position:fixed;z-index:var(--echo--z-toast);display:grid;gap:var(--echo--s-300);width:min(22rem,calc(100vw - var(--echo--s-700)));pointer-events:none}[data-slot=toast-viewport][data-position=bottom-right]{right:var(--echo--s-400);bottom:var(--echo--s-400)}[data-slot=toast-viewport][data-position=top-right]{right:var(--echo--s-400);top:var(--echo--s-400)}[data-slot=toast]{display:flex;align-items:flex-start;gap:var(--echo--s-300);padding:var(--echo--s-3-00) var(--echo--s-300);border:1px solid var(--border);border-radius:var(--echo--r-md);background-color:var(--background);color:var(--foreground);box-shadow:var(--echo--e-lg);pointer-events:auto;animation:toast-in .18s ease-out}[data-slot=toast][data-tone=success]{border-color:color-mix(in srgb,#22c55e 40%,var(--border))}[data-slot=toast][data-tone=error]{border-color:color-mix(in srgb,var(--destructive) 45%,var(--border))}[data-slot=toast] [data-slot=toast-body]{flex:1;min-width:0}[data-slot=toast] [data-slot=toast-title]{font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-600);line-height:var(--echo--t-height-sm)}[data-slot=toast] [data-slot=toast-description]{margin-top:.125rem;font-size:var(--echo--t-300);color:var(--muted-foreground)}[data-slot=toast] [data-slot=toast-close]{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--echo--r-sm);background:transparent;color:var(--muted-foreground);cursor:pointer}[data-slot=toast] [data-slot=toast-close] [data-icon]{width:.875rem;height:.875rem}[data-slot=toast] [data-slot=toast-close]:hover{color:var(--foreground);background-color:var(--accent)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@layer components.user-menu{:root{--echo-menu-trigger-border: color-mix(in srgb, var(--border) 76%, transparent);--echo-avatar-size: 1.75rem;--echo-avatar-radius: var(--echo-radius-lg);--echo-avatar-bg: color-mix(in srgb, var(--primary) 10%, transparent)}[data-component=header-menu]{display:inline-flex;align-items:center;gap:var(--echo-spacing-200);min-block-size:2.75rem;padding-block:var(--echo-spacing-100);padding-inline:var(--echo-spacing-300);border:1px solid var(--echo-menu-trigger-border);border-radius:var(--echo-radius-sm);background-color:var(--card);color:var(--foreground);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);box-shadow:var(--echo--e-xs);transition:border-color .15s ease;cursor:pointer}[data-component=header-menu]:hover:not(:disabled){border-color:color-mix(in srgb,var(--border) 94%,transparent)}[data-component=header-menu]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-component=header-menu]:disabled{cursor:not-allowed;opacity:.5}[data-component=header-menu] [data-slot=trigger-icon]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1rem;color:var(--muted-foreground);font-size:1rem;line-height:1}[data-component=header-menu] [data-slot=trigger-icon] [data-icon]{inline-size:.875rem;block-size:.875rem}[data-component=header-menu] [data-slot=trigger-label]{max-inline-size:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}[data-component=header-menu] [data-slot=trigger-chevron]{inline-size:1rem;block-size:1rem;color:var(--muted-foreground)}[data-component=header-menu] [data-slot=user-avatar]{display:flex;align-items:center;justify-content:center;inline-size:var(--echo-avatar-size);block-size:var(--echo-avatar-size);border-radius:var(--echo-avatar-radius);background:var(--echo-avatar-bg);color:var(--primary)}[data-component=header-menu] [data-slot=user-avatar] [data-icon]{inline-size:.875rem;block-size:.875rem}[data-slot=dropdown-content][data-menu=header]{inline-size:16rem;padding:var(--echo-spacing-100);border-color:color-mix(in srgb,var(--border) 60%,transparent);background-color:var(--card);box-shadow:var(--echo--e-lg);overflow:visible}[data-slot=dropdown-content][data-menu=header] [data-slot=dropdown-item][data-menu=header]{border-radius:var(--echo-radius-sm);cursor:pointer}[data-slot=dropdown-content][data-menu=header] [data-slot=item-icon]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-inline-size:1rem;font-size:1rem;line-height:1}[data-slot=dropdown-content][data-menu=header] [data-slot=item-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-slot=dropdown-content][data-menu=header] [data-slot=account-summary]{display:flex;flex-flow:column;padding:var(--echo-spacing-100);gap:var(--echo-spacing-50);border-radius:var(--echo-radius-sm)}[data-slot=dropdown-content][data-menu=header] [data-slot=account-summary-label]{display:block;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);color:var(--muted-foreground);line-height:1.4}[data-slot=dropdown-content][data-menu=header] [data-slot=account-summary-value]{display:block;font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-600);color:var(--foreground);line-height:1.4;overflow-wrap:anywhere;white-space:normal}}@layer components.app-header{:root{--app-header-height: 5rem;--app-header-height-mobile: 8rem;--app-header-main-offset: var(--app-header-height);--app-header-padding-inline: var(--echo-spacing-600);--app-header-padding-block: 0;--app-header-border-color: color-mix(in srgb, var(--border) 76%, transparent);--app-header-surface: color-mix(in srgb, var(--background) 84%, transparent);--app-header-backdrop: blur(18px);--app-header-shadow: var(--echo--e-sm);--app-header-group-gap: var(--echo-spacing-300, 1rem);--app-header-brand-gap: var(--echo-spacing-300);--app-header-brand-logo-height: 2rem;--app-header-brand-color: var(--primary);--app-header-avatar-size: 1.75rem;--app-header-avatar-radius: var(--echo-radius-lg);--app-header-avatar-bg: color-mix(in srgb, var(--primary) 10%, transparent);--app-header-theme-toggle-gap: var(--echo-spacing-200);--app-header-theme-toggle-padding: var(--echo-spacing-200) var(--echo-spacing-300);--app-header-theme-option-gap: var(--echo-spacing-200);--app-header-theme-option-padding: var(--echo-spacing-200) var(--echo-spacing-300);--app-header-theme-option-active-shadow: var(--echo--e-xs)}@media(max-width:48rem){:root{--app-header-main-offset: var(--app-header-height-mobile)}}:root[data-color-scheme=dark] [data-component=app-header-brand]{color:var(--foreground)}[data-component=app-header]{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--echo-z-sticky);background:var(--app-header-surface);-webkit-backdrop-filter:var(--app-header-backdrop);backdrop-filter:var(--app-header-backdrop);box-shadow:var(--app-header-shadow)}[data-component=app-header][data-border=visible]{border-block-end:1px solid var(--app-header-border-color)}[data-component=app-header][data-border=hidden]{border-block-end:0}[data-component=app-header] [data-slot=app-header-inner]{display:flex;align-items:center;justify-content:space-between;gap:var(--echo-spacing-300);min-block-size:var(--app-header-height);padding-block:var(--app-header-padding-block);padding-inline:var(--app-header-padding-inline)}@media(max-width:48rem){[data-component=app-header] [data-slot=app-header-inner]{min-block-size:var(--app-header-height-mobile);flex-wrap:wrap;align-items:flex-start}}[data-component=app-header] [data-slot=app-header-start],[data-component=app-header] [data-slot=app-header-end]{display:flex;align-items:center;gap:var(--app-header-group-gap);min-inline-size:0}@media(max-width:48rem){[data-component=app-header] [data-slot=app-header-start],[data-component=app-header] [data-slot=app-header-end]{inline-size:100%;flex-wrap:wrap}}[data-component=app-header] [data-slot=app-header-brand-cluster]{display:inline-flex;align-items:center;gap:var(--app-header-brand-gap);flex:0 0 auto;margin-inline-end:var(--echo-spacing-500)}[data-component=app-header] [data-slot=app-header-end]{justify-content:flex-end}[data-component=app-header] [data-slot=app-header-end] [data-component=select-field][data-mode=combobox]{inline-size:min(22rem,100%)}[data-component=app-header] [data-component=app-header-brand]{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--app-header-brand-color);text-decoration:none}[data-component=app-header] [data-component=app-header-brand] [data-component=logo]{block-size:var(--app-header-brand-logo-height)}[data-component=app-header] [data-component=theme-toggle]{display:flex;align-items:stretch;gap:var(--app-header-theme-toggle-gap);padding:var(--app-header-theme-toggle-padding);margin:0;border:1px solid var(--app-header-border-color);border-radius:var(--echo-radius-md);background-color:var(--card);box-shadow:var(--echo--e-xs);font-size:var(--echo--t-350)}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option]{display:flex;align-items:center;gap:var(--app-header-theme-option-gap);padding:var(--app-header-theme-option-padding);border-radius:var(--echo-radius-sm);color:var(--muted-foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option] input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option] [data-icon]{inline-size:1rem;block-size:1rem}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option]:hover{background:var(--muted);color:var(--foreground)}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option]:focus-within{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-option][data-active]{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--app-header-theme-option-active-shadow)}[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-label]{display:none;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);letter-spacing:var(--echo--t-spacing-lg)}@media(min-width:64rem){[data-component=app-header] [data-component=theme-toggle] [data-slot=theme-label]{display:inline}}[data-component=app-header] [data-slot=sr-only]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-component=app-header] [data-component=header-menu]{display:inline-flex;align-items:center;gap:var(--echo-spacing-200);min-block-size:2.75rem;padding-block:var(--echo-spacing-100);padding-inline:var(--echo-spacing-300);border:1px solid var(--app-header-border-color);border-radius:var(--echo-radius-sm);background-color:var(--card);color:var(--foreground);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);box-shadow:var(--echo--e-xs);transition:border-color .15s ease;cursor:pointer}[data-component=app-header] [data-component=header-menu]:hover{border-color:color-mix(in srgb,var(--border) 94%,transparent)}[data-component=app-header] [data-component=header-menu]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-component=app-header] [data-slot=trigger-icon]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1rem;color:var(--muted-foreground);font-size:1rem;line-height:1}[data-component=app-header] [data-slot=trigger-icon] [data-icon]{inline-size:.875rem;block-size:.875rem}[data-component=app-header] [data-slot=trigger-label]{max-inline-size:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}[data-component=app-header] [data-slot=trigger-chevron]{inline-size:1rem;block-size:1rem;color:var(--muted-foreground)}[data-component=app-header] [data-slot=dropdown-content][data-menu=header]{inline-size:16rem;padding:var(--echo-spacing-100);border-color:color-mix(in srgb,var(--border) 60%,transparent);background-color:var(--card);box-shadow:var(--echo--e-lg);overflow:visible}[data-component=app-header] [data-slot=dropdown-item][data-menu=header]{border-radius:var(--echo-radius-sm);cursor:pointer}[data-component=app-header] [data-slot=item-icon]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-inline-size:1rem;font-size:1rem;line-height:1}[data-component=app-header] [data-slot=item-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=app-header] [data-slot=account-summary]{display:flex;flex-flow:column;padding:var(--echo-spacing-100);gap:var(--echo-spacing-50);border-radius:var(--echo-radius-sm)}[data-component=app-header] [data-slot=account-summary-label]{display:block;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);color:var(--muted-foreground);line-height:1.4}[data-component=app-header] [data-slot=account-summary-value]{display:block;font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-600);color:var(--foreground);line-height:1.4;overflow-wrap:anywhere;white-space:normal}[data-component=app-header] [data-slot=user-avatar]{display:flex;align-items:center;justify-content:center;inline-size:var(--app-header-avatar-size);block-size:var(--app-header-avatar-size);border-radius:var(--app-header-avatar-radius);background:var(--app-header-avatar-bg);color:var(--primary)}[data-component=app-header] [data-slot=user-avatar] [data-icon]{inline-size:.875rem;block-size:.875rem}:where([data-component=header-menu]){display:inline-flex;align-items:center;gap:var(--echo-spacing-200);min-block-size:2.75rem;padding-block:var(--echo-spacing-100);padding-inline:var(--echo-spacing-300);border:1px solid var(--app-header-border-color);border-radius:var(--echo-radius-sm);background-color:var(--card);color:var(--foreground);font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-500);box-shadow:var(--echo--e-xs);transition:border-color .15s ease;cursor:pointer}:where([data-component=header-menu]):hover:not(:disabled){border-color:color-mix(in srgb,var(--border) 94%,transparent)}:where([data-component=header-menu]):focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}:where([data-component=header-menu]):disabled{cursor:not-allowed;opacity:.5}:where([data-slot=dropdown-content][data-menu=header]){inline-size:16rem;padding:var(--echo-spacing-100);border-color:color-mix(in srgb,var(--border) 60%,transparent);background-color:var(--card);box-shadow:var(--echo--e-lg);overflow:visible}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=dropdown-item][data-menu=header]){border-radius:var(--echo-radius-sm);cursor:pointer}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=item-icon]){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-inline-size:1rem;font-size:1rem;line-height:1}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=item-label]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=account-summary]){display:flex;flex-flow:column;padding:var(--echo-spacing-100);gap:var(--echo-spacing-50);border-radius:var(--echo-radius-sm)}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=account-summary-label]){display:block;font-size:var(--echo--t-300);font-weight:var(--echo--t-weight-500);color:var(--muted-foreground);line-height:1.4}:where([data-slot=dropdown-content][data-menu=header]) :where([data-slot=account-summary-value]){display:block;font-size:var(--echo--t-350);font-weight:var(--echo--t-weight-600);color:var(--foreground);line-height:1.4;overflow-wrap:anywhere;white-space:normal}}