@layer foundations{:root{--echo-radius-none:0px;--echo-radius-sm:calc(var(--radius) - 4px);--echo-radius-md:calc(var(--radius) - 2px);--echo-radius-lg:var(--radius);--echo-radius-xl:calc(var(--radius) + 4px);--echo-radius-full:9999px}}
@layer foundations{:root{--echo-s--ratio:1.25;--echo-s--400:1rem;--echo-spacing-0:0;--echo-spacing-px:1px;--echo-spacing-25:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 6));--echo-spacing-50:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 5));--echo-spacing-100:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 4));--echo-spacing-200:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 3));--echo-spacing-300:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 2));--echo-spacing-350:calc(var(--echo-s--400) / pow(var(--echo-s--ratio), 1));--echo-spacing-400:var(--echo-s--400);--echo-spacing-500:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 1));--echo-spacing-600:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 2));--echo-spacing-700:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 3));--echo-spacing-800:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 4));--echo-spacing-900:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 5));--echo-spacing-1000:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 6));--echo-spacing-1100:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 7));--echo-spacing-1200:calc(var(--echo-s--400) * pow(var(--echo-s--ratio), 8))}}
@layer foundations{: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-shadow-xs:0 1px 2px 0 #0000000a;--echo-shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--echo-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--echo-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000f;--echo-shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000f;--echo-shadow-2xl:0 25px 50px -12px #00000038;--echo-shadow-card:0 8px 18px -16px #0f172a66;--echo-elevation-raised-shadow:var(--echo-shadow-sm);--echo-elevation-dropdown-shadow:var(--echo-shadow-lg);--echo-elevation-overlay-shadow:var(--echo-shadow-xl);--echo-elevation-modal-shadow:var(--echo-shadow-2xl);--echo-elevation-toast-shadow:var(--echo-shadow-lg)}}
@layer foundations{:root{--echo-t--ratio:1.25;--echo-t--400:1rem;--echo-font-sans:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji");--echo-font-serif:var(--font-serif,ui-serif, Georgia, "Times New Roman", serif);--echo-font-mono:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);--echo-text-100:calc(var(--echo-t--400) / pow(var(--echo-t--ratio), 3));--echo-text-200:calc(var(--echo-t--400) / pow(var(--echo-t--ratio), 2));--echo-text-300:calc(var(--echo-t--400) / pow(var(--echo-t--ratio), 1));--echo-text-350:calc(var(--echo-t--400) / sqrt(var(--echo-t--ratio)));--echo-text-400:var(--echo-t--400);--echo-text-450:calc(var(--echo-t--400) * sqrt(var(--echo-t--ratio)));--echo-text-500:calc(var(--echo-t--400) * pow(var(--echo-t--ratio), 1));--echo-text-600:calc(var(--echo-t--400) * pow(var(--echo-t--ratio), 2));--echo-text-700:calc(var(--echo-t--400) * pow(var(--echo-t--ratio), 3));--echo-text-800:calc(var(--echo-t--400) * pow(var(--echo-t--ratio), 4));--echo-text-900:calc(var(--echo-t--400) * pow(var(--echo-t--ratio), 5));--echo-leading-tight:1.15;--echo-leading-snug:1.3;--echo-leading-normal:1.5;--echo-leading-relaxed:1.625;--echo-leading-loose:1.8;--echo-tracking-tight:-.025em;--echo-tracking-normal:0;--echo-tracking-wide:.06em;--echo-font-normal:400;--echo-font-medium:500;--echo-font-semibold:600;--echo-font-bold:700}}
@layer foundations{:root{--echo-focus-ring-width:2px;--echo-focus-ring-style:solid;--echo-focus-ring-color:color-mix(in srgb, var(--ring) 50%, transparent);--echo-focus-ring-offset:var(--echo-spacing-50);--echo-focus-ring:var(--echo-focus-ring-width) var(--echo-focus-ring-style) var(--echo-focus-ring-color);--echo-focus-ring-destructive:var(--echo-focus-ring-width) var(--echo-focus-ring-style) color-mix(in srgb, var(--destructive,#e4572e) 50%, transparent)}}
@layer foundations{:root{--font-varela-round:"Varela Round", sans-serif;--font-sans:var(--font-varela-round);--radius:.875rem;--dashboard-card-radius:var(--echo-radius-xl);--background:#f6f7fb;--foreground:#162033;--card:#ffffffeb;--card-foreground:var(--foreground);--popover:#fff;--popover-foreground:var(--foreground);--primary:#6d28d9;--primary-foreground:#fff;--secondary:color-mix(in srgb, var(--primary) 12%, white);--secondary-foreground:var(--foreground);--muted:color-mix(in srgb, var(--background) 82%, white);--muted-foreground:#5f6b84;--accent:color-mix(in srgb, var(--primary) 9%, white);--accent-foreground:var(--foreground);--destructive:#c53a45;--border:#1620331f;--input:#1620332e;--ring:var(--primary);--auth-success:#0f8a4a;--auth-warning:#d97706;--auth-success-soft:color-mix(in srgb, var(--auth-success) 10%, transparent);--auth-danger-soft:color-mix(in srgb, var(--destructive) 10%, transparent);--auth-shell-columns:minmax(0, 1.05fr) minmax(20rem, .95fr);--auth-brand-panel-padding-block:clamp(var(--echo-spacing-700), 5vw, var(--echo-spacing-1000));--auth-brand-panel-padding-inline:clamp(var(--echo-spacing-600), 5vw, var(--echo-spacing-1000));--auth-brand-copy-max-inline-size:40rem;--auth-brand-copy-padding-block-start:clamp(var(--echo-spacing-800), 6vw, var(--echo-spacing-1000));--auth-brand-copy-padding-block-end:var(--echo-spacing-800);--auth-brand-lead-max-inline-size:34rem;--auth-panel-padding:clamp(var(--echo-spacing-500), 4vw, var(--echo-spacing-800));--auth-card-padding-inline:clamp(var(--echo-spacing-500), 4vw, var(--echo-spacing-700));--auth-card-padding-block-start:var(--echo-spacing-700);--auth-card-padding-block-middle:var(--echo-spacing-600);--auth-card-padding-block-end:var(--echo-spacing-700);--auth-stack-gap:var(--echo-spacing-400);--auth-social-gap:var(--echo-spacing-400);--auth-form-gap:var(--echo-spacing-400);--auth-field-gap:var(--echo-spacing-100);--auth-inline-gap:var(--echo-spacing-300);--auth-mobile-inline-padding:var(--echo-spacing-500);--auth-callback-padding:var(--echo-spacing-700);--auth-card-shadow:var(--echo-shadow-2xl);--auth-page-max-inline-size:34rem}:root[data-theme=dark],:root[data-theme-mode=dark],.dark{--background:#0f1524;--foreground:#ecf2ff;--card:#101827db;--card-foreground:var(--foreground);--popover:#111a2d;--popover-foreground:var(--foreground);--primary:#8b5cf6;--primary-foreground:#fff;--secondary:color-mix(in srgb, var(--primary) 20%, #111a2d);--secondary-foreground:var(--foreground);--muted:color-mix(in srgb, var(--popover) 76%, #0b1220);--muted-foreground:#a9b6d3;--accent:color-mix(in srgb, var(--primary) 16%, #111a2d);--accent-foreground:var(--foreground);--destructive:#ff8a96;--border:#8da9ff2e;--input:#8da9ff47;--ring:color-mix(in srgb, var(--primary) 82%, white);--auth-success:#5dd79c}}
@layer base{:where(*){box-sizing:border-box;border-color:var(--border);outline-color:color-mix(in srgb, var(--ring) 36%, transparent)}:where(html,body){min-block-size:100%}body{color:var(--foreground);background-color:var(--background);background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 12%, transparent), transparent 32%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--auth-success) 12%, transparent), transparent 24%), linear-gradient(145deg, color-mix(in srgb, var(--background) 92%, white) 0%, color-mix(in srgb, var(--background) 96%, white) 46%, color-mix(in srgb, var(--background) 82%, white) 100%);font-family:var(--echo-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:where(a){color:inherit}:where(button,input,textarea,select){font:inherit}}@layer components{[data-component=auth-page]{min-block-size:100dvh;padding-top:var(--app-header-main-offset,5rem)}}
@layer foundations,base,components;