:root{--color-primary: #1ec56f;--color-primary-dark: #129f57;--color-primary-light: #e6fbf1;--color-primary-hover: #18b765;--color-primary-focus: #0f8447;--color-secondary: #34d399;--color-accent-soft: #f3fcf8;--color-brand-gradient-start: #1ec56f;--color-brand-gradient-end: #0f8447;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #030712;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-bg-main: #f4f8f6;--color-bg-page: #edf3f1;--color-bg-panel: #f8fbfa;--color-bg-surface: #ffffff;--color-bg-surface-elevated: #ffffff;--color-bg-tint: #effaf5;--color-border-subtle: rgba(17, 24, 39, .08);--color-border-light: #e5e7eb;--color-border-medium: #d1d5db;--border: #d6dbe1;--accent: var(--color-primary);--glass: rgba(255, 255, 255, .58);--glass-strong: rgba(255, 255, 255, .76);--color-status-online: var(--color-primary);--color-status-offline: #85938b;--color-status-warning: #b96f19;--color-status-warning-bg: rgba(185, 111, 25, .12);--color-status-error: #b03030;--color-status-error-bg: rgba(176, 48, 48, .1);--color-status-error-text: #8f2424;--color-status-info: #2563eb;--color-status-info-bg: rgba(37, 99, 235, .1);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-size-caption: 12px;--font-size-body: 14px;--font-size-body-mobile: 16px;--font-size-subheading: 17px;--font-size-heading: 20px;--font-size-display: 28px;--font-size-display-lg: 34px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-body: 1.52;--line-height-tight: 1.25;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 10px 24px rgba(15, 23, 42, .09), 0 2px 6px rgba(16, 185, 129, .08);--shadow-lg: 0 18px 36px rgba(15, 23, 42, .12);--shadow-xl: 0 28px 56px rgba(15, 23, 42, .16);--shadow-panel: 0 14px 30px rgba(15, 23, 42, .1);--shadow-button: 0 10px 20px rgba(16, 185, 129, .28), 0 2px 5px rgba(15, 23, 42, .14);--shadow-button-hover: 0 14px 28px rgba(16, 185, 129, .34), 0 4px 9px rgba(15, 23, 42, .16);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease-out;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--blur-panel: 20px;--blur-header: 12px;--glass-bg: rgba(255, 255, 255, .84);--glass-bg-fallback: rgba(255, 255, 255, .96);--glass-border: rgba(209, 213, 219, .8);--glass-shadow: var(--shadow-panel);--touch-target-min: 40px;--touch-target-comfortable: 44px;--header-height: 60px;--panel-min-width: 280px;--page-max-width: 1400px;--sidebar-bg: #0f172a;--sidebar-bg-elevated: #111c31;--sidebar-border: #23314a;--sidebar-text: #c8d4e5;--sidebar-text-muted: #94a3b8;--sidebar-active-bg: rgba(30, 197, 111, .18);--sidebar-active-border: rgba(30, 197, 111, .44);--sidebar-active-text: #ffffff;--breakpoint-xs: 480px;--breakpoint-sm: 767px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--font-size-h3: 16px;--settings-glass-bg: rgba(253, 255, 254, .75);--settings-glass-border: rgba(196, 223, 207, .58);--settings-glass-shadow: 0 12px 36px rgba(16, 54, 35, .08), 0 2px 10px rgba(17, 140, 79, .08);--settings-blur: 24px;--checkbox-size: 22px;--switch-width: 44px;--switch-height: 24px;--app-bg-grad-1: color-mix(in srgb, var(--color-primary) 10%, transparent);--app-bg-grad-2: color-mix(in srgb, var(--color-primary) 8%, transparent);--app-bg-base-top: #ffffff;--app-bg-base-mid: var(--color-bg-main);--app-bg-base-bottom: var(--color-bg-page);--chip-green-bg: #e6f6f5;--chip-green-text: #0f766e;--chip-green-border: #cceeed;--chip-indigo-bg: #eef2ff;--chip-indigo-text: #4338ca;--chip-indigo-border: #e0e7ff;--chip-blue-bg: #edf6ff;--chip-blue-text: #2563eb;--chip-blue-border: #dbeafe;--chip-rose-bg: #fdecec;--chip-rose-text: #be123c;--chip-rose-border: #f8d7df;--chip-neutral-bg: #f4f6f8;--chip-neutral-text: #4b5563;--chip-neutral-border: #e5e7eb;--chip-purple-bg: #f3e5f5;--chip-purple-text: #7b1fa2;--chip-purple-border: #e3c8ea;--chip-amber-bg: #fff3e0;--chip-amber-text: #b45309;--chip-amber-border: #f5dcb8}[data-theme=dark]{--color-primary-light: rgba(30, 197, 111, .18);--color-accent-soft: rgba(30, 197, 111, .1);--color-brand-gradient-start: #1ec56f;--color-brand-gradient-end: #0c8048;--color-text-primary: #eaf0f6;--color-text-secondary: #b3c0d0;--color-text-muted: #8a97a8;--color-text-inverse: #0a0e14;--color-bg-main: #0b1018;--color-bg-page: #070a0f;--color-bg-panel: #10151e;--color-bg-surface: #10151e;--color-bg-surface-elevated: #161d28;--color-bg-tint: rgba(30, 197, 111, .1);--color-border-subtle: rgba(255, 255, 255, .07);--color-border-light: rgba(255, 255, 255, .1);--color-border-medium: rgba(255, 255, 255, .16);--border: rgba(255, 255, 255, .12);--glass: rgba(22, 29, 40, .58);--glass-strong: rgba(22, 29, 40, .78);--color-status-offline: #6b7787;--color-status-warning: #fbbf24;--color-status-warning-bg: rgba(251, 191, 36, .16);--color-status-error: #f87171;--color-status-error-bg: rgba(248, 113, 113, .14);--color-status-error-text: #fca5a5;--color-status-info: #60a5fa;--color-status-info-bg: rgba(96, 165, 250, .14);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 10px 24px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 36px rgba(0, 0, 0, .55);--shadow-xl: 0 28px 56px rgba(0, 0, 0, .6);--shadow-panel: 0 14px 30px rgba(0, 0, 0, .5);--shadow-button: 0 10px 20px rgba(30, 197, 111, .3), 0 2px 5px rgba(0, 0, 0, .4);--shadow-button-hover: 0 14px 28px rgba(30, 197, 111, .38), 0 4px 9px rgba(0, 0, 0, .45);--glass-bg: rgba(16, 21, 30, .72);--glass-bg-fallback: rgba(16, 21, 30, .96);--glass-border: rgba(255, 255, 255, .1);--sidebar-bg: #0a0e15;--sidebar-bg-elevated: #10151f;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-text: #aeb9c8;--sidebar-text-muted: #6b7787;--sidebar-active-bg: rgba(30, 197, 111, .18);--sidebar-active-border: rgba(30, 197, 111, .44);--sidebar-active-text: #ffffff;--settings-glass-bg: rgba(20, 27, 38, .72);--settings-glass-border: rgba(255, 255, 255, .08);--settings-glass-shadow: 0 12px 36px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .4);--app-bg-grad-1: rgba(30, 197, 111, .14);--app-bg-grad-2: rgba(30, 197, 111, .05);--app-bg-base-top: #0b1018;--app-bg-base-mid: #090d14;--app-bg-base-bottom: #070a0f;--chip-green-bg: rgba(30, 197, 111, .14);--chip-green-text: #5ee29c;--chip-green-border: rgba(30, 197, 111, .32);--chip-indigo-bg: rgba(129, 122, 232, .18);--chip-indigo-text: #b3aef6;--chip-indigo-border: rgba(129, 122, 232, .34);--chip-blue-bg: rgba(96, 165, 250, .16);--chip-blue-text: #93c5fd;--chip-blue-border: rgba(96, 165, 250, .32);--chip-rose-bg: rgba(244, 63, 94, .16);--chip-rose-text: #fda4af;--chip-rose-border: rgba(244, 63, 94, .34);--chip-neutral-bg: rgba(255, 255, 255, .07);--chip-neutral-text: #b3c0d0;--chip-neutral-border: rgba(255, 255, 255, .13);--chip-purple-bg: rgba(167, 139, 250, .18);--chip-purple-text: #c4b5fd;--chip-purple-border: rgba(167, 139, 250, .34);--chip-amber-bg: rgba(251, 191, 36, .16);--chip-amber-text: #fbbf24;--chip-amber-border: rgba(251, 191, 36, .34)}html{transition:background-color var(--duration-slow) var(--ease-default)}:root{--color-bg-page: #f4f2ee;--color-bg-main: #f4f2ee;--color-bg-panel: #efece6;--color-bg-surface: #ffffff;--color-text-primary: #1b1712;--color-text-secondary: #5c534a;--color-text-muted: #938a7e;--color-border-subtle: rgba(27, 23, 18, .07);--color-border-light: rgba(27, 23, 18, .1);--color-border-medium: rgba(27, 23, 18, .16);--color-primary: #0f9d63;--color-primary-dark: #0b7d4f;--color-primary-focus: #095f3d;--color-primary-light: #e7f4ec;--color-accent-gold: #c8862f;--color-ink: #201b15;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--shadow-card: 0 1px 2px rgba(27, 23, 18, .05), 0 8px 24px rgba(27, 23, 18, .06);--shadow-bar: 0 12px 34px rgba(27, 23, 18, .2);--radius-card: 16px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-primary-dark);text-decoration:none}button{font-family:inherit}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes oa-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-msg-in{animation:oa-msg-in .22s var(--ease-default, ease-out) both}@keyframes oa-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}.oa-typing{display:inline-flex;align-items:center;gap:4px}.oa-typing span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:oa-typing-bounce 1.2s infinite ease-in-out}.oa-typing span:nth-child(2){animation-delay:.15s}.oa-typing span:nth-child(3){animation-delay:.3s}@keyframes oa-cart-pop{0%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(.96)}to{transform:scale(1)}}.oa-cart-pop{animation:oa-cart-pop .34s cubic-bezier(.34,1.56,.64,1)}@keyframes oa-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.oa-fade-up{animation:oa-fade-up .2s ease}@keyframes oa-check-pop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.oa-check-pop{animation:oa-check-pop .42s cubic-bezier(.34,1.56,.64,1)}.oa-img-blur{filter:blur(8px);transform:scale(1.03)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(min-width:900px){.page-narrow{max-width:640px;margin:0 auto;padding-left:24px;padding-right:24px}}