@charset "UTF-8";@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:swap;src:url("./media/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmM-PY3NVDWN.otf") format("opentype")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("./media/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg-OS4OQHHH.ttf") format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("./media/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg-UWYZNGCT.ttf") format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("./media/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg-VRBSYECP.ttf") format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("./media/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg-DHYSTJCL.ttf") format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./media/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ-CJ6BKARX.ttf") format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url("./media/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8-qxjPQ-NHBTXQF2.ttf") format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url("./media/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8FqtjPQ-IT5ZRRDF.ttf") format("truetype")}@property --surface-glass-alpha{syntax: "<number>"; inherits: true; initial-value: .78;}@property --surface-glow-intensity{syntax: "<number>"; inherits: true; initial-value: 0;}@property --border-alpha{syntax: "<number>"; inherits: true; initial-value: .08;}@property --elevation-y{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --elevation-blur{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --elevation-alpha{syntax: "<number>"; inherits: false; initial-value: 0;}@property --accent-chroma{syntax: "<number>"; inherits: true; initial-value: .15;}@property --accent-lightness{syntax: "<number>"; inherits: true; initial-value: .65;}@layer reset,tokens,base,components,patterns,utilities,overrides;:root{--neutral-warm-0: oklch(.995 .001 85);--neutral-warm-25: oklch(.985 .002 85);--neutral-warm-50: oklch(.975 .003 85);--neutral-warm-100: oklch(.96 .005 85);--neutral-warm-150: oklch(.94 .007 85);--neutral-warm-200: oklch(.91 .009 85);--neutral-warm-300: oklch(.84 .011 85);--neutral-warm-400: oklch(.72 .013 85);--neutral-warm-500: oklch(.58 .014 85);--neutral-warm-600: oklch(.45 .016 85);--neutral-warm-700: oklch(.34 .018 85);--neutral-warm-800: oklch(.24 .02 85);--neutral-warm-900: oklch(.16 .022 85);--neutral-warm-950: oklch(.105 .023 85);--neutral-warm-975: oklch(.075 .024 85);--neutral-cool-0: oklch(.995 .001 255);--neutral-cool-25: oklch(.985 .002 255);--neutral-cool-50: oklch(.975 .003 255);--neutral-cool-100: oklch(.955 .005 255);--neutral-cool-150: oklch(.92 .007 255);--neutral-cool-200: oklch(.87 .01 255);--neutral-cool-300: oklch(.77 .012 255);--neutral-cool-400: oklch(.63 .014 255);--neutral-cool-500: oklch(.49 .016 255);--neutral-cool-600: oklch(.37 .018 255);--neutral-cool-700: oklch(.27 .02 255);--neutral-cool-800: oklch(.195 .022 255);--neutral-cool-850: oklch(.155 .023 255);--neutral-cool-900: oklch(.12 .024 255);--neutral-cool-925: oklch(.095 .025 255);--neutral-cool-950: oklch(.07 .026 255);--neutral-cool-975: oklch(.048 .024 255);--teal-50: oklch(.975 .03 186);--teal-100: oklch(.945 .06 186);--teal-200: oklch(.9 .095 186);--teal-300: oklch(.845 .125 186);--teal-400: oklch(.78 .145 186);--teal-500: oklch(.68 .148 186);--teal-600: oklch(.57 .138 186);--teal-700: oklch(.46 .122 186);--teal-800: oklch(.35 .098 186);--teal-900: oklch(.26 .075 186);--teal-950: oklch(.18 .05 186);--terra-50: oklch(.978 .03 48);--terra-100: oklch(.95 .065 48);--terra-200: oklch(.91 .105 48);--terra-300: oklch(.86 .14 48);--terra-400: oklch(.8 .165 48);--terra-500: oklch(.72 .175 48);--terra-600: oklch(.61 .168 48);--terra-700: oklch(.49 .148 48);--terra-800: oklch(.375 .122 48);--terra-900: oklch(.28 .095 48);--terra-950: oklch(.195 .065 48);--brick-50: oklch(.975 .022 22);--brick-100: oklch(.945 .05 22);--brick-200: oklch(.9 .085 22);--brick-300: oklch(.84 .13 22);--brick-400: oklch(.76 .175 22);--brick-500: oklch(.64 .21 22);--brick-600: oklch(.53 .2 22);--brick-700: oklch(.42 .18 22);--brick-800: oklch(.32 .155 22);--brick-900: oklch(.24 .125 22);--brick-950: oklch(.165 .09 22);--amber-50: oklch(.985 .025 82);--amber-100: oklch(.96 .055 82);--amber-200: oklch(.925 .09 82);--amber-300: oklch(.88 .12 82);--amber-400: oklch(.83 .148 82);--amber-500: oklch(.78 .155 82);--amber-600: oklch(.685 .145 82);--amber-700: oklch(.575 .128 82);--amber-800: oklch(.455 .105 82);--amber-900: oklch(.37 .082 82);--amber-950: oklch(.27 .058 82);--indigo-50: oklch(.975 .025 270);--indigo-100: oklch(.945 .055 270);--indigo-200: oklch(.9 .09 270);--indigo-300: oklch(.84 .135 270);--indigo-400: oklch(.76 .17 270);--indigo-500: oklch(.58 .195 270);--indigo-600: oklch(.475 .185 270);--indigo-700: oklch(.375 .165 270);--indigo-800: oklch(.285 .14 270);--indigo-900: oklch(.215 .115 270);--indigo-950: oklch(.15 .082 270);--pure-white: oklch(1 0 0);--pure-black: oklch(0 0 0);--canvas-base: var(--neutral-warm-100);--canvas-subtle: var(--neutral-warm-150);--canvas-muted: var(--neutral-warm-200);--canvas-wash: var(--neutral-warm-200);--surface-ground: var(--neutral-warm-50);--surface-base: var(--pure-white);--surface-raised: var(--pure-white);--surface-overlay: var(--pure-white);--surface-sunken: var(--neutral-warm-100);--surface-invert: var(--neutral-warm-900);--surface-glass: oklch(.99 .002 85 / .85);--surface-glass-border: oklch(.85 .005 85 / .45);--surface-glass-thick: oklch(.98 .002 85 / .95);--ink-strong: var(--neutral-warm-975);--ink-base: var(--neutral-warm-900);--ink-secondary: var(--neutral-warm-700);--ink-muted: var(--neutral-warm-500);--ink-faint: var(--neutral-warm-400);--ink-disabled: var(--neutral-warm-300);--ink-inverse: var(--neutral-warm-0);--ink-on-accent: var(--pure-white);--ink-link: var(--teal-600);--ink-link-hover: var(--teal-700);--ink-code: var(--brick-600);--border-faintest: oklch(.12 .02 85 / .06);--border-subtle: oklch(.12 .02 85 / .12);--border-base: oklch(.12 .02 85 / .18);--border-strong: oklch(.12 .02 85 / .28);--border-stronger: oklch(.12 .02 85 / .38);--border-focus: var(--teal-500);--border-error: var(--brick-500);--border-warning: var(--amber-500);--border-accent: var(--teal-400);--fill-hover: oklch(.1 .01 85 / .04);--fill-active: oklch(.1 .01 85 / .07);--fill-selected: oklch(.65 .148 186 / .08);--fill-accent: oklch(.65 .148 186 / .1);--fill-error: oklch(.64 .21 22 / .07);--fill-warning: oklch(.78 .155 82 / .07);--fill-success: oklch(.68 .148 186 / .07);--accent: var(--teal-500);--accent-hover: var(--teal-600);--accent-active: var(--teal-700);--accent-subtle: var(--teal-50);--accent-muted: var(--teal-100);--accent-alt: var(--terra-500);--accent-alt-hover: var(--terra-600);--accent-alt-active: var(--terra-700);--accent-alt-subtle: var(--terra-50);--accent-success: var(--teal-500);--accent-warning: var(--amber-500);--accent-error: var(--brick-500);--accent-info: var(--indigo-500);--accent-success-text: var(--teal-700);--accent-warning-text: var(--amber-700);--accent-error-text: var(--brick-700);--accent-info-text: var(--indigo-700);--sidebar-canvas: var(--neutral-warm-950);--sidebar-surface: var(--neutral-warm-900);--sidebar-border: oklch(1 0 0 / .06);--sidebar-ink: oklch(.96 .005 85);--sidebar-ink-muted: oklch(.68 .007 85);--sidebar-ink-faint: oklch(.45 .006 85);--sidebar-fill-hover: oklch(1 0 0 / .06);--sidebar-fill-active: oklch(1 0 0 / .1);--sidebar-accent: oklch(.75 .13 186);--bg: var(--canvas-base);--bg-subtle: var(--canvas-subtle);--bg-muted: var(--canvas-muted);--surface: var(--surface-base);--ink: var(--ink-base);--border: var(--border-base);--teal: var(--accent);--teal-light: var(--accent-subtle);--teal-dark: var(--accent-hover);--terra: var(--accent-alt);--terra-light: var(--accent-alt-subtle);--terra-dark: var(--accent-alt-hover);--brick: var(--accent-error);--brick-light: var(--brick-50);--amber: var(--accent-warning);--amber-light: var(--amber-50);--indigo: var(--accent-info);--indigo-light: var(--indigo-50);--sidebar-bg: var(--sidebar-canvas);--elevation-0: none;--elevation-1: 0 1px 2px oklch(.15 .02 85 / .08), // key 0 0px 0px oklch(.15 .02 85 / .04), // ambient inset 0 1px 0 oklch(1 0 0 / .8);--elevation-2: 0 1px 2px oklch(.1 .02 85 / .06), 0 3px 6px oklch(.1 .02 85 / .08), 0 8px 16px oklch(.1 .02 85 / .06), inset 0 1px 0 oklch(1 0 0 / .9);--elevation-3: 0 2px 4px oklch(.08 .02 85 / .08), 0 6px 12px oklch(.08 .02 85 / .1), 0 16px 32px oklch(.08 .02 85 / .08), inset 0 1px 0 oklch(1 0 0 / 1);--elevation-4: 0 4px 8px oklch(.06 .02 85 / .07), 0 12px 24px oklch(.06 .02 85 / .1), 0 32px 64px oklch(.06 .02 85 / .08), inset 0 1px 0 oklch(1 0 0 / .85);--elevation-5: 0 8px 16px oklch(.05 .02 85 / .08), 0 20px 40px oklch(.05 .02 85 / .12), 0 48px 96px oklch(.05 .02 85 / .1), inset 0 1px 0 oklch(1 0 0 / 1);--shadow-xs: var(--elevation-1);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: var(--elevation-4);--shadow-2xl: var(--elevation-5);--shadow-ring-focus: 0 0 0 1px var(--border-focus), 0 0 0 4px oklch(.68 .148 186 / .18);--shadow-ring-error: 0 0 0 1px var(--border-error), 0 0 0 4px oklch(.64 .21 22 / .18);--shadow-ring-warning: 0 0 0 1px var(--border-warning), 0 0 0 4px oklch(.78 .155 82 / .18);--shadow-inset-base: inset 0 1px 3px oklch(0 0 0 / .06);--shadow-inset-strong: inset 0 2px 4px oklch(0 0 0 / .1);--glow-teal: 0 0 20px oklch(.68 .148 186 / .22), 0 0 60px oklch(.68 .148 186 / .1);--glow-terra: 0 0 20px oklch(.72 .175 48 / .22), 0 0 60px oklch(.72 .175 48 / .1);--glow-brick: 0 0 20px oklch(.64 .21 22 / .22), 0 0 60px oklch(.64 .21 22 / .1);--font-ui: "Inter", "Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "JetBrains Mono Variable", "SF Mono", ui-monospace, "Cascadia Code", "Fira Code", "Menlo", monospace;--font-display: "Instrument Serif", "Palatino Linotype", ui-serif, Georgia, serif;--fs-2xs: .625rem;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--tracking-tightest: -.05em;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0em;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .1em;--tracking-caps: .06em;--leading-none: 1;--leading-tightest: 1.1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--s-0: 0;--s-px: var(--space-px);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-5: var(--space-5);--s-6: var(--space-6);--s-7: var(--space-7);--s-8: var(--space-8);--s-9: var(--space-9);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16);--radius-none: 0;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-4xl: 40px;--radius-full: 9999px;--r-none: var(--radius-none);--r-xs: var(--radius-xs);--r-sm: var(--radius-sm);--r-md: var(--radius-lg);--r-lg: var(--radius-xl);--r-xl: var(--radius-2xl);--r-2xl: var(--radius-3xl);--r-pill: var(--radius-4xl);--r-full: var(--radius-full);--ease-exit: cubic-bezier(.3, 0, 1, 1);--ease-exit-snap: cubic-bezier(.5, 0, 1, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-enter-soft: cubic-bezier(0, 0, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snappy: cubic-bezier(.2, 0, 0, 1);--ease-linear: linear;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft: cubic-bezier(.25, 1.4, .5, 1);--ease-spring-stiff: cubic-bezier(.5, 1.8, .75, 1);--ease-spring-micro: cubic-bezier(.3, 1.2, .4, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-immediate: 50ms;--duration-instant: 80ms;--duration-fast: .12s;--duration-normal: .18s;--duration-moderate: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .7s;--duration-ambient: 3s;--transition-color: color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), fill var(--duration-fast) var(--ease-smooth), stroke var(--duration-fast) var(--ease-smooth);--transition-shadow: box-shadow var(--duration-normal) var(--ease-smooth), filter var(--duration-normal) var(--ease-smooth);--transition-transform: transform var(--duration-normal) var(--ease-enter);--transition-opacity: opacity var(--duration-fast) var(--ease-smooth);--transition-base: var(--transition-color), var(--transition-shadow), var(--transition-opacity);--transition-interactive: color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-spring-micro), opacity var(--duration-fast) var(--ease-smooth);--ease-in: cubic-bezier(.3, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: var(--ease-smooth);--layout-sidebar-collapsed: 72px;--layout-sidebar-expanded: 240px;--layout-sidebar-width: var(--layout-sidebar-collapsed);--layout-topbar-height: 56px;--layout-hotkey-bar-height: 34px;--layout-bottom-nav-height: 64px;--layout-content-max-width: 1440px;--layout-panel-min-width: 320px;--layout-panel-max-width: 480px;--sidebar-width: var(--layout-sidebar-collapsed);--sidebar-width-wide: var(--layout-sidebar-expanded);--topbar-height: var(--layout-topbar-height);--hotkey-height: var(--layout-hotkey-bar-height);--bottomnav-height: var(--layout-bottom-nav-height);--z-base: 0;--z-raised: 10;--z-floating: 50;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 400;--z-modal: 600;--z-popover: 800;--z-toast: 1000;--z-tooltip: 1200;--z-command: 1400;--z-spotlight: 1600;--z-max: 9999;--blur-glass: 20px;--blur-glass-lg: 40px;--blur-thick: 60px;--saturate-glass: 160%;--noise-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");--noise-opacity: .012;--noise-blend: overlay;--opacity-disabled: .48;--opacity-hover: .88;--opacity-active: .76;--opacity-press: .72}[data-theme=dark]{--canvas-base: var(--neutral-cool-975);--canvas-subtle: var(--neutral-cool-950);--canvas-muted: var(--neutral-cool-925);--canvas-wash: var(--neutral-cool-900);--surface-ground: var(--neutral-cool-950);--surface-base: var(--neutral-cool-900);--surface-raised: var(--neutral-cool-850);--surface-overlay: var(--neutral-cool-800);--surface-sunken: var(--neutral-cool-975);--surface-invert: var(--neutral-cool-50);--surface-accent: oklch(.2 .035 186);--surface-glass: oklch(.14 .018 255 / .72);--surface-glass-border: oklch(1 0 0 / .1);--surface-glass-thick: oklch(.12 .018 255 / .92);--ink-strong: var(--neutral-cool-25);--ink-base: var(--neutral-cool-100);--ink-secondary: var(--neutral-cool-300);--ink-muted: var(--neutral-cool-500);--ink-faint: var(--neutral-cool-600);--ink-disabled: var(--neutral-cool-700);--ink-inverse: var(--neutral-cool-975);--ink-on-accent: var(--neutral-cool-975);--ink-link: var(--teal-400);--ink-link-hover: var(--teal-300);--ink-code: var(--brick-400);--border-faintest: oklch(1 0 0 / .03);--border-subtle: oklch(1 0 0 / .06);--border-base: oklch(1 0 0 / .09);--border-strong: oklch(1 0 0 / .14);--border-stronger: oklch(1 0 0 / .22);--border-focus: oklch(.75 .13 186);--border-error: oklch(.68 .2 22);--border-warning: oklch(.78 .145 82);--border-accent: oklch(.7 .13 186);--fill-hover: oklch(1 0 0 / .05);--fill-active: oklch(1 0 0 / .08);--fill-selected: oklch(.75 .13 186 / .14);--fill-accent: oklch(.75 .13 186 / .12);--fill-error: oklch(.68 .2 22 / .1);--fill-warning: oklch(.78 .145 82 / .1);--fill-success: oklch(.75 .13 186 / .1);--accent: oklch(.76 .13 186);--accent-hover: oklch(.81 .12 186);--accent-active: oklch(.855 .11 186);--accent-subtle: oklch(.195 .04 186);--accent-muted: oklch(.23 .055 186);--accent-alt: oklch(.76 .165 48);--accent-alt-hover: oklch(.81 .155 48);--accent-alt-active: oklch(.855 .145 48);--accent-alt-subtle: oklch(.195 .04 48);--accent-success: oklch(.76 .13 186);--accent-warning: oklch(.8 .145 82);--accent-error: oklch(.69 .2 22);--accent-info: oklch(.68 .19 270);--accent-success-text: oklch(.81 .12 186);--accent-warning-text: oklch(.84 .135 82);--accent-error-text: oklch(.73 .185 22);--accent-info-text: oklch(.72 .175 270);--sidebar-canvas: var(--neutral-cool-975);--sidebar-surface: oklch(.062 .025 255);--sidebar-border: oklch(1 0 0 / .05);--sidebar-ink: var(--neutral-cool-100);--sidebar-ink-muted: var(--neutral-cool-500);--sidebar-ink-faint: var(--neutral-cool-700);--sidebar-fill-hover: oklch(1 0 0 / .05);--sidebar-fill-active: oklch(1 0 0 / .09);--sidebar-accent: oklch(.76 .13 186);--elevation-0: none;--elevation-1: 0 1px 3px oklch(0 0 0 / .35), 0 0px 1px oklch(0 0 0 / .28), inset 0 1px 0 oklch(1 0 0 / .06);--elevation-2: 0 1px 3px oklch(0 0 0 / .4), 0 4px 8px oklch(0 0 0 / .35), 0 10px 20px oklch(0 0 0 / .28), inset 0 1px 0 oklch(1 0 0 / .08);--elevation-3: 0 2px 6px oklch(0 0 0 / .45), 0 8px 16px oklch(0 0 0 / .4), 0 24px 48px oklch(0 0 0 / .3), inset 0 1px 0 oklch(1 0 0 / .1);--elevation-4: 0 4px 10px oklch(0 0 0 / .5), 0 16px 32px oklch(0 0 0 / .45), 0 40px 80px oklch(0 0 0 / .35), inset 0 1px 0 oklch(1 0 0 / .12);--elevation-5: 0 8px 20px oklch(0 0 0 / .55), 0 24px 48px oklch(0 0 0 / .5), 0 60px 120px oklch(0 0 0 / .4), inset 0 1px 0 oklch(1 0 0 / .14);--shadow-xs: var(--elevation-1);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: var(--elevation-4);--shadow-2xl: var(--elevation-5);--shadow-ring-focus: 0 0 0 1px oklch(.76 .13 186), 0 0 0 4px oklch(.76 .13 186 / .22);--shadow-ring-error: 0 0 0 1px oklch(.69 .2 22), 0 0 0 4px oklch(.69 .2 22 / .22);--shadow-inset-base: inset 0 1px 3px oklch(0 0 0 / .25);--shadow-inset-strong: inset 0 2px 5px oklch(0 0 0 / .35);--glow-teal: 0 0 24px oklch(.76 .13 186 / .4), 0 0 80px oklch(.76 .13 186 / .15);--glow-terra: 0 0 24px oklch(.76 .165 48 / .4), 0 0 80px oklch(.76 .165 48 / .15);--glow-brick: 0 0 24px oklch(.69 .2 22 / .4), 0 0 80px oklch(.69 .2 22 / .15);--noise-opacity: .008;--bg: var(--canvas-base);--bg-subtle: var(--canvas-subtle);--bg-muted: var(--canvas-muted);--surface: var(--surface-base);--ink: var(--ink-base);--border: var(--border-base);--teal: var(--accent);--teal-light: var(--accent-subtle);--teal-dark: var(--accent-hover);--terra: var(--accent-alt);--terra-light: var(--accent-alt-subtle);--terra-dark: var(--accent-alt-hover);--brick: var(--accent-error);--brick-light: oklch(.16 .04 22);--amber: var(--accent-warning);--amber-light: oklch(.16 .04 82);--indigo: var(--accent-info);--indigo-light: oklch(.16 .04 270);--sidebar-bg: var(--sidebar-canvas);--sidebar-ink: var(--sidebar-ink);--sidebar-ink-muted: var(--sidebar-ink-muted)}.glass{background:var(--surface-glass-thick);border:1px solid var(--surface-glass-border)}@supports (backdrop-filter: blur(1px)){.glass{background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass)) saturate(var(--saturate-glass));-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(var(--saturate-glass))}.glass-lg{background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-glass-lg)) saturate(180%);border:1px solid var(--surface-glass-border)}.glass-thick{background:var(--surface-glass-thick);backdrop-filter:blur(var(--blur-thick)) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-thick)) saturate(200%);border:1px solid var(--surface-glass-border)}}.acrylic{background:var(--surface-glass-thick);border:1px solid var(--border-subtle);box-shadow:inset 0 0 0 1px #ffffff0d,var(--elevation-2)}@supports (backdrop-filter: blur(1px)){.acrylic{background:oklch(from var(--surface-base) l c h/.85);backdrop-filter:blur(40px) saturate(140%) brightness(1.02);-webkit-backdrop-filter:blur(40px) saturate(140%) brightness(1.02)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas-base: var(--neutral-cool-975);--canvas-subtle: var(--neutral-cool-950);--canvas-muted: var(--neutral-cool-925);--canvas-wash: var(--neutral-cool-900);--surface-ground: var(--neutral-cool-950);--surface-base: var(--neutral-cool-900);--surface-raised: var(--neutral-cool-850);--surface-overlay: var(--neutral-cool-800);--surface-sunken: var(--neutral-cool-975);--surface-invert: var(--neutral-cool-50);--surface-glass: oklch(.14 .018 255 / .72);--surface-glass-border: oklch(1 0 0 / .1);--surface-glass-thick: oklch(.12 .018 255 / .92);--ink-strong: var(--neutral-cool-25);--ink-base: var(--neutral-cool-100);--ink-secondary: var(--neutral-cool-300);--ink-muted: var(--neutral-cool-500);--ink-faint: var(--neutral-cool-600);--ink-disabled: var(--neutral-cool-700);--ink-inverse: var(--neutral-cool-975);--ink-on-accent: var(--neutral-cool-975);--border-subtle: oklch(1 0 0 / .06);--border-base: oklch(1 0 0 / .09);--border-strong: oklch(1 0 0 / .14);--border-focus: oklch(.75 .13 186);--accent: oklch(.76 .13 186);--accent-hover: oklch(.81 .12 186);--accent-active: oklch(.855 .11 186);--accent-subtle: oklch(.195 .04 186);--fill-hover: oklch(1 0 0 / .05);--fill-active: oklch(1 0 0 / .08);--fill-selected: oklch(.75 .13 186 / .14);--sidebar-canvas: var(--neutral-cool-975);--sidebar-surface: oklch(.062 .025 255);--sidebar-border: oklch(1 0 0 / .05);--sidebar-ink: var(--neutral-cool-100);--sidebar-ink-muted: var(--neutral-cool-500);--sidebar-accent: oklch(.76 .13 186);--elevation-1: 0 1px 3px oklch(0 0 0 / .35), 0 0px 1px oklch(0 0 0 / .28), inset 0 1px 0 oklch(1 0 0 / .06);--elevation-2: 0 1px 3px oklch(0 0 0 / .4), 0 4px 8px oklch(0 0 0 / .35), 0 10px 20px oklch(0 0 0 / .28), inset 0 1px 0 oklch(1 0 0 / .08);--elevation-3: 0 2px 6px oklch(0 0 0 / .45), 0 8px 16px oklch(0 0 0 / .4), 0 24px 48px oklch(0 0 0 / .3), inset 0 1px 0 oklch(1 0 0 / .1);--elevation-4: 0 4px 10px oklch(0 0 0 / .5), 0 16px 32px oklch(0 0 0 / .45), 0 40px 80px oklch(0 0 0 / .35), inset 0 1px 0 oklch(1 0 0 / .12);--shadow-ring-focus: 0 0 0 1px oklch(.76 .13 186), 0 0 0 4px oklch(.76 .13 186 / .22);--glow-teal: 0 0 24px oklch(.76 .13 186 / .4), 0 0 80px oklch(.76 .13 186 / .15);--bg: var(--canvas-base);--surface: var(--surface-base);--ink: var(--ink-base);--border: var(--border-base);--teal: var(--accent);--sidebar-bg: var(--sidebar-canvas)}}@media(prefers-reduced-motion:reduce){:root{--duration-immediate: 0ms;--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-moderate: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms;--duration-ambient: 0ms}}@media(prefers-contrast:more){:root{--border-subtle: oklch(.12 .02 85 / .18);--border-base: oklch(.12 .02 85 / .28);--border-strong: oklch(.12 .02 85 / .42);--border-stronger: oklch(.12 .02 85 / .6);--ink-muted: var(--neutral-warm-700);--ink-faint: var(--neutral-warm-600);--opacity-disabled: .6}}@media(prefers-contrast:more)and (prefers-color-scheme:dark){[data-theme=dark],:root:not([data-theme=light]){--border-subtle: oklch(1 0 0 / .18);--border-base: oklch(1 0 0 / .28);--border-strong: oklch(1 0 0 / .44);--border-stronger: oklch(1 0 0 / .62);--ink-muted: var(--neutral-cool-300);--ink-faint: var(--neutral-cool-400)}}@media(forced-colors:active){:root{--accent: Highlight;--ink-base: ButtonText;--canvas-base: Canvas;--surface-base: Canvas;--border-base: ButtonBorder;--border-focus: Highlight}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:system-ui,-apple-system,sans-serif;height:100%;overflow:hidden}.material-icons-round{font-family:Material Icons Round;visibility:hidden;animation:font-load 1ms forwards}@keyframes font-load{to{visibility:visible}}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}.screen{height:100%;display:flex;flex-direction:column}.integration-logo{width:48px;height:48px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:-.05em;color:var(--ink)}@media(max-width:768px),(hover:none){.glass,.glass-card,.glass-modal,.sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--surface-base)!important;border:1px solid var(--border-subtle)!important}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer,.animate-pulse,.animate-spin{animation:none!important;opacity:.6}}@media(forced-colors:active){*:focus-visible{outline:3px solid Highlight!important;outline-offset:2px;box-shadow:none!important}}[dir=rtl] body,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] button{text-align:right}[dir=rtl] .material-icons-round[class*=arrow_],[dir=rtl] .material-icons-round[class*=chevron_],[dir=rtl] .material-icons-round.arrow_forward,[dir=rtl] .material-icons-round.chevron_right,[dir=rtl] .material-icons-round.chevron_left,[dir=rtl] .material-icons-round.navigate_next,[dir=rtl] .material-icons-round.navigate_before{transform:scaleX(-1)}[dir=rtl] .screen-header,[dir=rtl] .bill-header,[dir=rtl] .modal-header,[dir=rtl] .customer-card-top{flex-direction:row-reverse}[dir=rtl] .search-wrapper .search-icon{left:auto;right:var(--s-3)}[dir=rtl] .search-wrapper .search-input,[dir=rtl] .search-wrapper .input-field{padding-left:var(--s-8);padding-right:var(--s-10);text-align:right}[dir=rtl] .sidebar-nav .nav-item{flex-direction:row-reverse;justify-content:flex-start;text-align:right}[dir=rtl] .cart-item .item-main{text-align:right}[dir=rtl] .cart-item .item-price,[dir=rtl] .cart-item .item-total{text-align:left}[dir=rtl] .bill-totals .total-row,[dir=rtl] .tabs,[dir=rtl] .mobile-tabs,[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] .ml-1,[dir=rtl] .ml-2,[dir=rtl] .ml-3,[dir=rtl] .ml-4,[dir=rtl] .ml-5{margin-left:0;margin-right:var(--s-2)}[dir=rtl] .mr-1,[dir=rtl] .mr-2,[dir=rtl] .mr-3,[dir=rtl] .mr-4,[dir=rtl] .mr-5{margin-right:0;margin-left:var(--s-2)}.filter-bar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-4);padding:var(--s-3);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);animation:fade-in-up var(--dur-slow) var(--ease-out-expo) both;animation-delay:60ms}[data-theme=dark] .filter-bar{background:#12161d99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:#232933;box-shadow:inset 0 1px #ffffff08}.filter-bar .filter-control{display:flex;align-items:center;gap:var(--s-2);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--r-md);padding:0 var(--s-3);height:40px;transition:all var(--dur-fast) var(--ease-smooth);flex:1;min-width:150px;max-width:240px;position:relative}.filter-bar .filter-control:hover{border-color:var(--border-strong);background:var(--surface-raised)}[data-theme=dark] .filter-bar .filter-control:hover{background:#1b1f27;border-color:#343b45}.filter-bar .filter-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle),var(--shadow-sm);background:var(--surface-base)}[data-theme=dark] .filter-bar .filter-control:focus-within{background:#171b22;border-color:#00b0a3;border-color:oklch(68% .148 186deg);box-shadow:0 0 0 3px #00b0a326,inset 0 1px #ffffff0d;box-shadow:0 0 0 3px oklch(68% .148 186deg / .15),inset 0 1px #ffffff0d}.filter-bar .filter-control label{font-size:var(--fs-xs);font-weight:var(--weight-bold);color:var(--ink-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);white-space:nowrap;flex-shrink:0;transition:color var(--dur-fast)}[data-theme=dark] .filter-bar .filter-control label{color:var(--ink-secondary)}.filter-bar .filter-control:focus-within label{color:var(--accent)}[data-theme=dark] .filter-bar .filter-control:focus-within label{color:#00c8b9;color:oklch(75% .15 185deg)}.filter-bar .filter-control input,.filter-bar .filter-control select{background:transparent;border:none;outline:none;font-size:var(--fs-sm);font-weight:var(--weight-semibold);color:var(--ink-strong);font-family:var(--font-mono);height:100%;width:100%;min-width:0;cursor:pointer;padding:0;letter-spacing:-.01em}[data-theme=dark] .filter-bar .filter-control input,[data-theme=dark] .filter-bar .filter-control select{color:var(--ink-base)}.filter-bar .filter-control input::placeholder,.filter-bar .filter-control select::placeholder{color:var(--ink-faint);font-weight:var(--weight-medium)}.filter-bar .filter-control input[type=date]::-webkit-calendar-picker-indicator,.filter-bar .filter-control select[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.4;transition:all var(--dur-fast) var(--ease-spring);filter:invert(.4) sepia(0) saturate(100%);border-radius:4px;padding:2px}.filter-bar .filter-control input[type=date]::-webkit-calendar-picker-indicator:hover,.filter-bar .filter-control select[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.15) rotate(-5deg);background:var(--accent-subtle)}[data-theme=dark] .filter-bar .filter-control input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .filter-bar .filter-control select[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(0) saturate(100%)}[data-theme=dark] .filter-bar .filter-control input[type=date]::-webkit-calendar-picker-indicator:hover,[data-theme=dark] .filter-bar .filter-control select[type=date]::-webkit-calendar-picker-indicator:hover{background:#00b0a326;background:oklch(68% .148 186deg / .15)}.filter-bar .filter-control select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:14px;padding-right:24px}[data-theme=dark] .filter-bar .filter-control select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E")}.filter-bar .filter-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);height:40px;padding:0 var(--s-4);background:transparent;border:1px solid var(--border-base);border-radius:var(--r-md);color:var(--ink-muted);font-size:var(--fs-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.filter-bar .filter-reset-btn .material-icons-round{font-size:18px;transition:transform var(--dur-fast) var(--ease-spring)}.filter-bar .filter-reset-btn:hover{background:var(--surface-base);border-color:var(--brick);color:var(--brick);box-shadow:var(--shadow-xs)}.filter-bar .filter-reset-btn:hover .material-icons-round{transform:scale(1.15) rotate(-10deg)}[data-theme=dark] .filter-bar .filter-reset-btn:hover{background:#1b1f27;border-color:#f1424e80;color:#ff6f71;color:oklch(72% .18 22deg);box-shadow:inset 0 1px #ffffff08}.filter-bar .filter-reset-btn:active{transform:scale(.96);transition-duration:var(--dur-instant)}[data-theme=dark] .filter-bar .filter-reset-btn{border-color:#2d333d;color:var(--ink-secondary)}@media(max-width:640px){.filter-bar{padding:var(--s-3);gap:var(--s-2);margin-bottom:var(--s-3)}.filter-bar .filter-control{flex:1 1 100%;max-width:100%;min-width:0;height:44px;padding:0 var(--s-4)}.filter-bar .filter-control label{font-size:11px}.filter-bar .filter-control input,.filter-bar .filter-control select{font-size:16px}.filter-bar .filter-reset-btn{flex:1 1 100%;width:100%;height:44px;margin-top:var(--s-1);background:var(--surface-base)}[data-theme=dark] .filter-bar .filter-reset-btn{background:#171b22}}