:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-xxl: var(--spacing-2xl);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--radius-card: var(--radius-xl);--radius-control: var(--radius-md);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: var(--font-size-base);--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 600;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-mono: .02em;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--delay-0: 0ms;--delay-1: 50ms;--delay-2: .1s;--delay-3: .15s;--delay-4: .2s;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500;--font-sans: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-heading: var(--industry-font-heading, var(--font-sans));--font-body: var(--industry-font-body, var(--font-sans));--font-feature-settings: "calt", "kern", "liga", "ss03";--color-primary: var(--industry-primary, #F97316);--color-primary-dark: var(--industry-primary-dark, #EA580C);--color-primary-light: var(--industry-primary-light, #FFF1E6);--color-primary-hover: var(--industry-primary-hover, #FB8A3C);--color-primary-text: var(--industry-primary-text, #933407);--color-on-primary: var(--industry-on-primary, #0b0c0e);--color-secondary: var(--industry-secondary, #3f4045);--color-secondary-dark: var(--industry-secondary-dark, #2a2b2f);--color-secondary-light: var(--industry-secondary-light, #ededef);--color-accent: var(--industry-primary, #F97316);--color-focus: var(--color-primary-text);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-focus) 28%, transparent);--color-btn-primary-bg: #211C17;--color-btn-primary-hover: #3A322B;--color-btn-primary-text: #ffffff;--color-success: #0F6130;--color-success-accent: #16a34a;--color-success-bg: #edf7f0;--color-warning: #7C4B05;--color-warning-accent: #e0a100;--color-warning-bg: #fbf5e4;--color-error: #A8123A;--color-error-accent: #F43F5E;--color-error-bg: #FFF1F3;--color-danger: #A8123A;--color-danger-dark: #9F1239;--color-info: #035E90;--color-info-accent: #0ea5e9;--color-info-bg: #edf5fb;--color-on-danger: #ffffff;--color-on-success: #ffffff;--color-on-status: #ffffff;--color-on-accent: #0b0c0e;--color-on-inverse: var(--color-bg);--color-bg: #EFE2D6;--texture-grain-opacity: .07;--texture-mottle-opacity: .1;--texture-glow: color-mix(in srgb, #F97316 16%, transparent);--texture-glow-2: color-mix(in srgb, #F97316 10%, transparent);--color-surface: rgba(252, 248, 241, .55);--color-well: rgba(120, 80, 40, .07);--color-surface-solid: #F6EEE5;--color-surface-raised: rgba(255, 250, 245, .7);--color-surface-raised-solid: #FAF3EC;--color-surface-hover: rgba(225, 208, 190, .5);--color-surface-hover-solid: #E8D9CA;--color-border: rgba(120, 80, 40, .16);--color-border-strong: #CAB8A6;--color-overlay: rgba(33, 28, 23, .45);--color-text: #211C17;--color-text-secondary: #584E45;--color-text-muted: #62574D;--key-highlight: rgba(255, 255, 255, .8);--key-lowlight: rgba(0, 0, 0, .06);--key-ring: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--glass-blur: saturate(160%) blur(16px);--color-text-primary: var(--color-text);--color-bg-secondary: var(--color-surface);--color-text-tertiary: var(--color-text-muted);--text-muted: var(--color-text-muted);--label-color: var(--color-text-secondary);--type-color: var(--color-text-secondary);--color-background: var(--color-bg);--background-color: var(--color-bg);--bg-secondary: var(--color-bg);--surface-secondary: var(--color-bg);--surface-hover: var(--color-surface-hover);--hover-bg: var(--color-surface-hover);--color-bg-hover: var(--color-surface-hover);--color-bg-active: var(--color-surface-hover);--color-bg-subtle: var(--color-bg);--color-bg-muted: var(--color-bg);--color-bg-tertiary: var(--color-bg);--color-hover: var(--color-surface-hover);--color-border-hover: var(--color-border-strong);--color-border-light: var(--color-border);--primary: var(--color-primary);--primary-color: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-light);--color-primary-bg: var(--color-primary-light);--hover-color: var(--color-surface-hover);--danger-color: var(--color-error);--error-color: var(--color-error);--color-error-light: var(--color-error-bg);--success-color: var(--color-success);--warning-color: var(--color-warning);--color-warning-text: var(--color-warning);--color-warning-border: var(--color-warning-accent);--info-color: var(--color-info);--color-sidebar-bg: rgba(250, 243, 236, .72);--color-sidebar-text: #3B332C;--color-sidebar-text-muted: #62574D;--color-sidebar-hover: rgba(0, 0, 0, .045);--color-sidebar-active-bg: rgba(0, 0, 0, .07);--color-sidebar-text-active: #0b0c0e;--color-sidebar-border: #DCCBBC;--color-header-bg: rgba(250, 243, 236, .62);--shadow-sm: 0 0 0 1px var(--color-border);--shadow-md: inset 0 1px 0 0 var(--key-highlight), 0 0 0 1px var(--color-border);--shadow-lg: inset 0 1px 0 0 var(--key-highlight), 0 0 0 1px var(--color-border-strong);--shadow-xl: inset 0 1px 0 0 var(--key-highlight), 0 0 0 1px var(--color-border-strong);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-overlay: var(--shadow-xl);--shadow-key: inset 0 1px 0 0 var(--key-highlight), inset 0 -1px 0 0 var(--key-lowlight), 0 0 0 1px var(--key-ring);--shadow-key-pressed: inset 0 1px 2px 0 var(--key-lowlight), 0 0 0 1px var(--key-ring)}[data-industry-theme=on][data-industry=cafe]{--industry-primary: #F97316;--industry-primary-dark: #ea580c;--industry-primary-light: #fff7ed;--industry-primary-hover: #fb923c;--industry-secondary: #3B82F6;--industry-secondary-dark: #2563eb;--industry-secondary-light: #dbeafe}[data-industry-theme=on][data-industry=auto_repair]{--industry-primary: #2563EB;--industry-primary-dark: #1e40af;--industry-primary-light: #dbeafe;--industry-primary-hover: #3b82f6;--industry-secondary: #F97316;--industry-secondary-dark: #ea580c;--industry-secondary-light: #fff7ed}[data-industry-theme=on][data-industry=salon]{--industry-primary: #EC4899;--industry-primary-dark: #db2777;--industry-primary-light: #fce7f3;--industry-primary-hover: #f472b6;--industry-secondary: #8B5CF6;--industry-secondary-dark: #7c3aed;--industry-secondary-light: #ede9fe}[data-industry-theme=on][data-industry=clinic]{--industry-primary: #0EA5E9;--industry-primary-dark: #0284c7;--industry-primary-light: #e0f2fe;--industry-primary-hover: #38bdf8;--industry-secondary: #16A34A;--industry-secondary-dark: #15803d;--industry-secondary-light: #dcfce7}[data-theme=dark]{color-scheme:dark;--color-bg: #1C1F23;--texture-grain-opacity: .06;--texture-mottle-opacity: .09;--texture-glow: color-mix(in srgb, #F97316 13%, transparent);--texture-glow-2: color-mix(in srgb, #F97316 8%, transparent);--color-surface: rgba(42, 47, 53, .5);--color-well: rgba(0, 0, 0, .12);--color-surface-solid: #23272C;--color-surface-raised: rgba(56, 63, 71, .5);--color-surface-raised-solid: #2A2F35;--color-surface-hover: rgba(70, 79, 89, .5);--color-surface-hover-solid: #31373E;--color-border: rgba(255, 255, 255, .1);--color-border-strong: #4B525B;--color-overlay: rgba(12, 14, 16, .6);--color-text: #EEF0F3;--color-text-secondary: #B9BFC7;--color-text-muted: #A3AAB4;--color-primary-light: color-mix(in srgb, var(--industry-primary, #F97316) 16%, #23272C);--color-primary-text: var(--industry-primary-text-dark, #FB8A3C);--color-secondary: var(--industry-secondary, #cdcdcd);--color-secondary-dark: var(--industry-secondary-dark, #9c9c9d);--color-secondary-light: var(--industry-secondary-light, #1a1b1d);--color-btn-primary-bg: #e6e6e6;--color-btn-primary-hover: #ffffff;--color-btn-primary-text: #454647;--color-success: #59d499;--color-success-accent: #59d499;--color-success-bg: #0f2119;--color-warning: #ffc533;--color-warning-accent: #ffc533;--color-warning-bg: #231d0c;--color-error: #FF8A9D;--color-error-accent: #FF4D6D;--color-error-bg: #3A1620;--color-danger: #FF8A9D;--color-danger-dark: #FFA3B2;--color-info: #57c1ff;--color-info-accent: #57c1ff;--color-info-bg: #0d1e2a;--color-on-danger: #0b0c0e;--color-on-success: #0b0c0e;--color-on-status: #0b0c0e;--key-highlight: rgba(255, 255, 255, .05);--key-lowlight: rgba(0, 0, 0, .2);--key-ring: rgba(255, 255, 255, .12);--glass-bg: rgba(7, 8, 10, .72);--glass-border: #363739;--color-sidebar-bg: rgba(35, 39, 44, .72);--color-sidebar-text: #cdcdcd;--color-sidebar-text-muted: #9c9c9d;--color-sidebar-hover: rgba(255, 255, 255, .05);--color-sidebar-active-bg: rgba(255, 255, 255, .08);--color-sidebar-text-active: #ffffff;--color-sidebar-border: #3A4048;--color-header-bg: rgba(35, 39, 44, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #1C1F23;--texture-grain-opacity: .06;--texture-mottle-opacity: .09;--texture-glow: color-mix(in srgb, #F97316 13%, transparent);--texture-glow-2: color-mix(in srgb, #F97316 8%, transparent);--color-surface: rgba(42, 47, 53, .5);--color-well: rgba(0, 0, 0, .12);--color-surface-solid: #23272C;--color-surface-raised: rgba(56, 63, 71, .5);--color-surface-raised-solid: #2A2F35;--color-surface-hover: rgba(70, 79, 89, .5);--color-surface-hover-solid: #31373E;--color-border: rgba(255, 255, 255, .1);--color-border-strong: #4B525B;--color-overlay: rgba(12, 14, 16, .6);--color-text: #EEF0F3;--color-text-secondary: #B9BFC7;--color-text-muted: #A3AAB4;--color-primary-light: color-mix(in srgb, var(--industry-primary, #F97316) 16%, #23272C);--color-primary-text: var(--industry-primary-text-dark, #FB8A3C);--color-secondary: var(--industry-secondary, #cdcdcd);--color-secondary-dark: var(--industry-secondary-dark, #9c9c9d);--color-secondary-light: var(--industry-secondary-light, #1a1b1d);--color-btn-primary-bg: #e6e6e6;--color-btn-primary-hover: #ffffff;--color-btn-primary-text: #454647;--color-success: #59d499;--color-success-accent: #59d499;--color-success-bg: #0f2119;--color-warning: #ffc533;--color-warning-accent: #ffc533;--color-warning-bg: #231d0c;--color-error: #FF8A9D;--color-error-accent: #FF4D6D;--color-error-bg: #3A1620;--color-danger: #FF8A9D;--color-danger-dark: #FFA3B2;--color-info: #57c1ff;--color-info-accent: #57c1ff;--color-info-bg: #0d1e2a;--color-on-danger: #0b0c0e;--color-on-success: #0b0c0e;--color-on-status: #0b0c0e;--key-highlight: rgba(255, 255, 255, .05);--key-lowlight: rgba(0, 0, 0, .2);--key-ring: rgba(255, 255, 255, .12);--glass-bg: rgba(7, 8, 10, .72);--glass-border: #363739;--color-sidebar-bg: rgba(35, 39, 44, .72);--color-sidebar-text: #cdcdcd;--color-sidebar-text-muted: #9c9c9d;--color-sidebar-hover: rgba(255, 255, 255, .05);--color-sidebar-active-bg: rgba(255, 255, 255, .08);--color-sidebar-text-active: #ffffff;--color-sidebar-border: #3A4048;--color-header-bg: rgba(35, 39, 44, .6)}}[data-theme=light]{color-scheme:light;--color-bg: #EFE2D6;--texture-grain-opacity: .07;--texture-mottle-opacity: .1;--texture-glow: color-mix(in srgb, #F97316 16%, transparent);--texture-glow-2: color-mix(in srgb, #F97316 10%, transparent);--color-surface: rgba(252, 248, 241, .55);--color-well: rgba(120, 80, 40, .07);--color-surface-solid: #F6EEE5;--color-surface-raised: rgba(255, 250, 245, .7);--color-surface-raised-solid: #FAF3EC;--color-surface-hover: rgba(225, 208, 190, .5);--color-surface-hover-solid: #E8D9CA;--color-border: rgba(120, 80, 40, .16);--color-border-strong: #CAB8A6;--color-overlay: rgba(33, 28, 23, .45);--color-text: #211C17;--color-text-secondary: #584E45;--color-text-muted: #62574D;--color-primary-light: var(--industry-primary-light, #FFF1E6);--color-primary-text: var(--industry-primary-text, #933407);--color-secondary: var(--industry-secondary, #3f4045);--color-secondary-dark: var(--industry-secondary-dark, #2a2b2f);--color-secondary-light: var(--industry-secondary-light, #ededef);--color-btn-primary-bg: #211C17;--color-btn-primary-hover: #3A322B;--color-btn-primary-text: #ffffff;--color-success: #0F6130;--color-success-accent: #16a34a;--color-success-bg: #edf7f0;--color-warning: #7C4B05;--color-warning-accent: #e0a100;--color-warning-bg: #fbf5e4;--color-error: #A8123A;--color-error-accent: #F43F5E;--color-error-bg: #FFF1F3;--color-danger: #A8123A;--color-danger-dark: #9F1239;--color-info: #035E90;--color-info-accent: #0ea5e9;--color-info-bg: #edf5fb;--color-on-danger: #ffffff;--color-on-success: #ffffff;--color-on-status: #ffffff;--key-highlight: rgba(255, 255, 255, .8);--key-lowlight: rgba(0, 0, 0, .06);--key-ring: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .08);--color-sidebar-bg: rgba(250, 243, 236, .72);--color-sidebar-text: #3B332C;--color-sidebar-text-muted: #62574D;--color-sidebar-hover: rgba(0, 0, 0, .045);--color-sidebar-active-bg: rgba(0, 0, 0, .07);--color-sidebar-text-active: #0b0c0e;--color-sidebar-border: #DCCBBC;--color-header-bg: rgba(250, 243, 236, .62)}@media (prefers-reduced-motion: reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce){html:root,html:root:not([data-theme=light]){--glass-bg: var(--color-surface);--glass-blur: none;--color-header-bg: var(--color-surface)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);box-shadow:var(--shadow-key)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-hover)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-key-pressed)}.btn-primary .material-icons{font-size:1.25rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none;background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-key)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-secondary:active:not(:disabled){box-shadow:var(--shadow-key-pressed)}.btn-secondary .material-icons{font-size:1.25rem}.btn-secondary-filled{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none;background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-key)}.btn-secondary-filled:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-filled:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary-filled .material-icons{font-size:1.25rem}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:var(--color-danger);color:var(--color-on-danger);border:none;box-shadow:var(--shadow-key)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn-danger .material-icons{font-size:1.25rem}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:var(--color-success);color:var(--color-on-success);border:none;box-shadow:var(--shadow-key)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-success .material-icons{font-size:1.25rem}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:none;background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-outline .material-icons{font-size:1.25rem}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-control);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:transparent;color:var(--color-text);border:none}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover)}.btn-ghost .material-icons{font-size:1.25rem}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:36px}.btn-sm .material-icons{font-size:1rem}@media (pointer: coarse){.btn-sm{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{min-height:44px;padding:.625rem 1.25rem;font-size:var(--font-size-base)}.btn-lg .material-icons{font-size:1.5rem}.btn-xl{padding:1rem 2rem;font-size:var(--font-size-lg);min-height:52px}.btn-xl .material-icons{font-size:1.5rem}.btn-back{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-surface-raised);border:none;border-radius:var(--radius-control);box-shadow:var(--shadow-key);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-back .material-icons{font-size:1.25rem;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-back:hover{background:var(--color-surface-hover)}.btn-back:hover .material-icons{color:var(--color-text);transform:translate(-2px)}.btn-back:active{box-shadow:var(--shadow-key-pressed)}.btn-back:active .material-icons{transform:translate(0)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:1.25;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:transparent;border:none;padding:var(--spacing-sm);min-width:44px;min-height:44px;color:var(--color-text-secondary);border-radius:var(--radius-control)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon .material-icons{font-size:1.25rem}@media (pointer: coarse){.btn-icon{min-width:48px;min-height:48px}}.btn-icon:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-hover)}.btn-icon:active:not(:disabled){transform:scale(.96)}.btn-icon.danger:hover:not(:disabled){color:var(--color-danger);background:var(--color-error-bg)}.btn-icon.success:hover:not(:disabled){color:var(--color-success);background:var(--color-success-bg)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-block{width:100%;justify-content:center}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.btn-group .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.badge,.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:.01em;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.badge .material-icons,.pill .material-icons{font-size:.875rem}.badge.pulse,.pill.pulse{animation:pulse var(--duration-slow) var(--ease-in-out) infinite}.pill{border-radius:var(--radius-full)}.badge-primary,.pill-primary{background:var(--color-primary-light);color:var(--color-primary-text)}.badge-success,.pill-success{background:var(--color-success-bg);color:var(--color-success)}.badge-success .material-icons,.pill-success .material-icons{color:var(--color-success-accent)}.badge-warning,.pill-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-warning .material-icons,.pill-warning .material-icons{color:var(--color-warning-accent)}.badge-danger,.pill-danger{background:var(--color-error-bg);color:var(--color-error)}.badge-danger .material-icons,.pill-danger .material-icons{color:var(--color-error-accent)}.badge-info,.pill-info{background:var(--color-info-bg);color:var(--color-info)}.badge-info .material-icons,.pill-info .material-icons{color:var(--color-info-accent)}.badge-neutral,.pill-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.btn-empty-state{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;background:transparent;color:var(--color-text);border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-empty-state .material-icons{font-size:1.25rem;color:var(--color-primary-text)}.btn-empty-state:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted);border-style:solid}.btn-empty-state:disabled{opacity:.5;cursor:not-allowed}.form-page{max-width:1200px;margin:0 auto;padding:2rem}.form-page--md{max-width:1000px;padding:1.5rem}.form-page--sm{max-width:900px;padding:1.5rem}.page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header .header-info{flex:1}.page-header .header-info h1{margin:0;font-size:1.5rem;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.page-header .header-info .subtitle{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.page-header .header-actions{display:flex;gap:.5rem}.form-section{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.form-section h2{margin:0 0 1.25rem;font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.form-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 1.5rem}.form-section .section-title .material-icons{font-size:1.5rem;color:var(--color-primary-text)}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row .form-group{flex:1;margin-bottom:0}.form-row .form-group.flex-2{flex:2}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-ring)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-well);color:var(--color-text-muted);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-grid .form-field.full-width{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-field input,.form-field select,.form-field textarea{padding:.5rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font-size:.875rem;color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-ring)}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--color-well);color:var(--color-text-muted);cursor:not-allowed}.form-field .field-hint{font-size:.75rem;color:var(--color-text-secondary)}.form-field .field-error{font-size:.75rem;color:var(--color-error)}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group .checkbox-label input[type=checkbox]{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.form-actions--no-border{border-top:none;padding-top:0}.form-actions--card{padding:1.5rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:2rem;border-top:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-text-secondary)}.loading-state .material-icons{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-state .material-icons.spinning{animation:spin 1s linear infinite}.loading-state p{margin:0;font-size:1rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success-accent) 35%,transparent)}.alert.alert-error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error-accent) 35%,transparent)}.alert.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning-accent) 35%,transparent)}.alert .alert-icon{font-size:1.25rem}.alert .alert-close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.alert .alert-close:hover{opacity:.7}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--color-text-secondary)}.error-state .material-icons{font-size:48px;margin-bottom:1rem;color:var(--color-error-accent)}.error-state p{margin:0 0 1rem}.error-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-error-bg);border-left:3px solid var(--color-error-accent);border-radius:var(--radius-lg);margin-bottom:2rem}.error-banner .material-icons{font-size:1.5rem;color:var(--color-error-accent);flex-shrink:0}.error-banner .error-content{flex:1}.error-banner .error-content strong{color:var(--color-error);font-size:1rem;display:block;margin-bottom:.5rem}.error-banner .error-content p{margin:0;color:var(--color-error);font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tags-input .tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tags-input .tag-add{display:flex;gap:.5rem}.tags-input .tag-add input{flex:1}.tags-input .tag-add .btn-add{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-control);box-shadow:var(--shadow-key);cursor:pointer;transition:background .2s}.tags-input .tag-add .btn-add:hover{background:var(--color-btn-primary-hover)}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--color-primary-light);color:var(--color-primary-text);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.tag.certification{background:var(--color-info-bg);color:var(--color-info)}.tag .tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:none;cursor:pointer;color:inherit;opacity:.6}.tag .tag-remove .material-icons{font-size:14px}.tag .tag-remove:hover{opacity:1}.status-badge{padding:.125rem .5rem;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.status-badge.available,.status-badge.active{background:var(--color-success-bg);color:var(--color-success)}.status-badge.unavailable{background:var(--color-error-bg);color:var(--color-error)}.status-badge.inactive{background:var(--color-surface-hover);color:var(--color-text-secondary)}.status-badge.pending{background:var(--color-warning-bg);color:var(--color-warning)}@media (max-width: 767px){.form-page{padding:1rem}.form-row{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}}@media (min-width: 768px){.form-page{padding:1.5rem}}@media (min-width: 1440px){.form-page{padding:2rem}}.field-error,.error-text,.error-message,.input-error{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error)}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched,input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}input.ng-invalid.ng-touched:focus-visible,select.ng-invalid.ng-touched:focus-visible,textarea.ng-invalid.ng-touched:focus-visible,input[aria-invalid=true]:focus-visible,select[aria-invalid=true]:focus-visible,textarea[aria-invalid=true]:focus-visible{outline-color:var(--color-error)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{height:100%;font-family:var(--font-body);font-size:var(--font-size-base);font-feature-settings:var(--font-feature-settings);line-height:1.5;color:var(--color-text);background:radial-gradient(ellipse 70% 55% at 15% -5%,var(--texture-glow),transparent 70%),radial-gradient(ellipse 55% 45% at 90% 85%,var(--texture-glow-2),transparent 70%),var(--color-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--color-primary) 32%,transparent);color:var(--color-text)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,app-root{display:block;height:100%}a{color:var(--color-primary-text);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);text-wrap:balance}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:1.4}h4,h5,h6{font-weight:var(--font-weight-medium)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{padding:.0625rem .3125rem;border-radius:var(--radius-xs);background:var(--color-surface-hover);color:var(--color-text)}kbd,.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:var(--radius-xs);background:var(--color-surface-raised);box-shadow:var(--shadow-key);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.6875rem;line-height:1}.mono,.font-mono{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mono);font-feature-settings:"tnum"}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}table,.tabular-nums{font-variant-numeric:tabular-nums}th{font-weight:var(--font-weight-medium);text-align:left}caption{color:var(--color-text-secondary)}hr{border:none;border-top:1px solid var(--color-border)}.text-muted{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.card-interactive{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);cursor:pointer}.card-interactive:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-card-hover)}.card-interactive-lift{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);cursor:pointer}.card-interactive-lift:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.card-interactive-lift:active{transform:translateY(0) scale(.995)}.card-link-host{position:relative}.card-link-host :is(button,a,input,select,textarea,[role=button],[tabindex]):not(.card-link){position:relative;z-index:1}.card-link{appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;cursor:pointer}.card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-card, .75rem)}.icon-success{color:var(--color-success)}.icon-danger{color:var(--color-danger)}.icon-warning{color:var(--color-warning)}.icon-primary{color:var(--color-primary-text)}.icon-info{color:var(--color-info)}input,select,textarea{width:100%;min-height:36px;padding:var(--spacing-sm) .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-raised);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--color-text-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.visually-hidden:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-secondary);text-align:center}.empty-state .material-icons{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text-muted)}.empty-state p{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-secondary)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.table-responsive{display:block;width:100%}.table-responsive table{min-width:600px}}@media (max-width: 767px){.table-cards{display:flex;flex-direction:column;gap:1rem}.table-cards .table-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-card)}}@media (min-width: 768px){.table-cards{display:table;width:100%}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.fade-in-fast{animation:fadeIn var(--duration-fast) var(--ease-out) forwards}.fade-in-slow{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.slide-in-bottom{animation:slideInBottom var(--duration-normal) var(--ease-out) forwards}.slide-in-top{animation:slideInTop var(--duration-normal) var(--ease-out) forwards}.slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out) forwards}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out) forwards}.scale-in{animation:scaleIn var(--duration-normal) var(--ease-bounce) forwards}.pulse{animation:pulse var(--duration-slow) var(--ease-in-out) infinite}.shake{animation:shake var(--duration-slow) var(--ease-in-out)}.spin{animation:spin 1s linear infinite}.shimmer{background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-border) 50%,var(--color-bg) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.transition-all{transition:all var(--duration-normal) var(--ease-in-out)}.transition-colors{transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-in-out)}body{transition:background-color .3s ease,color .3s ease}.card,.btn,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){body,.card,.btn,input,select,textarea{transition:none}}@media (hover: none) and (pointer: coarse){.btn-icon,.btn-action,.btn-action-sm,.action-btn,.btn-close,.close-btn,.btn-back,.nav-btn,.btn-refresh,.dropdown-toggle,.mark-read-btn,.toast-close,.toast-dismiss,.btn-clear,.btn-clear-customer,.bell-button,.view-button,.clear-button{min-width:44px;min-height:44px}}.table-container,.orders-table-container,.assignment-table-container,.users-table-wrapper,.matrix-scroll,.workers-list{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.data-table,.inventory-table,.line-items-table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{opacity:var(--texture-mottle-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cfilter id='m' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0048828125' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:1024px 1024px}body:after{opacity:var(--texture-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95 0.325' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:240px 240px}@media (prefers-reduced-transparency: reduce){body:before,body:after{display:none}}