/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.gap-3{gap:calc(var(--spacing) * 3)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg-secondary);min-height:100vh;color:var(--text-primary);margin:0}*{box-sizing:border-box}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a;--primary-950:#042f2e;--secondary-50:#faf5ff;--secondary-100:#f3e8ff;--secondary-200:#e9d5ff;--secondary-300:#d8b4fe;--secondary-400:#c084fc;--secondary-500:#a855f7;--secondary-600:#9333ea;--secondary-700:#7e22ce;--secondary-800:#6b21a8;--secondary-900:#581c87;--secondary-950:#3b0764;--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-200:#a7f3d0;--accent-300:#6ee7b7;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--accent-700:#047857;--accent-800:#065f46;--accent-900:#064e3b;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-900:#14532d;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-800:#991b1b;--danger-900:#7f1d1d;--danger-950:#450a0a;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--info-50:#ecfeff;--info-100:#cffafe;--info-200:#a5f3fc;--info-300:#67e8f9;--info-400:#22d3ee;--info-500:#06b6d4;--info-600:#0891b2;--info-700:#0e7490;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--gray-950:#0c0a09;--white:#fff;--black:#0a0a0a;--transparent:transparent;--gradient-primary:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0d9488 100%);--gradient-ocean:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-red:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-amber:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-cyan:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-light:linear-gradient(135deg, #2dd4bf0d 0%, #14b8a60d 100%);--gradient-red-light:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);--gradient-amber-light:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--gradient-blue-light:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-none:0px;--radius-none:0px;--border-radius-sm:6px;--radius-sm:6px;--border-radius-md:8px;--radius-md:8px;--border-radius-lg:12px;--radius-lg:12px;--border-radius-xl:16px;--radius-xl:16px;--border-radius-2xl:24px;--radius-2xl:24px;--border-radius-full:9999px;--radius-full:9999px;--font-size-xs:.75rem;--text-xs:.75rem;--font-size-sm:.875rem;--text-sm:.875rem;--font-size-base:1rem;--text-base:1rem;--font-size-lg:1.125rem;--text-lg:1.125rem;--font-size-xl:1.25rem;--text-xl:1.25rem;--font-size-2xl:1.5rem;--text-2xl:1.5rem;--font-size-3xl:1.875rem;--text-3xl:1.875rem;--font-size-4xl:2.25rem;--text-4xl:2.25rem;--font-size-5xl:3rem;--text-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 2px 4px 0 #0000000f;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 6px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 10px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-xl:0 20px 40px -10px #00000026, 0 10px 20px -5px #0000001a;--shadow-card:0 1px 3px #0000000f, 0 4px 12px -2px #00000014;--shadow-card-hover:0 6px 20px #00000017, 0 16px 40px -6px #0000001c;--shadow-card-active:0 2px 8px #00000014;--shadow-card-lg-hover:0 4px 16px #0000001a, 0 12px 32px -4px #0000001f;--shadow-elevated:0 2px 8px #0003;--shadow-text:0 1px 2px #0000001a;--shadow-drop:drop-shadow(0 2px 8px #0000001a);--border-glass:#0000000f;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-base:.2s ease;--transition-all:all .2s ease;--spacing-xxs:.125rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-4xl:6rem;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 14px #14b8a659;--shadow-primary-lg:0 8px 24px #14b8a666;--shadow-danger:0 4px 14px #ef444459;--shadow-warning:0 4px 14px #f59e0b59;--shadow-info:0 4px 14px #06b6d459;--shadow-accent:0 4px 14px #10b98159;--gradient-primary-start:#2dd4bf;--gradient-primary-end:#14b8a6;--gradient-primary-dark:#0d9488;--gradient-blue-light-start:#dbeafe;--gradient-blue-light-end:#bfdbfe;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--line-height-normal:1.5;--max-width-xl:1280px;--primary-alpha-10:#14b8a61a;--primary-alpha-30:#14b8a64d;--danger-alpha-10:#ef44441a;--danger-alpha-50:#ef444480;--color-white:var(--white);--color-white-transparent:var(--white-alpha-10);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-background:var(--bg-primary);--color-background-secondary:var(--bg-secondary);--color-surface:var(--surface-base);--color-surface-secondary:var(--bg-secondary);--color-surface-hover:var(--interactive-hover);--color-primary-text:var(--color-primary);--color-primary-light:var(--surface-primary-light);--color-primary-alpha:var(--surface-primary-border);--color-success-bg:var(--surface-success-light);--color-success-border:var(--surface-success-border);--color-success-hover:var(--success-100);--color-success-light:var(--surface-success-light);--color-success-alpha:var(--surface-success-border);--color-danger-light:var(--surface-danger-light);--color-warning-light:var(--surface-warning-light);--color-info-light:var(--surface-info-light);--color-info-bg:var(--surface-info-light);--color-gray-50:var(--gray-50);--color-gray-100:var(--gray-100);--color-border:var(--border-default);--surface-default:var(--surface-base);--surface-secondary:var(--bg-secondary);--surface-tertiary:var(--bg-tertiary);--surface-hover:var(--interactive-hover);--surface-pressed:var(--interactive-active);--surface-primary:var(--surface-primary-light);--border-color:var(--border-default);--border-hover:var(--border-strong);--border-focus:var(--color-primary);--border-active:var(--border-strong);--border-error:var(--color-danger);--border-radius:var(--border-radius-md);--border-width:1px;--bg-card:var(--bg-elevated);--bg-error:var(--surface-danger-light);--text-error:var(--color-danger);--text-on-primary:var(--white);--text-on-success:var(--white);--text-md:var(--text-base);--focus-ring:var(--surface-primary-border);--input-bg:var(--bg-elevated);--color-blue-100:var(--info-100);--color-blue-700:var(--info-700);--color-red-100:var(--danger-100);--color-red-600:var(--danger-600);--color-red-700:var(--danger-700);--color-accent-light:var(--accent-100);--error:var(--color-danger);--error-100:var(--danger-100);--error-500:var(--danger-500);--error-700:var(--danger-700);--neutral-accent:var(--bg-tertiary);--surface-glass-sm:var(--surface-glass);--amber-alpha-40:#f59e0b66;--gray-alpha-40:#78716c66;--orange-alpha-40:#f9731666;--white-alpha-8:#ffffff14}:root,:root.light{--bg-primary:#fff;--bg-secondary:#fafaf9;--bg-tertiary:#f5f5f4;--bg-elevated:#fff;--text-primary:#1c1917;--text-secondary:#44403c;--text-tertiary:#78716c;--text-inverse:#fff;--text-disabled:#a8a29e;--border-default:#e7e5e4;--border-strong:#d6d3d1;--border-subtle:#f5f5f4;--interactive-hover:#f5f5f4;--interactive-active:#e7e5e4;--interactive-disabled:#f5f5f4;--surface-base:#fff;--surface-elevated:#fff;--surface-overlay:#00000080;--surface-glass:#ffffffb3;--surface-warning-light:#fb923c1a;--surface-warning-xlight:#fb923c0d;--surface-danger-light:#dc26261a;--surface-danger-xlight:#dc26260d;--surface-info-light:#3b82f626;--surface-info-xlight:#3b82f60d;--surface-success-light:#16a34a1a;--surface-success-xlight:#16a34a0d;--surface-success-border:#22c55e40;--surface-success-glow:#22c55e66;--surface-primary-light:#14b8a61a;--surface-primary-xlight:#14b8a60d;--surface-primary-border:#14b8a640;--surface-primary-glow:#14b8a673;--surface-primary-glow-strong:#14b8a68c;--surface-danger-border:#ef444440;--surface-overlay-soft:#0003;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#14b8a6;--color-secondary:#a855f7;--color-accent:#10b981;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 50%, #0d9488 100%);--color-primary-dark:#0d9488;--color-success-dark:#15803d;--color-success-text:#15803d;--color-warning-dark:#b45309;--color-info-dark:#0e7490;--color-info-text:#0e7490}:root.dark{--bg-primary:#030d0e;--bg-secondary:#081a1e;--bg-tertiary:#0f282e;--bg-elevated:#0a1f24;--text-primary:#fafaf9;--text-secondary:#e7e5e4;--text-tertiary:#a8a29e;--text-inverse:#1c1917;--text-disabled:#57534e;--border-default:#153438;--border-strong:#1e4a50;--border-subtle:#0a1f24;--interactive-hover:#0f282e;--interactive-active:#174045;--interactive-disabled:#0a1f24;--surface-base:#081a1e;--surface-elevated:#1e5060;--surface-overlay:#030d0eeb;--surface-glass:#030d0ec7;--surface-warning-light:#fb923c14;--surface-warning-xlight:#fb923c0a;--surface-danger-light:#dc262614;--surface-danger-xlight:#dc26260a;--surface-info-light:#3b82f61f;--surface-info-xlight:#3b82f608;--surface-success-light:#16a34a14;--surface-success-xlight:#16a34a0a;--surface-success-border:#22c55e26;--surface-success-glow:#22c55e4d;--surface-primary-light:#14b8a614;--surface-primary-xlight:#14b8a60a;--surface-primary-border:#14b8a633;--surface-primary-glow:#14b8a673;--surface-primary-glow-strong:#14b8a68c;--surface-danger-border:#ef444433;--surface-overlay-soft:#00000080;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#14b8a6;--color-secondary:#c084fc;--color-accent:#0ea5e9;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%);--gradient-secondary:linear-gradient(135deg, #c084fc 0%, #9333ea 100%);--gradient-sunset:linear-gradient(135deg, #5eead4 0%, #2dd4bf 50%, #0d9488 100%);--color-primary-dark:#0d9488;--color-success-dark:#86efac;--color-success-text:#86efac;--color-warning-dark:#f59e0b;--color-info-dark:#22d3ee;--color-info-text:#67e8f9;--primary-50:#14b8a612;--primary-100:#14b8a621;--secondary-50:#a855f712;--secondary-100:#a855f721;--accent-50:#10b98112;--accent-100:#10b98121;--success-50:#22c55e12;--success-100:#22c55e1f;--warning-50:#f59e0b12;--warning-100:#f59e0b1c;--danger-50:#ef444412;--danger-100:#ef44441c;--info-50:#06b6d412;--info-100:#06b6d41f}:root.classic{--bg-primary:#fff;--bg-secondary:#f0f4f8;--bg-tertiary:#dfe6ed;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#1e293b;--text-tertiary:#475569;--text-inverse:#fff;--text-disabled:#94a3b8;--border-default:#9ca3af;--border-strong:#6b7280;--border-subtle:#d1d5db;--interactive-hover:#e1e7ed;--interactive-active:#d1d5db;--interactive-disabled:#f0f4f8;--surface-base:#fff;--surface-elevated:#f8fafc;--surface-overlay:#0009;--surface-glass:#ffffffe6;--surface-warning-light:#b4530926;--surface-warning-xlight:#b4530914;--surface-danger-light:#b91c1c26;--surface-danger-xlight:#b91c1c14;--surface-info-light:#1d4ed826;--surface-info-xlight:#1d4ed814;--surface-success-light:#15803d26;--surface-success-xlight:#15803d14;--surface-success-border:#15803d66;--surface-success-glow:#15803d80;--surface-primary-light:#0f766e26;--surface-primary-xlight:#0f766e14;--surface-primary-border:#0f766e66;--surface-primary-glow:#0f766e8c;--surface-primary-glow-strong:#0f766ea6;--surface-danger-border:#b91c1c66;--surface-overlay-soft:#0000004d;--white-alpha-10:#ffffff1a;--white-alpha-15:#ffffff26;--white-alpha-20:#fff3;--white-alpha-25:#ffffff40;--white-alpha-30:#ffffff4d;--white-alpha-50:#ffffff80;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--black-alpha-35:#00000059;--black-alpha-40:#0006;--text-inverse-75:#ffffffbf;--text-inverse-80:#fffc;--color-primary:#0f766e;--color-secondary:#a855f7;--color-accent:#10b981;--color-success:#15803d;--color-danger:#b91c1c;--color-warning:#b45309;--color-info:#1d4ed8;--gradient-primary:linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);--gradient-secondary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);--gradient-sunset:linear-gradient(135deg, #14b8a6 0%, #0f766e 50%, #115e59 100%);--color-primary-dark:#115e59;--color-success-dark:#14532d;--color-success-text:#14532d;--color-warning-dark:#78350f;--color-info-dark:#1e3a8a;--color-info-text:#1e3a8a}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-surface{background-color:var(--surface-base)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.border-default{border-color:var(--border-default)}.border-strong{border-color:var(--border-strong)}html{font-size:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);color:var(--text-primary);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background .3s,color .3s}select{appearance:none;padding-right:2.25rem}select.chevron-right{color:var(--text-inverse-75);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 8 11 10 9'/></svg>");background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem 1rem}:root.light select.chevron-right{color:var(--text-primary)}:root.dark select.chevron-right,:root.dark .form-input.chevron-right,:root.dark .filter-select.chevron-right,:root.dark .status-select.chevron-right{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 8 11 10 9'/></svg>")!important}.date-input svg,.input-with-icon svg{color:currentColor;stroke:currentColor;width:1.25rem;height:1.25rem}:root.dark .date-input,:root.dark .input-with-icon{color:var(--white)}.form-input.chevron-right{background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2.25rem}.status-select.chevron-right{background-position:right .5rem center;background-size:.85rem .85rem;padding-right:1.75rem}#root,.login-container{min-height:100vh}.dashboard-container{background:0 0;flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.welcome-section{margin-bottom:50px;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-section h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:2.5rem;font-weight:800}.welcome-section p{color:var(--text-secondary);font-size:1.15rem;font-weight:500}.page-container{padding:var(--spacing-2xl) 15px;margin:0 auto;animation:.6s ease-out fadeIn}.page-container h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:2.5rem;font-weight:800}.page-container p{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.product-card{background:var(--surface-base);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:all .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-default);transform:translateY(-4px)}.product-image{-o-object-fit:cover;object-fit:cover;background:var(--bg-tertiary);width:100%;height:200px}.product-info{padding:1.5rem}.product-info h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.product-description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-meta{border-bottom:1px solid var(--border-default);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.product-price{color:var(--color-primary);font-size:1.5rem;font-weight:700}.product-stock{border-radius:var(--border-radius-sm);background:var(--accent-100);color:var(--accent-700);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.product-stock.low{background:var(--color-warning);color:var(--white)}.product-status{border-radius:var(--border-radius-sm);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.product-status.available{background:var(--color-success);color:var(--white)}.product-status.unavailable{background:var(--gray-400);color:var(--white)}.product-actions{gap:.75rem;display:flex}.product-actions button{border-radius:var(--border-radius-md);cursor:pointer;border:none;flex:1;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-edit{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-edit:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-delete{color:var(--color-danger);border:2px solid var(--color-danger);background:0 0}.btn-delete:hover{background:var(--color-danger);color:var(--white)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.loading-spinner{text-align:center;color:var(--text-secondary);padding:var(--spacing-sm);font-weight:500;animation:2s ease-in-out infinite pulse}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1024px){.page-container{padding-left:20px;padding-right:20px}}@media (width<=768px){.welcome-section h2,.page-container h1{font-size:2rem}}@media (width<=480px){.page-container{padding:var(--spacing-xl) 15px}}.alerts-banner{border-bottom:1px solid #0000;width:100%;padding:.625rem 1.25rem;font-size:.8125rem;transition:background-color .2s}.alerts-banner--critical{background-color:var(--danger-50);border-bottom-color:var(--danger-300);color:var(--danger-700)}.alerts-banner--warning{background-color:var(--warning-50);border-bottom-color:var(--warning-100);color:var(--warning-700)}.alerts-banner--collapsed{cursor:default;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.alerts-banner__summary{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.alerts-banner__bell{flex-shrink:0;animation:2.5s ease-in-out infinite bell-shake}@keyframes bell-shake{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-12deg)}95%{transform:rotate(12deg)}}.alerts-banner__count{white-space:nowrap;font-weight:600}.alerts-banner__summary-detail{opacity:.75;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alerts-banner__summary-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.alerts-banner--expanded{flex-direction:column;gap:.5rem;display:flex}.alerts-banner__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.alerts-banner__header-left,.alerts-banner__header-right{align-items:center;gap:.5rem;display:flex}.alerts-banner__list{flex-direction:column;gap:.375rem;display:flex}.alerts-banner__item{border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.alerts-banner__item--critical{background-color:var(--surface-danger-xlight);border-color:var(--surface-danger-light)}.alerts-banner__item--warning{background-color:var(--surface-warning-xlight);border-color:var(--surface-warning-light)}.alerts-banner__item-icon{flex-shrink:0;display:flex}.alerts-banner__item--critical .alerts-banner__item-icon{color:var(--color-danger)}.alerts-banner__item--warning .alerts-banner__item-icon{color:var(--color-warning)}.alerts-banner__item-body{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.alerts-banner__item-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.alerts-banner__item-meta{opacity:.75;white-space:nowrap;font-size:.75rem}.alerts-banner__item-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.alerts-banner__btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:background-color .15s,opacity .15s;display:inline-flex}.alerts-banner__btn:disabled{opacity:.5;cursor:not-allowed}.alerts-banner__btn--complete{opacity:.7;border-color:currentColor}.alerts-banner__btn--complete:hover:not(:disabled){opacity:1;background-color:var(--interactive-hover)}.alerts-banner__btn--dismiss{opacity:.5;padding:.25rem}.alerts-banner__btn--dismiss:hover:not(:disabled){opacity:.8}.alerts-banner__link{cursor:pointer;color:inherit;opacity:.8;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:600;text-decoration:underline}.alerts-banner__link:hover{opacity:1}.alerts-banner__expand{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.125rem;display:flex}.alerts-banner__expand:hover{opacity:1;background-color:var(--interactive-hover)}:root.dark .alerts-banner--critical{background-color:var(--surface-danger-light);border-bottom-color:var(--danger-700);color:var(--danger-300)}:root.dark .alerts-banner--warning{background-color:var(--surface-warning-light);border-bottom-color:var(--warning-700);color:var(--warning-500)}@media (width<=640px){.alerts-banner{padding:.5rem .875rem}.alerts-banner__summary-detail,.alerts-banner__item-meta{display:none}}.offline-banner{align-items:center;gap:var(--spacing-xs);padding:6px var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--white-alpha-15);font-weight:500;line-height:1.4;display:flex}.offline-banner__action{background:var(--white-alpha-20);border:1px solid var(--white-alpha-25);border-radius:var(--border-radius-sm);color:inherit;padding:2px var(--spacing-sm);cursor:pointer;font-size:var(--font-size-xs);flex-shrink:0;margin-left:auto;font-weight:600;transition:background .15s}.offline-banner__action:hover{background:var(--white-alpha-30)}.offline-banner__action:focus-visible{outline:2px solid var(--white-alpha-80);outline-offset:2px}@keyframes offline-banner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-banner__spin{animation:1s linear infinite offline-banner-spin}@media (prefers-reduced-motion:reduce){.offline-banner__spin{animation:none}}.offline-banner--offline{background:var(--secondary-700);color:var(--color-white)}.offline-banner--syncing{background:var(--color-info-dark);color:var(--color-white)}.offline-banner--dead{background:var(--color-danger);color:var(--color-white)}.offline-banner--pending{background:var(--color-warning-dark);color:var(--color-white)}.theme-toggle{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:500;transition:all .12s;display:inline-flex}.user-menu-item>.theme-toggle{width:100%;padding:var(--spacing-sm) var(--spacing-sm);justify-content:flex-start}.theme-toggle:hover{background:var(--interactive-hover)}.theme-toggle:active{background:var(--interactive-active);transform:translateY(0)}.theme-toggle-text{-webkit-user-select:none;user-select:none}.theme-toggle svg{color:var(--color-primary);width:18px;height:18px;transition:transform .18s}.theme-toggle:hover svg{transform:rotate(15deg)}.business-selector-compact{border:1px solid var(--white-alpha-20);border-radius:var(--border-radius-md);color:var(--white);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;align-items:center;gap:.5rem;max-width:200px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;overflow:hidden}.business-selector-compact:hover{background:var(--white-alpha-10);border-color:var(--white-alpha-30)}.business-selector-compact svg{opacity:.9;flex-shrink:0}.business-selector-compact__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-overlay{background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;isolation:isolate;padding:var(--spacing-md);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid #0000;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative}:root.dark .modal-content{border-color:var(--border-strong)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-small{width:100%;max-width:400px!important}.modal-medium{width:100%;max-width:600px!important}.modal-large{width:100%;max-width:900px!important}.modal-xl{width:100%;max-width:1200px!important}.modal-header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .2s;display:flex}.modal-close:hover{background-color:var(--interactive-hover);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:var(--spacing-lg);overscroll-behavior:contain;flex:1;overflow:hidden auto}.modal-content:not(:has(.modal-header)) .modal-body{padding:0}.confirm-modal-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.4s cubic-bezier(.4,0,.2,1) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.confirm-modal-icon-danger{background:var(--gradient-red-light);color:var(--color-danger)}.confirm-modal-icon-warning{background:var(--gradient-amber-light);color:var(--color-warning)}.confirm-modal-icon-info{background:var(--gradient-blue-light);color:var(--color-info)}.confirm-modal-icon-success{background:linear-gradient(135deg, var(--accent-100) 0%, var(--accent-50) 100%);color:var(--color-success)}.confirm-modal-message{color:var(--gray-700);margin:0;font-size:1rem;line-height:1.6}.confirm-modal-actions{gap:1rem;width:100%;margin-top:.5rem;display:flex}.btn-modal-cancel,.btn-modal-confirm{border-radius:var(--border-radius);cursor:pointer;border:none;flex:1;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-modal-cancel{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.btn-modal-cancel:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-modal-confirm{color:var(--white);box-shadow:var(--shadow-md)}.btn-modal-danger{background:var(--gradient-red)}.btn-modal-danger:hover:not(:disabled){box-shadow:var(--shadow-danger);transform:translateY(-2px)}.btn-modal-warning{background:var(--gradient-amber)}.btn-modal-warning:hover:not(:disabled){box-shadow:var(--shadow-warning);transform:translateY(-2px)}.btn-modal-info{background:var(--gradient-cyan)}.btn-modal-info:hover:not(:disabled){box-shadow:var(--shadow-info);transform:translateY(-2px)}.btn-modal-success{background:var(--gradient-emerald)}.btn-modal-success:hover:not(:disabled){box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-modal-cancel:disabled,.btn-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh;width:100%!important;max-width:100%!important}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}}.business-selector-modal{flex-direction:column;gap:1.5rem;padding:.5rem 0;display:flex}.bsm-search{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.bsm-search svg{opacity:.6;flex-shrink:0}.bsm-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.bsm-input::placeholder{color:var(--text-tertiary)}.bsm-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.5rem;max-height:400px;display:flex;overflow-y:auto}.bsm-loading,.bsm-empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.9375rem}.bsm-item{border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.bsm-item:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-default)}.bsm-item.active{background:var(--bg-secondary);border-color:var(--color-primary)}.bsm-item:disabled{opacity:.6;cursor:not-allowed}.bsm-item-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.bsm-item-icon{color:var(--color-primary);opacity:.8;flex-shrink:0}.bsm-item-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.bsm-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.bsm-item-role{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.bsm-item-action{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bsm-check{color:var(--color-success)}.bsm-spinner{border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.bsm-list{max-height:300px}.bsm-item{padding:.75rem}.bsm-item-name{font-size:.875rem}.bsm-item-role{font-size:.75rem}}.toast-container{z-index:9999;gap:var(--spacing-sm);flex-direction:column;max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-xl);align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;min-width:320px;transition:all .3s;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast:hover{box-shadow:var(--shadow-xl), 0 0 0 1px var(--gray-200);transform:translate(-4px)}.toast.success{border-left-color:var(--color-success);background:linear-gradient(135deg, var(--white) 0%, var(--accent-50) 100%)}.toast.error{border-left-color:var(--color-danger);background:linear-gradient(135deg, var(--white) 0%, var(--danger-50) 100%)}.toast.warning{border-left-color:var(--color-warning);background:linear-gradient(135deg, var(--white) 0%, var(--warning-50) 100%)}.toast.info{border-left-color:var(--color-info);background:linear-gradient(135deg, var(--white) 0%, var(--info-50) 100%)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toast.success .toast-icon{background:var(--accent-100);color:var(--color-success)}.toast.error .toast-icon{background:var(--danger-100);color:var(--color-danger)}.toast.warning .toast-icon{background:var(--warning-100);color:var(--color-warning)}.toast.info .toast-icon{background:var(--info-100);color:var(--color-info)}.toast-content{gap:var(--spacing-xs);flex-direction:column;flex:1;align-items:flex-start;display:flex}.toast-content--action{cursor:pointer}.toast-content--action:hover .toast-message{text-underline-offset:2px;text-decoration:underline}.toast-message{font-size:var(--font-size-sm);color:var(--gray-900);margin:0;font-weight:600;line-height:1.4}.toast-subtitle{font-size:var(--font-size-xs);color:var(--gray-500);margin:0;line-height:1.3}.toast-chevron{color:var(--gray-400);flex-shrink:0;margin-right:-2px}.toast--clickable:hover .toast-chevron{color:var(--gray-600)}.toast-close{color:var(--gray-400);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.toast-close:hover{background:var(--gray-100);color:var(--gray-600)}@media (width<=768px){.toast-container{max-width:none;top:16px;left:16px;right:16px}.toast{min-width:unset;width:100%}}.app-layout{background:0 0;flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--gradient-primary);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--border-default);color:var(--white);box-shadow:var(--shadow-sm);z-index:100;transition:background .25s,border-color .2s,box-shadow .2s;position:sticky;top:0}.app-header:hover{box-shadow:var(--shadow)}.header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:100%;margin:0;padding:.875rem 1.5rem;display:flex}.header-left{flex:1;align-items:center;gap:1.25rem;display:flex}.header-right{align-items:center;gap:.75rem;display:flex}.header-business-selector{align-items:center;margin-right:.25rem;display:flex}.register-customer-btn{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.register-customer-btn:hover{background:var(--color-success-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.register-customer-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.register-customer-label{display:inline}.app-logo{cursor:pointer;white-space:nowrap;margin:0;font-size:1.75rem;font-weight:700;transition:transform .2s}.app-logo:hover{transform:scale(1.05)}.app-nav{align-items:center;gap:.5rem;display:flex}.nav-item{border-radius:var(--border-radius-md);color:var(--text-inverse-75);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;transition:color .18s,transform .12s;display:flex}.nav-item:hover{color:var(--white);transform:translateY(-2px)}.nav-item.active{color:var(--white);position:relative}.nav-item.active:after{content:"";background:var(--neutral-accent);border-radius:var(--spacing-xs);height:3px;position:absolute;bottom:-8px;left:12px;right:12px}.nav-icon{font-size:1.25rem}.nav-label{display:inline}.nav-chevron{color:var(--text-inverse-80);opacity:.95;margin-left:.25rem;transition:transform .2s,opacity .12s}.nav-chevron.open{transform:rotate(180deg)}.nav-group{display:inline-block;position:relative}.nav-group-trigger{align-items:center;gap:.5rem;display:flex}.nav-group .nav-dropdown{display:none}@media (width>=1024px){.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:flex}.nav-group:hover .nav-chevron,.nav-group:focus-within .nav-chevron{transform:rotate(180deg)}.nav-group:hover .nav-item,.nav-group:focus-within .nav-item{color:var(--white)}}.nav-item-with-dropdown{display:inline-block;position:relative}.nav-dropdown{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;z-index:150;pointer-events:auto;flex-direction:column;gap:0;min-width:220px;animation:.2s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 8px);left:0}.nav-dropdown:before{content:"";background:0 0;height:8px;position:absolute;top:-8px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);cursor:pointer;text-align:left;box-sizing:border-box;pointer-events:auto;background:0 0;border:none;width:100%;font-size:.875rem;transition:all .15s;display:flex}.nav-dropdown-item:hover{background:var(--surface-pressed)}.nav-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}@media (width>=1024px){.nav-item-with-dropdown:hover .nav-dropdown{display:flex}}.user-section{align-items:center;gap:1rem;display:flex;position:relative}.user-menu-trigger{color:var(--white);cursor:pointer;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm);background:0 0;border:none;align-items:center;gap:.75rem;font-size:.95rem;display:flex;position:relative}.user-caret{opacity:.95;font-size:1.2rem;line-height:1;transform:translateY(1px)}.user-menu-dropdown{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);gap:var(--spacing-sm);z-index:200;flex-direction:column;min-width:220px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu-item{box-sizing:border-box;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;width:100%;min-height:40px;color:var(--text-primary);background:0 0;border:none;font-size:.875rem;transition:background-color .12s;display:flex}.user-menu-item.user-menu-logout{color:var(--color-danger)}.user-menu-item.user-menu-logout:hover{background:var(--danger-50)}.user-menu-divider{background:var(--border-default);height:1px;margin:var(--spacing-xs) 0}.user-menu-section-title{padding:var(--spacing-sm) var(--spacing-sm) 4px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.user-menu-item svg{flex:0 0 18px;width:18px;height:18px}.user-menu-item>.theme-toggle{gap:var(--spacing-sm);align-items:center;padding:0}.user-menu-item:hover{background:var(--interactive-hover)}.user-menu-item button{all:unset;align-items:center;gap:var(--spacing-sm);cursor:pointer;box-sizing:border-box;width:100%;display:flex}.user-avatar-wrapper{flex-shrink:0;width:40px;height:40px;position:relative}.user-avatar{border:2px solid var(--surface-glass);-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.user-avatar-initials{border:2px solid var(--surface-glass);background:linear-gradient(135deg, var(--neutral-accent), var(--interactive-active));color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;inset:0}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-name{margin:0;font-size:.875rem;font-weight:600;line-height:1.2}.user-email{opacity:.9;margin:0;font-size:.75rem;line-height:1.2}.logout-button{background:var(--interactive-hover);border:1px solid var(--interactive-active);border-radius:var(--border-radius-md);color:var(--text-inverse);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.logout-button:hover{background:var(--surface-glass);transform:translateY(-2px)}.app-main{flex:1;width:100%;max-width:100%;margin:0 auto;padding:0}.mobile-menu-toggle{border-radius:var(--border-radius-md);width:40px;height:40px;color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:none}.mobile-menu-toggle:hover{background:var(--surface-glass-sm)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-nav-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:var(--surface-elevated);width:280px;max-width:85vw;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-default);background:var(--gradient-primary);color:var(--white);justify-content:space-between;align-items:center;display:flex}.mobile-nav-header h2{font-size:var(--text-lg);margin:0;font-weight:700}.mobile-nav-close{border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.mobile-nav-close:hover{background:var(--surface-glass-sm)}.mobile-nav-items{padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.mobile-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item:hover{background:var(--interactive-hover)}.mobile-nav-item.active{background:var(--surface-pressed);color:var(--color-primary);font-weight:600}.mobile-nav-item svg{flex-shrink:0}.mobile-nav-group{flex-direction:column;display:flex}.mobile-nav-group-trigger{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-nav-item-content{align-items:center;gap:var(--spacing-md);display:flex}.mobile-nav-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.mobile-nav-chevron.open{transform:rotate(180deg)}.mobile-nav-subitems{max-height:0;padding-left:var(--spacing-xl);flex-direction:column;gap:0;transition:max-height .3s;display:flex;overflow:hidden}.mobile-nav-subitems.open{max-height:500px;margin-top:var(--spacing-xs)}.mobile-nav-subitem{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.mobile-nav-subitem:hover{background:var(--interactive-hover);color:var(--text-primary)}.mobile-nav-subitem.active{background:var(--surface-pressed);color:var(--color-primary);font-weight:600}.mobile-nav-subitem svg{flex-shrink:0;font-size:1rem}@media (width<=1280px){.header-content{padding:var(--spacing-md) var(--spacing-lg)}.app-logo{font-size:1.5rem}.nav-item{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}@media (width<=1024px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.header-left{gap:var(--spacing-md)}.app-nav{gap:var(--spacing-xs)}.nav-item{padding:var(--spacing-sm)}.nav-label,.nav-chevron{display:none}.nav-icon{font-size:1.25rem}.user-info{display:none}.header-business-selector{margin-right:0}}@media (width<=768px){.app-logo{font-size:1.25rem}.header-content{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.header-left{flex:1;justify-content:flex-start;width:100%}.header-right{gap:var(--spacing-sm)}.register-customer-label{display:none}.register-customer-btn{padding:.5rem}.app-nav{display:none}.mobile-menu-toggle{display:flex}.user-avatar,.user-avatar-initials{width:36px;height:36px}.user-menu-dropdown{min-width:200px;left:auto;right:0}.user-menu-sidebar-section{display:none}}.sidebar-overlay{background:var(--surface-overlay-soft);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.app-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-default);width:256px;box-shadow:var(--shadow-xl);z-index:201;flex-direction:column;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.app-sidebar.open{transform:translate(0)}.app-sidebar-header{border-bottom:1px solid var(--border-default);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.app-sidebar-header-left{align-items:center;gap:.5rem;display:flex}.app-sidebar-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-sidebar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:600}.app-sidebar-close{border-radius:var(--border-radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.app-sidebar-close:hover{background:var(--interactive-hover);color:var(--text-primary)}.app-sidebar-body{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;flex-direction:column;flex:1;gap:.25rem;padding:.75rem .625rem;display:flex;overflow-y:auto}.app-sidebar-body::-webkit-scrollbar{width:4px}.app-sidebar-body::-webkit-scrollbar-track{background:0 0}.app-sidebar-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.sidebar-quick-actions{border-bottom:1px solid var(--border-subtle);margin-bottom:.75rem;padding-bottom:.75rem}.sidebar-quick-action-btn{border:1px solid var(--border-default);border-radius:var(--border-radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.5rem;padding:.4375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-quick-action-btn:hover{background:var(--interactive-hover);color:var(--color-accent);border-color:var(--color-accent)}.sidebar-quick-action-btn svg{color:inherit;flex-shrink:0}.app-sidebar-nav{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background .13s,color .13s;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--interactive-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--interactive-hover);color:var(--color-primary);font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-nav-item svg{color:var(--text-tertiary);flex-shrink:0;transition:color .13s}.sidebar-nav-item:hover svg,.sidebar-nav-item.active svg{color:inherit}.sidebar-nav-group{flex-direction:column;margin-top:.375rem;display:flex}.sidebar-section-label{border-radius:var(--border-radius-sm);width:100%;color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.3125rem .625rem;font-size:.6875rem;font-weight:600;transition:background .13s,color .13s;display:flex}.sidebar-section-label:hover{background:var(--interactive-hover);color:var(--text-secondary)}.sidebar-section-label.active{color:var(--text-secondary)}.sidebar-section-label-content{align-items:center;gap:.375rem;display:flex}.sidebar-section-label-content svg{opacity:.7;flex-shrink:0}.sidebar-nav-chevron{color:var(--text-tertiary);opacity:.6;flex-shrink:0;transition:transform .2s}.sidebar-nav-chevron.open{transform:rotate(180deg)}.sidebar-nav-subitems{border-left:1.5px solid var(--border-default);flex-direction:column;max-height:0;margin-left:1.125rem;padding-left:.5rem;transition:max-height .25s;display:flex;overflow:hidden}.sidebar-nav-subitems.open{max-height:400px;margin-top:2px;margin-bottom:4px}.sidebar-nav-subitem{border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.3125rem .5rem;font-size:.8125rem;font-weight:400;transition:background .13s,color .13s;display:flex;position:relative}.sidebar-nav-subitem:hover{background:var(--interactive-hover);color:var(--text-primary)}.sidebar-nav-subitem.active{color:var(--color-primary);background:var(--interactive-hover);font-weight:600}.sidebar-nav-subitem.active:before{content:"";background:var(--color-primary);border-radius:50%;width:5px;height:5px;margin-left:-2px;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)}.sidebar-nav-subitem svg{color:var(--text-tertiary);flex-shrink:0;transition:color .13s}.sidebar-nav-subitem:hover svg,.sidebar-nav-subitem.active svg{color:inherit}@media (width<=768px){.app-sidebar,.sidebar-overlay{display:none!important}}@media (width>=769px){.sidebar-overlay{display:block}}@media (width<=480px){.app-logo{font-size:1.125rem}.header-content{padding:var(--spacing-xs) var(--spacing-sm)}.header-left{gap:var(--spacing-sm)}.header-right{gap:var(--spacing-xs)}.mobile-menu-toggle{width:36px;height:36px}.user-avatar,.user-avatar-initials{width:32px;height:32px}.user-menu-dropdown{min-width:180px}.mobile-nav-drawer{width:260px}}.error-fallback{min-height:100vh;padding:var(--spacing-xl);background:var(--bg-primary);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.error-fallback__card{align-items:center;gap:var(--spacing-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);width:100%;max-width:460px;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.error-fallback__icon-wrapper{border-radius:var(--border-radius-full);background:var(--surface-danger-light);width:64px;height:64px;color:var(--color-danger);flex-shrink:0;justify-content:center;align-items:center;display:flex}.error-fallback__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.error-fallback__message{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:360px;margin:0;line-height:1.6}.error-fallback__hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.error-fallback__actions{gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);flex-direction:column;display:flex}.error-fallback__btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background:var(--color-primary);color:var(--white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;width:100%;transition:opacity .15s;display:inline-flex}.error-fallback__btn-primary:hover{opacity:.88}.error-fallback__btn-secondary{padding:10px var(--spacing-lg);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100%;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.error-fallback__btn-secondary:hover{background:var(--interactive-hover);color:var(--text-primary)}.error-fallback__error-detail{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);text-align:left;width:100%}.error-fallback__error-detail summary{font-size:var(--font-size-xs);color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.error-fallback__error-detail pre{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-danger);white-space:pre-wrap;word-break:break-all;line-height:1.5}.page-spinner{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.page-spinner__ring{border-radius:var(--radius-full);border:3px solid var(--border-default);border-top-color:var(--color-primary);width:2.5rem;height:2.5rem;animation:.7s linear infinite page-spinner-spin}@keyframes page-spinner-spin{to{transform:rotate(360deg)}}