@charset "UTF-8";:root{--color-primary: #56C596;--color-primary-hover: #4AB085;--color-primary-light: #E6F7F1;--color-primary-mid: #6DD5AC;--color-primary-dark: #4AB085;--color-primary-darker: #3A9F75;--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-dark: #7c3aed;--color-accent: #FF9F45;--color-accent-hover: #FF8A1F;--color-accent-light: #FFF4E6;--color-accent-deep: #b35c00;--color-accent-lightest: #FFF4E6;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-success-darker: #047857;--color-success-lightest: #f6ffed;--color-success-lighter: #f1f8f4;--color-success-pale: #e8f5e9;--color-success-soft: #d3ecd7;--color-success-tint-1: #ecfdf5;--color-success-tint-2: #d1fae5;--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #dc2626;--color-danger-darker: #b91c1c;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-error-darker: #b91c1c;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-warning-darker: #b45309;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-info-darker: #1d4ed8;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-150: #e9ecef;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: #ffffff;--bg-body: #fafafa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--bg-success-subtle: #d1fae5;--bg-success-muted: #a7f3d0;--bg-danger-subtle: #fee2e2;--bg-danger-muted: #fecaca;--bg-warning-subtle: #fef3c7;--bg-warning-muted: #fdba74;--bg-info-subtle: #dbeafe;--bg-info-muted: #bfdbfe;--bg-purple-subtle: #e9d5ff;--bg-purple-muted: #d8b4fe;--border-light: #f3f4f6;--border-default: #e5e7eb;--border-dark: #d1d5db;--border-focus: #56C596;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-base: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .14);--shadow-2xl: 0 32px 64px rgba(0, 0, 0, .16);--shadow-focus: 0 0 0 3px rgba(86, 197, 150, .25);--shadow-focus-danger: 0 0 0 3px rgba(239, 68, 68, .2);--font-family-base: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-numeric: "DM Sans", monospace;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--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;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-card: 5;--z-summary: 50;--z-dropdown: 50;--z-sticky: 100;--z-nav: 90;--z-fixed: 200;--z-step-nav: 195;--z-fab: 150;--z-header: 200;--z-backdrop: 250;--z-sheet: 260;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 9999;--container-max-width: 1280px;--container-padding: var(--spacing-md);--container-padding-md: var(--spacing-lg);--container-padding-lg: var(--spacing-xl);--content-padding-x: var(--spacing-xl);--content-padding-x-mobile: var(--spacing-md);--floating-bar-h: 180px;--floating-bar-h-mobile: 160px;--card-min-width: 140px;--stat-card-min-h: 110px;--mobile-page-padding: 16px;--mobile-section-gap: 24px;--mobile-card-gap: 12px;--mobile-inner-padding: 16px;--safe-area-top: env(safe-area-inset-top, 0);--safe-area-right: env(safe-area-inset-right, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--touch-target-min: 44px;--touch-target-comfortable: 48px;--mob-nav-h: 62px;--mob-stepnav-h: 66px;--mob-live-bar-h: 48px;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-light);--primary-dark: var(--color-primary-dark);--primary-darker: var(--color-primary-darker);--primary-glow: rgba(86, 197, 150, .25);--primary-glow-lg: rgba(86, 197, 150, .4);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-light: var(--color-accent-light);--accent-glow: rgba(255,159,69,.22);--success: var(--color-success);--success-light: var(--color-success-light);--success-dark: var(--color-success-dark);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--warning-dark: var(--color-warning-dark);--info: var(--color-info);--info-light: var(--color-info-light);--info-dark: var(--color-info-dark);--danger: var(--color-danger);--danger-light: var(--color-danger-light);--purple: #a855f7;--purple-dim: #f3e8ff;--purple-dark: #7c3aed;--g50: var(--gray-50);--g100: var(--gray-100);--g200: var(--gray-200);--g300: var(--gray-300);--g400: var(--gray-400);--g500: var(--gray-500);--g600: var(--gray-600);--g700: var(--gray-700);--g800: var(--gray-800);--g900: var(--gray-900);--bg: var(--gray-50);--surface: var(--bg-surface);--font: var(--font-family-base);--display: var(--font-family-display);--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-lg: var(--radius-lg);--r-xl: var(--radius-xl);--r-2xl: var(--radius-2xl);--r-3xl: var(--radius-3xl);--r-full: var(--radius-full);--sh-xs: var(--shadow-xs);--sh-sm: var(--shadow-sm);--sh-md: var(--shadow-base);--sh-lg: var(--shadow-lg);--t-fast: var(--transition-fast);--t-base: var(--transition-base);--t-slow: var(--transition-slow);--color-primary-rgb: 86, 197, 150;--color-primary-dark-rgb: 74, 176, 133;--color-success-rgb: 16, 185, 129;--color-danger-rgb: 239, 68, 68;--color-warning-rgb: 249, 115, 22;--color-info-rgb: 59, 130, 246;--color-secondary-rgb: 139, 92, 246;--gray-50-rgb: 249, 250, 251;--gray-100-rgb: 243, 244, 246;--gray-200-rgb: 229, 231, 235;--gray-300-rgb: 209, 213, 219;--gray-500-rgb: 107, 114, 128;--gray-900-rgb: 17, 24, 39;--radius-2xs: .25rem;--radius-xs: .375rem;--radius-3xl: 3rem;--text-2xs: .625rem;--text-6xl: 3.75rem;--bottom-nav-height: 64px;--page-max-width: 1440px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--bg-dark: #0d1f16;--bg-dark-surface: #162a1e;--bg-dark-card: #0a1610;--bg-loyalty: #1e0b3d;--bg-loyalty-surface:#28114f;--loyalty-accent: #b084f5;--color-primary-darkest: #2d7a5f;--color-primary-bg: var(--color-primary-light);--color-mint-highlight: #b7f4d8;--color-green-deepest: #1a5c3d;--color-green-light: #62d9a8;--color-green-lightest: #7eddb8;--glass-bg-subtle: rgba(255, 255, 255, .13);--glass-bg: rgba(255, 255, 255, .2);--glass-bg-strong: rgba(255, 255, 255, .55);--color-success-bg: #f0fdf7;--color-warning-bg: #fffbeb;--color-info-bg: #eff6ff;--color-purple-bg: #faf5ff;--color-green-300: #74c69d;--color-green-200: #b7e4c7;--color-red-900: #7f1d1d;--color-red-800: #991b1b;--color-danger-200: #fca5a5;--color-blue-300: #90caf9;--color-blue-50: #e3f2fd;--color-purple-400: #c084fc;--color-orange-200: #fed7aa;--color-orange-100: #ffedd5;--color-primary-dim: rgba(86, 197, 150, .15);--color-purple: #a855f7;--color-purple-dark: #7c3aed;--color-purple-dim: #f3e8ff;--color-amber: var(--color-warning);--color-amber-light: var(--color-warning-light);--color-amber-dim: #fffbeb;--color-info-dim: var(--color-info-light);--color-success-dim: var(--color-success-light);--color-danger-dim: var(--color-error-light);--color-accent-dark: var(--color-accent-hover);--shadow-hero: 0 16px 56px rgba(58, 159, 117, .35), 0 4px 12px rgba(0,0,0,.1);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2);--shadow-wallet: 0 10px 32px rgba(0, 0, 0, .2);--shadow-sm-hover: 0 4px 8px rgba(0, 0, 0, .12);--shadow-md-hover: 0 8px 16px rgba(0, 0, 0, .16);--shadow-lg-hover: 0 12px 24px rgba(0, 0, 0, .2);--blue: var(--color-info);--blue-dark: var(--color-info-dark);--blue-light: var(--color-info-light);--blue-glow: rgba(59, 130, 246, .22);--hero-bottom-gap: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-card: 16px;--radius-widget: 12px;--radius-pill: 999px;--card-bg: #ffffff;--card-border: 1px solid #f0f0f0;--card-padding: 24px;--card-padding-sm: 16px;--card-border-style: 1.5px solid var(--gray-100);--card-radius: var(--radius-2xl);--card-shadow: var(--shadow-sm);--card-hover-shadow: var(--shadow-md);--card-hover-lift: translateY(-3px);--card-transition: all .22s ease;--hover-lift-sm: translateY(-1px);--hover-lift-md: translateY(-2px);--hover-lift-lg: translateY(-4px);--press-scale: scale(.97);--color-primary-100: #b7f4d8;--color-primary-200: #86efac;--color-amber-100: #fde68a;--color-amber-200: #fcd34d;--color-info-400: #60a5fa;--color-orange-50: #fff7ed;--color-orange-900: #92400e;--color-sky-100: #e0f2fe;--hero-gradient-green: linear-gradient(135deg, #1a4731 0%, #2d6a4f 50%, #52b788 100%);--hero-gradient-blue: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%);--hero-gradient-purple: linear-gradient(135deg, #3b0764 0%, #6b21a8 50%, #9333ea 100%);--color-accent-orders: #f97316;--color-accent-plans: #eab308;--color-accent-calories:#ef4444;--color-accent-tier: #8b5cf6;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-background: #f3f4f6;--color-border: #e5e7eb;--color-border-light: #f0f0f0;--color-surface-dark: #1a1a2e;--color-surface-dark-2: #111827;--sidebar-w: 224px;--content-sidebar-w: 200px;--main-content-max-w: 1100px;--header-height: 64px;--color-forest: #2D4A1E;--color-forest-light: #4A7A2E;--color-forest-pale: #EAF0E5;--color-saffron: #C8860A;--color-saffron-light: #E5A020;--color-saffron-pale: #FDF3E3;--color-cream: #F5F0E8;--color-cream-dark: #EBE4D6;--color-charcoal: #1A1A1A;--color-muted-brand: #6B6B6B;--color-border-brand: #D4C9B4;--size-display: 56px;--size-h1: 40px;--size-h2: 28px;--size-h3: 18px;--size-body: 16px;--size-nav: 13px;--size-caption: 12px;--size-label: 11px;--tracking-display: -.025em;--tracking-h1: -.02em;--tracking-h2: 0;--tracking-normal: 0;--tracking-caption: .08em;--tracking-label: .14em;--size-body-strong: 16px;--weight-body: 400;--weight-body-strong: 500;--weight-display: 700;--weight-display-italic: 400;--label-color-brand: var(--color-forest);--label-color-muted: var(--color-muted-brand)}[data-theme=dark]{--color-primary: #6DD5AC;--color-primary-dark: #56C596;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--bg-body: #111827;--bg-surface: #1f2937;--bg-elevated: #374151;--border-light: #374151;--border-default: #4b5563;--border-dark: #6b7280}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:2px}@supports not selector(:focus-visible){*:focus{outline:3px solid var(--color-primary);outline-offset:2px}}button:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #56c5961a}h1,.h1{font-family:var(--font-family-display);font-size:var(--size-h1);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-h1);color:var(--color-forest)}@media (max-width: 640px){h1,.h1{font-size:var(--text-3xl)}}h2,.h2{font-family:var(--font-body);font-size:var(--size-h2);font-weight:var(--font-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-h2);color:var(--text-primary)}@media (max-width: 640px){h2,.h2{font-size:var(--text-2xl)}}h3,.h3{font-family:var(--font-family-base);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}@media (max-width: 640px){h3,.h3{font-size:var(--text-xl)}}h4,.h4{font-family:var(--font-family-base);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}h5,.h5{font-family:var(--font-family-base);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-primary)}h6,.h6{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.body-text{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-primary)}.body-text-sm{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.body-text-lg{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-primary)}.lead-text{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-secondary)}@media (min-width: 768px){.lead-text{font-size:var(--text-xl)}}.caption-text{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-muted)}.label-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.label-text-sm{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-error{color:var(--color-error)}.text-inverse{color:var(--text-inverse)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}@media (max-width: 640px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}@media (min-width: 768px){.text-center-desktop{text-align:center}.text-right-desktop{text-align:right}}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-no-underline{text-decoration:none}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.02em}.emphasis{background:var(--color-primary-light);padding:.125rem .25rem;border-radius:var(--radius-sm)}.mark{background:var(--color-warning-light);padding:.125rem .25rem;border-radius:var(--radius-sm)}code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;background:var(--gray-100);padding:.125rem .375rem;border-radius:var(--radius-sm)}pre{font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--text-sm);background:var(--gray-900);color:var(--gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background:transparent;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.item-title{font-size:14px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-title--lg{font-size:15px;font-weight:700;color:var(--gray-900)}.item-title--sm{font-size:13px}.item-sub{font-size:11.5px;color:var(--gray-400);margin-top:2px}.item-sub--sm{font-size:10.5px}.hero-title{font-family:var(--font-body);font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:1.1;color:var(--text-primary)}.hero-title-accent{background:linear-gradient(90deg,var(--color-green-300),var(--color-green-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.3;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-4)}.section-header__content{display:flex;flex-direction:column}.section-header__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.section-header__subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin-top:4px}.section-header__cta{font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer}.section-header__cta:hover{text-decoration:underline}.widget-header{font-size:var(--text-caption);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1;color:var(--text-primary)}.stat-label{font-size:var(--text-label);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-sublabel{font-size:11px;color:var(--text-muted)}.card-title{font-size:15px;font-weight:var(--font-semibold);line-height:1.4;color:var(--text-primary)}.body-text-sm{font-size:13px;font-weight:var(--font-normal);line-height:1.5;color:var(--text-secondary)}.text-price{font-size:13px;font-weight:var(--font-bold)}.nav-item{font-size:var(--text-sm);font-weight:var(--font-medium)}.text-caption{font-size:11px;font-weight:var(--font-medium);line-height:1.3}@media (max-width: 768px){html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--mob-text-xs: 10px;--mob-text-sm: 11px;--mob-text-base: 13px;--mob-text-md: 15px;--mob-text-lg: 18px;--mob-text-xl: 22px;--mob-text-2xl: 27px;--mob-lh-tight: 1.25;--mob-lh-snug: 1.35;--mob-lh-normal: 1.5;--mob-lh-relaxed: 1.65;--mob-ls-display: -.025em;--mob-ls-heading: -.015em;--mob-ls-body: 0;--mob-ls-label: .08em;--mob-ls-caption: .05em}.mob-gname,.today-card-mob .mob-gname{font-family:var(--font-body);font-size:var(--mob-text-2xl);font-weight:900;letter-spacing:var(--mob-ls-display);line-height:var(--mob-lh-tight)}.mob-gcopy,.today-card-mob .mob-gcopy{font-size:var(--mob-text-base);font-weight:300;line-height:var(--mob-lh-relaxed);letter-spacing:var(--mob-ls-body)}.mob-sec-title{font-family:var(--font-body);font-size:var(--mob-text-lg);font-weight:800;letter-spacing:var(--mob-ls-heading);line-height:var(--mob-lh-snug)}.mob-sec-sub{font-size:var(--mob-text-sm);letter-spacing:var(--mob-ls-body);line-height:var(--mob-lh-normal)}.ms-num{font-family:var(--font-body);font-size:var(--mob-text-xl);font-weight:800;letter-spacing:-.04em;line-height:1}.ms-num.sm{font-size:var(--mob-text-md);font-weight:700;letter-spacing:-.02em}.ms-lbl{font-size:var(--mob-text-xs);font-weight:700;letter-spacing:var(--mob-ls-label);text-transform:uppercase}.ms-hint,.ms-delta{font-size:var(--mob-text-xs);letter-spacing:var(--mob-ls-body)}.mob-plan-name{font-family:var(--font-body);font-size:var(--mob-text-md);font-weight:700;letter-spacing:var(--mob-ls-heading)}.mob-pmeal{font-size:var(--mob-text-base);font-weight:600;line-height:var(--mob-lh-snug)}.mob-pmeta{font-size:var(--mob-text-sm);line-height:var(--mob-lh-normal);letter-spacing:var(--mob-ls-body)}.mob-days-badge{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.01em}.mob-plan-badge{font-size:8.5px;font-weight:700;letter-spacing:var(--mob-ls-label)}.mob-streak-lbl,.mob-llbl{font-size:var(--mob-text-xs);font-weight:700;letter-spacing:var(--mob-ls-label);text-transform:uppercase}.mob-snum{font-family:var(--font-body);font-size:var(--mob-text-2xl);font-weight:900;letter-spacing:-.04em;line-height:1}.mob-sdesc{font-size:var(--mob-text-sm);line-height:var(--mob-lh-normal)}.mob-sbest{font-size:var(--mob-text-xs);letter-spacing:var(--mob-ls-caption)}.mob-lpts{font-family:var(--font-body);font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1}.mob-lpts span{font-size:var(--mob-text-base);font-weight:600;letter-spacing:0}.mnc-title{font-family:var(--font-body);font-size:var(--mob-text-md);font-weight:700;letter-spacing:var(--mob-ls-heading)}.mnc-val{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.mnc-name{font-size:9.5px;letter-spacing:var(--mob-ls-caption);color:var(--g400)}.mwc-lbl{font-size:var(--mob-text-xs);font-weight:700;letter-spacing:var(--mob-ls-label);text-transform:uppercase}.mwc-amt{font-family:var(--font-body);font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}.mwc-amt sup{font-size:17px;font-weight:600}.mwc-sub{font-size:var(--mob-text-sm);letter-spacing:var(--mob-ls-body)}.mob-meal-name{font-family:var(--font-body);font-size:var(--mob-text-base);font-weight:700;letter-spacing:var(--mob-ls-heading);line-height:var(--mob-lh-snug);min-height:34px}.mob-meal-desc{font-size:10.5px;font-weight:300;line-height:var(--mob-lh-relaxed);letter-spacing:var(--mob-ls-body)}.mn-v{font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:-.01em}.mn-l{font-size:8px;letter-spacing:var(--mob-ls-caption)}.mob-ord-name{font-family:var(--font-body);font-size:var(--mob-text-base);font-weight:700;letter-spacing:var(--mob-ls-heading);line-height:var(--mob-lh-snug)}.mob-ord-meta{font-size:var(--mob-text-sm);letter-spacing:var(--mob-ls-body);line-height:var(--mob-lh-normal)}.mob-ord-price{font-family:var(--font-body);font-size:var(--mob-text-md);font-weight:800;letter-spacing:-.02em}.mob-act-text{font-size:var(--mob-text-base);font-weight:500;line-height:var(--mob-lh-snug);letter-spacing:var(--mob-ls-body)}.mob-act-time{font-size:var(--mob-text-sm);letter-spacing:var(--mob-ls-body)}.mob-act-lbl{font-size:var(--mob-text-xs);font-weight:700;letter-spacing:.01em;line-height:var(--mob-lh-snug)}.ref-title{font-family:var(--font-body);font-size:var(--mob-text-md);font-weight:700;letter-spacing:var(--mob-ls-heading);line-height:var(--mob-lh-snug)}.ref-sub{font-size:var(--mob-text-sm);line-height:var(--mob-lh-relaxed);letter-spacing:var(--mob-ls-body)}}.meal-title{font-size:1.25rem;font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 .4rem}.meal-description{font-size:.9rem;color:var(--gray-500);line-height:1.6;margin:0 0 1rem}.text-emphasis,.brand-italic{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--color-saffron)}.text-label,.label-style{font-family:var(--font-body);font-size:var(--size-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);line-height:1;color:var(--color-muted-brand)}.text-caption-brand{font-family:var(--font-body);font-size:var(--size-caption);font-weight:400;letter-spacing:var(--tracking-caption);line-height:1.5;color:var(--color-muted-brand)}.price,.amount,.number-value{font-family:var(--font-body);font-weight:500;font-variant-numeric:tabular-nums}input,textarea,select,button{font-family:var(--font-body)}label{font-family:var(--font-body);font-size:var(--size-nav);font-weight:500}.brand-em{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--color-forest);font-size:inherit}.brand-em--saffron{color:var(--color-saffron)}.brand-em--white{color:#ffffffeb}.brand-label{font-family:var(--font-body);font-size:var(--size-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);line-height:1;color:var(--label-color-muted)}.brand-label--active{color:var(--label-color-brand)}.brand-body-strong{font-family:var(--font-body);font-size:var(--size-body);font-weight:var(--weight-body-strong);color:var(--color-charcoal);line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fade-in-up{to{opacity:100%;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes modal-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes t-ring{0%,to{box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 6px #fff0}}@keyframes ring{0%,to{box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 5px #fff0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes orb-float{0%,to{transform:translate(0)}33%{transform:translate(6px,-8px)}66%{transform:translate(-4px,5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anim-1{animation:fadeUp .4s ease .05s both}.anim-2{animation:fadeUp .4s ease .1s both}.anim-3{animation:fadeUp .4s ease .15s both}.anim-4{animation:fadeUp .4s ease .2s both}.anim-5{animation:fadeUp .4s ease .25s both}.anim-6{animation:fadeUp .4s ease .3s both}.anim-7{animation:fadeUp .4s ease .35s both}.anim-8{animation:fadeUp .4s ease .4s both}@media (prefers-reduced-motion: reduce){.anim-1,.anim-2,.anim-3,.anim-4,.anim-5,.anim-6,.anim-7,.anim-8{animation:none}}.a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8{max-width:100%}.a1{animation:fadeUp .4s 0s ease both}.a2{animation:fadeUp .4s .05s ease both}.a3{animation:fadeUp .4s .1s ease both}.a4{animation:fadeUp .4s .14s ease both}.a5{animation:fadeUp .4s .18s ease both}.a6{animation:fadeUp .4s .22s ease both}.a7{animation:fadeUp .4s .28s ease both}.a8{animation:fadeUp .4s .35s ease both}.ldot-white{width:6px;height:6px;border-radius:50%;background:#b7f4d8;box-shadow:0 0 0 2.5px #b7f4d84d;animation:blink 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes valPop{0%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(.93)}to{transform:scale(1)}}@keyframes balanceUpdate{0%{opacity:.4;transform:scale(.95) translateY(-4px)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}18%,54%{transform:translate(-5px)}36%,72%{transform:translate(5px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #56c59600}50%{box-shadow:0 0 0 6px #56c59633}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.ldot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 2.5px #56c5964d;animation:blink 2s ease-in-out infinite}.ldot-white{width:6px;height:6px;border-radius:50%;background:var(--color-mint-highlight);box-shadow:0 0 0 2.5px #b7f4d84d;animation:blink 2s ease-in-out infinite}.meal-card{background:var(--surface);border-radius:var(--r-2xl);border:1.5px solid var(--g100);overflow:hidden;box-shadow:var(--sh-sm);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);display:flex;flex-direction:column;position:relative;animation:fadeUp .38s ease both}.meal-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#56c59640}.mc-thumb{height:160px;aspect-ratio:4/3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden!important;flex-shrink:0;border-radius:var(--r-2xl) var(--r-2xl) 0 0!important;background:#fff}.mc-emoji{font-size:52px;line-height:1;-webkit-user-select:none;user-select:none}.mc-photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.mc-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.meal-card:last-child:nth-child(4n+1){grid-column:1/2}.mc-bg-g{background:linear-gradient(145deg,#ecfdf5,#d1fae5)}.mc-bg-a{background:linear-gradient(145deg,#fffbeb,#fef3c7)}.mc-bg-b{background:linear-gradient(145deg,#eff6ff,#dbeafe)}.mc-bg-p{background:linear-gradient(145deg,#faf5ff,#f3e8ff)}.mc-bg-r{background:linear-gradient(145deg,#fff1f2,#ffe4e6)}.mc-tags{position:absolute;top:9px;left:9px;display:flex;gap:5px;flex-wrap:wrap}.mc-tag{font-size:7.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-full);color:#fff;box-shadow:0 2px 8px #00000026}.tag-top{background:linear-gradient(135deg,var(--warning),var(--accent))}.tag-prot{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.tag-veg{background:linear-gradient(135deg,#16a34a,#22c55e)}.tag-new{background:linear-gradient(135deg,var(--info),#60a5fa)}.tag-spicy{background:linear-gradient(135deg,#dc2626,var(--danger))}.tag-fav{background:linear-gradient(135deg,#9333ea,var(--purple))}.mc-price{position:absolute;bottom:9px;right:9px;background:var(--primary-darker);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:var(--r-full)}.mc-wish{position:absolute;top:9px;right:9px;width:32px;height:32px;border-radius:var(--r-full);background:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:14px;border:none;box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:all var(--t-fast)}.mc-wish:hover{transform:scale(1.12);box-shadow:0 4px 12px #00000038}.mc-body{padding:14px 14px 12px;display:flex;flex-direction:column;flex:1}.mc-name{font-family:var(--font-body);font-size:14.5px;font-weight:700;color:var(--g900);letter-spacing:-.02em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-desc{font-size:12px;font-weight:300;color:var(--g500);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2lh}.mc-nut{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.mc-nut-p{background:var(--g50);border:1px solid var(--g100);border-radius:var(--r-md);padding:6px 4px;text-align:center;transition:background var(--t-fast)}.mc-nut-p:hover{background:var(--primary-light);border-color:#56c59633}.nut-ico{font-size:13px;line-height:1;margin-bottom:2px}.nut-val{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--g800)}.nut-lbl{font-size:10px;color:var(--g400);margin-top:1px}.mc-ing{margin-bottom:13px}.mc-ing-hd{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--g600);padding-bottom:6px;border-bottom:1.5px solid var(--g100);margin-bottom:8px}.mc-ing-hd span{font-size:13px}.mc-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:52px;overflow:hidden}.ing-chip{font-size:10.5px;font-weight:600;color:var(--g600);background:var(--g50);border:1px solid var(--g200);border-radius:var(--r-full);padding:4px 10px;cursor:default;pointer-events:none;transition:none;white-space:nowrap}.ing-chip:hover{background:var(--g50);border-color:var(--g200)}.ing-overflow{font-size:10px;font-weight:600;color:var(--g500);background:var(--g100);border:1px solid var(--g200);border-radius:var(--r-full);padding:2px 8px;align-self:center}.mc-footer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:0}.qty-ctrl{display:flex;align-items:center;background:var(--g100);border:1.5px solid var(--g200);border-radius:var(--r-full);overflow:hidden;flex-shrink:0}.qty-btn{width:30px;height:30px;background:transparent;border:none;color:var(--primary-dark);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast);cursor:pointer}.qty-btn.add-btn{background:var(--primary);color:#fff}.qty-btn.add-btn:hover{background:var(--primary-darker);box-shadow:0 3px 10px var(--primary-glow)}.qty-num{font-size:13px;font-weight:700;color:var(--g800);padding:0 10px;min-width:30px;text-align:center}.sub-btn{flex:1;min-height:var(--touch-target-min);background:transparent;color:var(--primary-dark);border:1.5px solid var(--primary);border-radius:var(--r-full);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:none;transition:all var(--t-fast);white-space:nowrap}.sub-btn:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:none}.sub-btn:active{transform:scale(.97)}.sub-btn.subscribed{background:var(--primary-light);color:var(--primary-dark);border:1.5px solid rgba(86,197,150,.3);font-weight:500;cursor:default;opacity:1;box-shadow:none}.sub-btn.subscribed:before{content:"\2713  ";font-size:11px}.sub-btn.subscribed:hover{transform:none;background:var(--primary-light)}.sub-btn.subscribed:active{transform:none}.sub-btn--subscribed{background:var(--primary-light);color:var(--primary-dark);border:1.5px solid rgba(86,197,150,.3);font-weight:500;cursor:default;opacity:1;box-shadow:none}.sub-btn--subscribed:before{content:"\2713  ";font-size:11px}.sub-btn--subscribed:hover{transform:none;background:var(--primary-light)}.sub-btn--subscribed:active{transform:none}.mob-sub-btn{flex:1;min-height:var(--touch-target-min);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--r-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 3px 10px var(--primary-glow);transition:all var(--t-fast);white-space:nowrap;cursor:pointer}.mob-sub-btn:hover{opacity:.9;transform:translateY(-1px)}.mob-sub-btn--subscribed{background:var(--primary-light);color:var(--primary-dark);border:1.5px solid rgba(86,197,150,.3);font-weight:500;opacity:1;cursor:default;box-shadow:none}.mob-sub-btn--subscribed:before{content:"\2713  ";font-size:11px}.mob-sub-btn--subscribed:hover{transform:none;background:var(--primary-light)}@media (max-width: 768px){.mc-nut-p{padding:5px 2px}.nut-val{font-size:10.5px}.nut-lbl{font-size:9px}.mc-ing{margin-bottom:8px}.mc-chips{max-height:28px;overflow:hidden;position:relative}.ing-chip:nth-child(n+3){display:none}.ing-overflow{display:inline-flex!important;background:#f0faf5;color:#1a7a4a;font-size:11px;padding:2px 8px;border-radius:10px;border:none}.mc-footer{gap:8px}.mc-footer app-quantity-controls{flex-shrink:0}.sub-btn{font-size:11.5px;padding:0 10px;min-height:44px;min-width:80px}.sub-btn:active{transform:scale(.97)}.mc-thumb{width:100%;aspect-ratio:16/9;height:auto}.mc-img,.mc-photo{width:100%;height:100%;object-fit:cover;object-position:center}.mc-thumb:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:1}}.skeleton-card{background:var(--surface);border-radius:var(--r-2xl);border:1.5px solid var(--g100);overflow:hidden}.sk-thumb{height:160px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 37%,var(--g100) 63%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite}.sk-body{padding:16px}.sk-line{height:11px;border-radius:var(--r-full);margin-bottom:10px;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 37%,var(--g100) 63%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite}.sk-line.w-80{width:80%}.sk-line.w-60{width:60%}.sk-line.w-40{width:40%}.sk-nut{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.sk-nut-p{height:52px;border-radius:var(--r-md);background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 37%,var(--g100) 63%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite}.sk-foot{display:flex;gap:8px}.sk-btn{height:32px;border-radius:var(--r-full);flex:1;background:linear-gradient(90deg,var(--g100) 25%,var(--g50) 37%,var(--g100) 63%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite}.toast-wrap{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;background:var(--g900);color:#fff;border-radius:var(--r-xl);padding:12px 18px;font-size:13.5px;font-weight:500;box-shadow:0 8px 28px #0003;animation:fadeUp .3s ease both;max-width:320px}.toast.success{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.toast.error{background:linear-gradient(135deg,#b91c1c,var(--danger))}.toast-ico{font-size:18px;flex-shrink:0}@media (max-width: 768px){.toast-wrap{bottom:90px;right:14px;left:14px}}html,body{overflow-x:hidden;max-width:100%}*,*:before,*:after{box-sizing:border-box}router-outlet+*{min-width:0;max-width:100%;overflow-x:hidden}.app-container{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md) + var(--safe-area-bottom))}.page-wrapper{padding:16px 32px 32px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.page-wrapper{padding:14px 20px 48px}}@media (max-width: 768px){.page-wrapper{padding:0!important;margin:0!important}}.page-wrapper--admin{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-3xl)}@media (max-width: 640px){.page-wrapper--admin{padding:var(--spacing-md) var(--spacing-md) 80px}}.content-width-md{max-width:768px;margin-left:auto;margin-right:auto}.content-width-lg{max-width:1024px;margin-left:auto;margin-right:auto}.section-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}@media (max-width: 768px){.section-header h2{font-size:var(--text-xl)}}.section-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}@media (max-width: 768px){.section-header h3{font-size:var(--text-lg)}}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (min-width: 768px){.section-subtitle{font-size:var(--text-base)}}.page-hero,app-page-hero{margin-bottom:24px}@media (max-width: 768px){.page-hero,app-page-hero{margin-bottom:var(--mobile-section-gap)}}.content-card,.card-modern,.section-card{padding:var(--spacing-lg)}@media (min-width: 768px){.content-card,.card-modern,.section-card{padding:var(--spacing-xl)}}@media (min-width: 1024px){.content-card,.card-modern,.section-card{padding:var(--spacing-2xl)}}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-100);gap:var(--spacing-md)}@media (max-width: 640px){.card-header{flex-direction:column;align-items:flex-start;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}}.card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}@media (min-width: 768px){.card-title{font-size:var(--text-xl)}}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}}.content-grid--sidebar{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.content-grid--sidebar{grid-template-columns:1fr var(--content-sidebar-w)}}.grid-2col{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.grid-2col{grid-template-columns:1fr 1fr}}.grid-3col{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.grid-3col{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.grid-3col{grid-template-columns:1fr 1fr 1fr}}.stats-grid,.quick-actions-grid,.categories-grid,.products-grid{display:grid;gap:var(--spacing-md)}@media (min-width: 640px){.stats-grid,.quick-actions-grid,.categories-grid,.products-grid{gap:var(--spacing-lg)}}@media (min-width: 1024px){.stats-grid,.quick-actions-grid,.categories-grid,.products-grid{gap:var(--spacing-xl)}}.layout-sidebar{display:grid;grid-template-columns:1fr var(--content-sidebar-w);gap:var(--spacing-lg);align-items:start}@media (max-width: 1200px){.layout-sidebar{grid-template-columns:1fr}}.grid-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.empty-state,.empty-subscriptions,.empty-orders-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);min-height:200px}@media (max-width: 640px){.empty-state,.empty-subscriptions,.empty-orders-state{padding:var(--spacing-2xl) var(--spacing-md);min-height:150px}}.empty-message{font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:400px}.loading-state,.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);min-height:300px}@media (max-width: 640px){.loading-state,.loading-section{padding:var(--spacing-2xl) var(--spacing-md);min-height:200px}}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@media (max-width: 640px){.spinner{width:40px;height:40px;margin-bottom:var(--spacing-md)}}.loading-text{font-size:var(--text-base);color:var(--text-secondary);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.bottom-spacer{height:var(--spacing-xl)}@media (max-width: 640px){.bottom-spacer{height:var(--spacing-lg)}}@media (min-width: 1024px){.bottom-spacer{height:var(--spacing-xl)}}.nav-clearance{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}.animate-fadeInUp{animation:fadeInUp .5s ease-out forwards;opacity:0%}@keyframes fadeInUp{0%{opacity:0%;transform:translateY(20px)}to{opacity:100%;transform:translateY(0)}}.nav-section-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px 8px}.nav-item{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:#374151;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#f9fafb;color:#111827}.nav-item.active,.nav-item[aria-current=page]{background:#f0fdf4;color:#16a34a;font-weight:600;position:relative}.nav-item.active:before,.nav-item[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#16a34a;border-radius:0 3px 3px 0}.nav-item.active .nav-icon,.nav-item[aria-current=page] .nav-icon{color:#16a34a}.nav-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.nav-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:auto}.nav-badge--new{background:#dcfce7;color:#16a34a}.nav-badge--active{background:#16a34a;color:#fff}.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border-top:1px solid var(--gray-100);margin-top:auto}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gray-200)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.sidebar-user-role{font-size:12px;color:#6b7280}.stats-row{display:grid;gap:14px}.stats-row--4-cols{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.stats-row--4-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-row--4-cols{grid-template-columns:repeat(2,1fr)}}.stats-row--3-cols{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.stats-row--3-cols{grid-template-columns:repeat(2,1fr)}.mobile-page-content{padding-left:var(--mobile-page-padding);padding-right:var(--mobile-page-padding)}.mobile-section{margin-bottom:var(--mobile-section-gap)}.full-bleed{margin-left:calc(-1 * var(--mobile-page-padding));margin-right:calc(-1 * var(--mobile-page-padding))}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-header--tight{margin-bottom:12px}.section-title{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.025em}.section-title--sm{font-size:16px}.section-sub{font-size:13px;color:var(--gray-400);margin-top:2px}.section-link{font-size:13px;font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-light);padding:6px 14px;border-radius:var(--radius-full);text-decoration:none;transition:all .15s ease}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.status-chip .dot{width:5px;height:5px;border-radius:50%}.status-chip.chip-green{background:var(--color-success-light);color:var(--color-success-dark)}.status-chip.chip-green .dot{background:var(--color-success)}.status-chip.chip-amber{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-chip.chip-amber .dot{background:var(--color-warning)}.status-chip.chip-blue{background:var(--color-info-light);color:var(--color-info-dark)}.status-chip.chip-blue .dot{background:var(--color-info)}.status-chip.chip-red{background:var(--color-danger-light);color:var(--color-danger)}.status-chip.chip-red .dot{background:var(--color-danger)}.badge{flex-shrink:0;padding:4px 11px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.04em}.badge.b-g{background:var(--color-success-light);color:var(--color-success-dark)}.badge.b-b{background:var(--color-info-light);color:var(--color-info-dark)}.badge.b-a{background:var(--color-warning-light);color:var(--color-warning-dark)}.stat-delta{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success-dark)}.stat-delta.flat{background:var(--color-info-light);color:var(--color-info-dark)}.stat-delta.down{background:var(--color-danger-light);color:var(--color-danger)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.status-badge--active,.status-badge--success{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge--paused,.status-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge--pending,.status-badge--info{background:var(--color-info-light);color:var(--color-info-dark)}.status-badge--error,.status-badge--cancelled,.status-badge--failed{background:var(--bg-danger-subtle);color:var(--color-danger)}.status-badge--cancelled{background:var(--gray-100);color:var(--gray-600)}.status-badge--draft{background:var(--gray-100);color:var(--gray-500)}.status-badge--processing{background:#e0e7ff;color:#4338ca}.status-badge--sm{font-size:10px;padding:2px 6px;gap:3px}.status-badge--sm .status-dot{width:4px;height:4px}.status-badge--lg{font-size:12px;padding:6px 12px;gap:6px}.status-badge--lg .status-dot{width:8px;height:8px}.status-badge--with-icon:before{content:"";width:12px;height:12px;background-size:contain;background-repeat:no-repeat;background-position:center}.status-badge--with-icon.status-badge--active:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")}.status-badge--with-icon.status-badge--paused:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d97706'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E")}@media (max-width: 640px){.status-badge{font-size:10px;padding:3px 8px}}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot--active,.status-dot--success{background:var(--color-success)}.status-dot--paused,.status-dot--warning{background:var(--color-warning)}.status-dot--pending,.status-dot--info{background:var(--color-info)}.status-dot--error,.status-dot--failed,.status-dot--cancelled{background:var(--color-danger)}.status-dot--draft{background:var(--gray-400)}.status-dot--processing{background:#6366f1}.status-dot--pulse{animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge-group{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);white-space:nowrap}.tag-badge--primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.tag-badge--success{background:var(--color-success-lightest);color:var(--color-success-dark)}.tag-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.tag-badge--danger{background:var(--bg-danger-subtle);color:var(--color-danger)}.tag-badge--info{background:var(--color-info-light);color:var(--color-info-dark)}@media (max-width: 640px){.tag-badge{font-size:10px;padding:2px 6px}}@media (prefers-reduced-motion: reduce){.status-dot--pulse{animation:none}}.qty-ctrl{display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius-full);border:1px solid var(--gray-200);overflow:hidden}.qty-btn{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);border:none;background:transparent;color:var(--color-primary-dark);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.qty-btn:hover{background:#56c59626}.qty-btn.add{background:var(--color-primary);color:#fff}.qty-btn.add:hover{background:var(--color-primary-dark)}.qty-num{font-size:12.5px;font-weight:700;color:var(--gray-800);padding:0 8px}.progress-bar{height:6px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.progress-fill.fill-primary{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark))}.progress-fill.fill-purple{background:linear-gradient(90deg,#a855f7,#c084fc)}.progress-fill.fill-warning{background:linear-gradient(90deg,var(--color-warning),var(--color-accent))}.btn,.btn-warning,.btn--warning,.btn-action-cancel,.btn-info,.btn--info,.btn-action-modify,.btn-primary-ghost,.btn--primary-ghost,.btn-success,.btn--success,.btn-action-duplicate,.btn-danger,.btn--danger,.btn-ghost,.btn--ghost,.btn-outline,.btn--outline,.btn-secondary,.btn--secondary,.btn-primary,.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.625rem 1.5rem;width:auto;flex:0 1 auto;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);text-decoration:none;white-space:nowrap;text-align:center;border:2px solid transparent;border-radius:var(--radius-xl);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base);will-change:transform,box-shadow}.btn:focus,.btn-warning:focus,.btn--warning:focus,.btn-action-cancel:focus,.btn-info:focus,.btn--info:focus,.btn-action-modify:focus,.btn-primary-ghost:focus,.btn--primary-ghost:focus,.btn-success:focus,.btn--success:focus,.btn-action-duplicate:focus,.btn-danger:focus,.btn--danger:focus,.btn-ghost:focus,.btn--ghost:focus,.btn-outline:focus,.btn--outline:focus,.btn-secondary:focus,.btn--secondary:focus,.btn-primary:focus,.btn--primary:focus{outline:none}.btn:focus-visible,.btn-warning:focus-visible,.btn--warning:focus-visible,.btn-action-cancel:focus-visible,.btn-info:focus-visible,.btn--info:focus-visible,.btn-action-modify:focus-visible,.btn-primary-ghost:focus-visible,.btn--primary-ghost:focus-visible,.btn-success:focus-visible,.btn--success:focus-visible,.btn-action-duplicate:focus-visible,.btn-danger:focus-visible,.btn--danger:focus-visible,.btn-ghost:focus-visible,.btn--ghost:focus-visible,.btn-outline:focus-visible,.btn--outline:focus-visible,.btn-secondary:focus-visible,.btn--secondary:focus-visible,.btn-primary:focus-visible,.btn--primary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px #56c59633}@media (hover: hover){.btn:not(:disabled):hover,.btn-warning:not(:disabled):hover,.btn--warning:not(:disabled):hover,.btn-action-cancel:not(:disabled):hover,.btn-info:not(:disabled):hover,.btn--info:not(:disabled):hover,.btn-action-modify:not(:disabled):hover,.btn-primary-ghost:not(:disabled):hover,.btn--primary-ghost:not(:disabled):hover,.btn-success:not(:disabled):hover,.btn--success:not(:disabled):hover,.btn-action-duplicate:not(:disabled):hover,.btn-danger:not(:disabled):hover,.btn--danger:not(:disabled):hover,.btn-ghost:not(:disabled):hover,.btn--ghost:not(:disabled):hover,.btn-outline:not(:disabled):hover,.btn--outline:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.btn--secondary:not(:disabled):hover,.btn-primary:not(:disabled):hover,.btn--primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.btn:not(:disabled):active,.btn-warning:not(:disabled):active,.btn--warning:not(:disabled):active,.btn-action-cancel:not(:disabled):active,.btn-info:not(:disabled):active,.btn--info:not(:disabled):active,.btn-action-modify:not(:disabled):active,.btn-primary-ghost:not(:disabled):active,.btn--primary-ghost:not(:disabled):active,.btn-success:not(:disabled):active,.btn--success:not(:disabled):active,.btn-action-duplicate:not(:disabled):active,.btn-danger:not(:disabled):active,.btn--danger:not(:disabled):active,.btn-ghost:not(:disabled):active,.btn--ghost:not(:disabled):active,.btn-outline:not(:disabled):active,.btn--outline:not(:disabled):active,.btn-secondary:not(:disabled):active,.btn--secondary:not(:disabled):active,.btn-primary:not(:disabled):active,.btn--primary:not(:disabled):active{transform:scale(.97) translateY(0);transition-duration:.08s}.btn:disabled,.btn-warning:disabled,.btn--warning:disabled,.btn-action-cancel:disabled,.btn-info:disabled,.btn--info:disabled,.btn-action-modify:disabled,.btn-primary-ghost:disabled,.btn--primary-ghost:disabled,.btn-success:disabled,.btn--success:disabled,.btn-action-duplicate:disabled,.btn-danger:disabled,.btn--danger:disabled,.btn-ghost:disabled,.btn--ghost:disabled,.btn-outline:disabled,.btn--outline:disabled,.btn-secondary:disabled,.btn--secondary:disabled,.btn-primary:disabled,.btn--primary:disabled{opacity:50%;cursor:not-allowed;pointer-events:none}.btn.is-loading,.is-loading.btn-warning,.is-loading.btn--warning,.is-loading.btn-action-cancel,.is-loading.btn-info,.is-loading.btn--info,.is-loading.btn-action-modify,.is-loading.btn-primary-ghost,.is-loading.btn--primary-ghost,.is-loading.btn-success,.is-loading.btn--success,.is-loading.btn-action-duplicate,.is-loading.btn-danger,.is-loading.btn--danger,.is-loading.btn-ghost,.is-loading.btn--ghost,.is-loading.btn-outline,.is-loading.btn--outline,.is-loading.btn-secondary,.is-loading.btn--secondary,.is-loading.btn-primary,.is-loading.btn--primary{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after,.is-loading.btn-warning:after,.is-loading.btn--warning:after,.is-loading.btn-action-cancel:after,.is-loading.btn-info:after,.is-loading.btn--info:after,.is-loading.btn-action-modify:after,.is-loading.btn-primary-ghost:after,.is-loading.btn--primary-ghost:after,.is-loading.btn-success:after,.is-loading.btn--success:after,.is-loading.btn-action-duplicate:after,.is-loading.btn-danger:after,.is-loading.btn--danger:after,.is-loading.btn-ghost:after,.is-loading.btn--ghost:after,.is-loading.btn-outline:after,.is-loading.btn--outline:after,.is-loading.btn-secondary:after,.is-loading.btn--secondary:after,.is-loading.btn-primary:after,.is-loading.btn--primary:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-primary,.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);border-color:transparent}@media (hover: hover){.btn-primary:not(:disabled):hover,.btn--primary:not(:disabled):hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-dark));box-shadow:0 10px 25px #56c5964d}}.btn-primary:not(:disabled):active,.btn--primary:not(:disabled):active{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:translateY(1px)}.btn-secondary,.btn--secondary{background:var(--gray-100);color:var(--text-primary);border-color:var(--gray-200)}@media (hover: hover){.btn-secondary:not(:disabled):hover,.btn--secondary:not(:disabled):hover{background:var(--gray-200);border-color:var(--gray-300)}}.btn-secondary:focus-visible,.btn--secondary:focus-visible{outline-color:var(--gray-600);box-shadow:0 0 0 4px #6b728033}.btn-outline,.btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}@media (hover: hover){.btn-outline:not(:disabled):hover,.btn--outline:not(:disabled):hover{background:var(--color-primary);color:var(--text-inverse)}}.btn-ghost,.btn--ghost{background:transparent;color:var(--text-primary);border:2px solid transparent}@media (hover: hover){.btn-ghost:not(:disabled):hover,.btn--ghost:not(:disabled):hover{background:var(--gray-100)}}.btn-danger,.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--text-inverse);border-color:transparent}@media (hover: hover){.btn-danger:not(:disabled):hover,.btn--danger:not(:disabled):hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 25px #ef44444d}}.btn-danger:focus-visible,.btn--danger:focus-visible{outline-color:var(--color-danger);box-shadow:0 0 0 4px #ef444433}.btn-success,.btn--success,.btn-action-duplicate{background:linear-gradient(135deg,var(--bg-success-subtle),var(--bg-success-muted));color:var(--color-success-darker);border-color:var(--bg-success-light)}@media (hover: hover){.btn-success:not(:disabled):hover,.btn--success:not(:disabled):hover,.btn-action-duplicate:not(:disabled):hover{background:linear-gradient(135deg,var(--bg-success-muted),var(--bg-success-light));border-color:var(--color-success-light)}}.btn-success:focus-visible,.btn--success:focus-visible,.btn-action-duplicate:focus-visible{outline-color:var(--color-success);box-shadow:0 0 0 3px #10b98133}.btn-primary-ghost,.btn--primary-ghost{background:transparent;color:var(--color-primary-dark);border:2px solid transparent}@media (hover: hover){.btn-primary-ghost:not(:disabled):hover,.btn--primary-ghost:not(:disabled):hover{background:#56c59614;color:var(--color-primary)}}.btn-primary-ghost:focus-visible,.btn--primary-ghost:focus-visible{outline-color:var(--color-primary);box-shadow:0 0 0 4px #56c59626}.btn-info,.btn--info,.btn-action-modify{background:linear-gradient(135deg,var(--bg-info-subtle),var(--bg-info-muted));color:var(--color-info-darker);border-color:var(--bg-info-light)}@media (hover: hover){.btn-info:not(:disabled):hover,.btn--info:not(:disabled):hover,.btn-action-modify:not(:disabled):hover{background:linear-gradient(135deg,var(--bg-info-muted),var(--bg-info-light));border-color:var(--color-info-light)}}.btn-info:focus-visible,.btn--info:focus-visible,.btn-action-modify:focus-visible{outline-color:var(--color-info);box-shadow:0 0 0 3px #3b82f633}.btn-warning,.btn--warning,.btn-action-cancel{background:linear-gradient(135deg,var(--bg-warning-subtle),var(--bg-warning-muted));color:var(--color-error-darker);border-color:var(--bg-warning-light)}@media (hover: hover){.btn-warning:not(:disabled):hover,.btn--warning:not(:disabled):hover,.btn-action-cancel:not(:disabled):hover{background:linear-gradient(135deg,var(--bg-warning-muted),var(--bg-warning-light));border-color:var(--color-danger-light)}}.btn-warning:focus-visible,.btn--warning:focus-visible,.btn-action-cancel:focus-visible{outline-color:var(--color-warning);box-shadow:0 0 0 3px #f9731633}.btn-sm,.btn--sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.5rem 1rem;font-size:var(--text-sm)}@media (max-width: 768px){.btn-sm,.btn--sm{min-height:var(--touch-target-comfortable);padding:.625rem 1.25rem}}.btn-lg,.btn--lg{min-height:52px;min-width:52px;padding:.875rem 2rem;font-size:var(--text-lg)}@media (max-width: 768px){.btn-lg,.btn--lg{min-height:56px;padding:1rem 2.5rem;font-size:1.125rem}}.btn-full,.btn--full{width:100%;flex:1 1 auto}.btn-icon,.btn--icon{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:.625rem}.btn-icon.btn-sm,.btn-sm.btn--icon,.btn-icon.btn--sm,.btn--sm.btn--icon{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:.5rem}.btn-icon.btn-lg,.btn-lg.btn--icon,.btn-icon.btn--lg,.btn--lg.btn--icon{min-width:52px;min-height:52px;padding:.875rem}@media (max-width: 768px){.btn-icon,.btn--icon{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);padding:.75rem}}.btn-group{display:flex;gap:var(--spacing-sm);align-items:stretch}.btn-group .btn,.btn-group .btn-primary,.btn-group .btn--primary,.btn-group .btn-secondary,.btn-group .btn--secondary,.btn-group .btn-outline,.btn-group .btn--outline,.btn-group .btn-ghost,.btn-group .btn--ghost,.btn-group .btn-danger,.btn-group .btn--danger,.btn-group .btn-success,.btn-group .btn--success,.btn-group .btn-action-duplicate,.btn-group .btn-primary-ghost,.btn-group .btn--primary-ghost,.btn-group .btn-info,.btn-group .btn--info,.btn-group .btn-action-modify,.btn-group .btn-warning,.btn-group .btn--warning,.btn-group .btn-action-cancel{flex:1 1 auto;min-width:80px}@media (max-width: 768px){.btn-group{flex-direction:column;gap:var(--spacing-sm)}.btn-group .btn,.btn-group .btn-primary,.btn-group .btn--primary,.btn-group .btn-secondary,.btn-group .btn--secondary,.btn-group .btn-outline,.btn-group .btn--outline,.btn-group .btn-ghost,.btn-group .btn--ghost,.btn-group .btn-danger,.btn-group .btn--danger,.btn-group .btn-success,.btn-group .btn--success,.btn-group .btn-action-duplicate,.btn-group .btn-primary-ghost,.btn-group .btn--primary-ghost,.btn-group .btn-info,.btn-group .btn--info,.btn-group .btn-action-modify,.btn-group .btn-warning,.btn-group .btn--warning,.btn-group .btn-action-cancel{width:100%;flex:none}}.order-actions{display:flex;gap:var(--spacing-sm);align-items:stretch;margin-top:var(--spacing-lg)}.order-actions .btn,.order-actions .btn-primary,.order-actions .btn--primary,.order-actions .btn-secondary,.order-actions .btn--secondary,.order-actions .btn-outline,.order-actions .btn--outline,.order-actions .btn-ghost,.order-actions .btn--ghost,.order-actions .btn-danger,.order-actions .btn--danger,.order-actions .btn-success,.order-actions .btn--success,.order-actions .btn-action-duplicate,.order-actions .btn-primary-ghost,.order-actions .btn--primary-ghost,.order-actions .btn-info,.order-actions .btn--info,.order-actions .btn-action-modify,.order-actions .btn-warning,.order-actions .btn--warning,.order-actions .btn-action-cancel{flex:1 1 0;min-width:0}@media (max-width: 640px){.order-actions{flex-direction:column;gap:var(--spacing-sm)}.order-actions .btn,.order-actions .btn-primary,.order-actions .btn--primary,.order-actions .btn-secondary,.order-actions .btn--secondary,.order-actions .btn-outline,.order-actions .btn--outline,.order-actions .btn-ghost,.order-actions .btn--ghost,.order-actions .btn-danger,.order-actions .btn--danger,.order-actions .btn-success,.order-actions .btn--success,.order-actions .btn-action-duplicate,.order-actions .btn-primary-ghost,.order-actions .btn--primary-ghost,.order-actions .btn-info,.order-actions .btn--info,.order-actions .btn-action-modify,.order-actions .btn-warning,.order-actions .btn--warning,.order-actions .btn-action-cancel{width:100%}}@media (min-width: 640px) and (max-width: 768px){.order-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.order-actions .btn:first-child:nth-last-child(3),.order-actions .btn-primary:first-child:nth-last-child(3),.order-actions .btn--primary:first-child:nth-last-child(3),.order-actions .btn-secondary:first-child:nth-last-child(3),.order-actions .btn--secondary:first-child:nth-last-child(3),.order-actions .btn-outline:first-child:nth-last-child(3),.order-actions .btn--outline:first-child:nth-last-child(3),.order-actions .btn-ghost:first-child:nth-last-child(3),.order-actions .btn--ghost:first-child:nth-last-child(3),.order-actions .btn-danger:first-child:nth-last-child(3),.order-actions .btn--danger:first-child:nth-last-child(3),.order-actions .btn-success:first-child:nth-last-child(3),.order-actions .btn--success:first-child:nth-last-child(3),.order-actions .btn-action-duplicate:first-child:nth-last-child(3),.order-actions .btn-primary-ghost:first-child:nth-last-child(3),.order-actions .btn--primary-ghost:first-child:nth-last-child(3),.order-actions .btn-info:first-child:nth-last-child(3),.order-actions .btn--info:first-child:nth-last-child(3),.order-actions .btn-action-modify:first-child:nth-last-child(3),.order-actions .btn-warning:first-child:nth-last-child(3),.order-actions .btn--warning:first-child:nth-last-child(3),.order-actions .btn-action-cancel:first-child:nth-last-child(3){grid-column:1/-1}}@media (max-width: 768px){.btn,.btn-primary,.btn--primary,.btn-secondary,.btn--secondary,.btn-outline,.btn--outline,.btn-ghost,.btn--ghost,.btn-danger,.btn--danger,.btn-success,.btn--success,.btn-action-duplicate,.btn-primary-ghost,.btn--primary-ghost,.btn-info,.btn--info,.btn-action-modify,.btn-warning,.btn--warning,.btn-action-cancel{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:.75rem 1.5rem}.btn-responsive{width:100%}.btn+.btn,.btn-primary+.btn,.btn--primary+.btn,.btn-secondary+.btn,.btn--secondary+.btn,.btn-outline+.btn,.btn--outline+.btn,.btn-ghost+.btn,.btn--ghost+.btn,.btn-danger+.btn,.btn--danger+.btn,.btn-success+.btn,.btn--success+.btn,.btn-action-duplicate+.btn,.btn-primary-ghost+.btn,.btn--primary-ghost+.btn,.btn-info+.btn,.btn--info+.btn,.btn-action-modify+.btn,.btn-warning+.btn,.btn--warning+.btn,.btn-action-cancel+.btn,.btn+.btn-primary,.btn+.btn--primary,.btn-primary+.btn-primary,.btn--primary+.btn-primary,.btn-primary+.btn--primary,.btn--primary+.btn--primary,.btn-secondary+.btn-primary,.btn--secondary+.btn-primary,.btn-secondary+.btn--primary,.btn--secondary+.btn--primary,.btn-outline+.btn-primary,.btn--outline+.btn-primary,.btn-outline+.btn--primary,.btn--outline+.btn--primary,.btn-ghost+.btn-primary,.btn--ghost+.btn-primary,.btn-ghost+.btn--primary,.btn--ghost+.btn--primary,.btn-danger+.btn-primary,.btn--danger+.btn-primary,.btn-danger+.btn--primary,.btn--danger+.btn--primary,.btn-success+.btn-primary,.btn--success+.btn-primary,.btn-success+.btn--primary,.btn--success+.btn--primary,.btn-action-duplicate+.btn-primary,.btn-action-duplicate+.btn--primary,.btn-primary-ghost+.btn-primary,.btn--primary-ghost+.btn-primary,.btn-primary-ghost+.btn--primary,.btn--primary-ghost+.btn--primary,.btn-info+.btn-primary,.btn--info+.btn-primary,.btn-info+.btn--primary,.btn--info+.btn--primary,.btn-action-modify+.btn-primary,.btn-action-modify+.btn--primary,.btn-warning+.btn-primary,.btn--warning+.btn-primary,.btn-warning+.btn--primary,.btn--warning+.btn--primary,.btn-action-cancel+.btn-primary,.btn-action-cancel+.btn--primary,.btn+.btn-secondary,.btn+.btn--secondary,.btn-primary+.btn-secondary,.btn-primary+.btn--secondary,.btn--primary+.btn-secondary,.btn--primary+.btn--secondary,.btn-secondary+.btn-secondary,.btn--secondary+.btn-secondary,.btn-secondary+.btn--secondary,.btn--secondary+.btn--secondary,.btn-outline+.btn-secondary,.btn--outline+.btn-secondary,.btn-outline+.btn--secondary,.btn--outline+.btn--secondary,.btn-ghost+.btn-secondary,.btn--ghost+.btn-secondary,.btn-ghost+.btn--secondary,.btn--ghost+.btn--secondary,.btn-danger+.btn-secondary,.btn--danger+.btn-secondary,.btn-danger+.btn--secondary,.btn--danger+.btn--secondary,.btn-success+.btn-secondary,.btn--success+.btn-secondary,.btn-success+.btn--secondary,.btn--success+.btn--secondary,.btn-action-duplicate+.btn-secondary,.btn-action-duplicate+.btn--secondary,.btn-primary-ghost+.btn-secondary,.btn-primary-ghost+.btn--secondary,.btn--primary-ghost+.btn-secondary,.btn--primary-ghost+.btn--secondary,.btn-info+.btn-secondary,.btn--info+.btn-secondary,.btn-info+.btn--secondary,.btn--info+.btn--secondary,.btn-action-modify+.btn-secondary,.btn-action-modify+.btn--secondary,.btn-warning+.btn-secondary,.btn--warning+.btn-secondary,.btn-warning+.btn--secondary,.btn--warning+.btn--secondary,.btn-action-cancel+.btn-secondary,.btn-action-cancel+.btn--secondary,.btn+.btn-outline,.btn+.btn--outline,.btn-primary+.btn-outline,.btn-primary+.btn--outline,.btn--primary+.btn-outline,.btn--primary+.btn--outline,.btn-secondary+.btn-outline,.btn-secondary+.btn--outline,.btn--secondary+.btn-outline,.btn--secondary+.btn--outline,.btn-outline+.btn-outline,.btn--outline+.btn-outline,.btn-outline+.btn--outline,.btn--outline+.btn--outline,.btn-ghost+.btn-outline,.btn--ghost+.btn-outline,.btn-ghost+.btn--outline,.btn--ghost+.btn--outline,.btn-danger+.btn-outline,.btn--danger+.btn-outline,.btn-danger+.btn--outline,.btn--danger+.btn--outline,.btn-success+.btn-outline,.btn--success+.btn-outline,.btn-success+.btn--outline,.btn--success+.btn--outline,.btn-action-duplicate+.btn-outline,.btn-action-duplicate+.btn--outline,.btn-primary-ghost+.btn-outline,.btn-primary-ghost+.btn--outline,.btn--primary-ghost+.btn-outline,.btn--primary-ghost+.btn--outline,.btn-info+.btn-outline,.btn--info+.btn-outline,.btn-info+.btn--outline,.btn--info+.btn--outline,.btn-action-modify+.btn-outline,.btn-action-modify+.btn--outline,.btn-warning+.btn-outline,.btn--warning+.btn-outline,.btn-warning+.btn--outline,.btn--warning+.btn--outline,.btn-action-cancel+.btn-outline,.btn-action-cancel+.btn--outline,.btn+.btn-ghost,.btn+.btn--ghost,.btn-primary+.btn-ghost,.btn-primary+.btn--ghost,.btn--primary+.btn-ghost,.btn--primary+.btn--ghost,.btn-secondary+.btn-ghost,.btn-secondary+.btn--ghost,.btn--secondary+.btn-ghost,.btn--secondary+.btn--ghost,.btn-outline+.btn-ghost,.btn-outline+.btn--ghost,.btn--outline+.btn-ghost,.btn--outline+.btn--ghost,.btn-ghost+.btn-ghost,.btn--ghost+.btn-ghost,.btn-ghost+.btn--ghost,.btn--ghost+.btn--ghost,.btn-danger+.btn-ghost,.btn--danger+.btn-ghost,.btn-danger+.btn--ghost,.btn--danger+.btn--ghost,.btn-success+.btn-ghost,.btn--success+.btn-ghost,.btn-success+.btn--ghost,.btn--success+.btn--ghost,.btn-action-duplicate+.btn-ghost,.btn-action-duplicate+.btn--ghost,.btn-primary-ghost+.btn-ghost,.btn-primary-ghost+.btn--ghost,.btn--primary-ghost+.btn-ghost,.btn--primary-ghost+.btn--ghost,.btn-info+.btn-ghost,.btn--info+.btn-ghost,.btn-info+.btn--ghost,.btn--info+.btn--ghost,.btn-action-modify+.btn-ghost,.btn-action-modify+.btn--ghost,.btn-warning+.btn-ghost,.btn--warning+.btn-ghost,.btn-warning+.btn--ghost,.btn--warning+.btn--ghost,.btn-action-cancel+.btn-ghost,.btn-action-cancel+.btn--ghost,.btn+.btn-danger,.btn+.btn--danger,.btn-primary+.btn-danger,.btn-primary+.btn--danger,.btn--primary+.btn-danger,.btn--primary+.btn--danger,.btn-secondary+.btn-danger,.btn-secondary+.btn--danger,.btn--secondary+.btn-danger,.btn--secondary+.btn--danger,.btn-outline+.btn-danger,.btn-outline+.btn--danger,.btn--outline+.btn-danger,.btn--outline+.btn--danger,.btn-ghost+.btn-danger,.btn-ghost+.btn--danger,.btn--ghost+.btn-danger,.btn--ghost+.btn--danger,.btn-danger+.btn-danger,.btn--danger+.btn-danger,.btn-danger+.btn--danger,.btn--danger+.btn--danger,.btn-success+.btn-danger,.btn--success+.btn-danger,.btn-success+.btn--danger,.btn--success+.btn--danger,.btn-action-duplicate+.btn-danger,.btn-action-duplicate+.btn--danger,.btn-primary-ghost+.btn-danger,.btn-primary-ghost+.btn--danger,.btn--primary-ghost+.btn-danger,.btn--primary-ghost+.btn--danger,.btn-info+.btn-danger,.btn--info+.btn-danger,.btn-info+.btn--danger,.btn--info+.btn--danger,.btn-action-modify+.btn-danger,.btn-action-modify+.btn--danger,.btn-warning+.btn-danger,.btn--warning+.btn-danger,.btn-warning+.btn--danger,.btn--warning+.btn--danger,.btn-action-cancel+.btn-danger,.btn-action-cancel+.btn--danger,.btn+.btn-success,.btn+.btn--success,.btn+.btn-action-duplicate,.btn-primary+.btn-success,.btn-primary+.btn--success,.btn--primary+.btn-success,.btn--primary+.btn--success,.btn-primary+.btn-action-duplicate,.btn--primary+.btn-action-duplicate,.btn-secondary+.btn-success,.btn-secondary+.btn--success,.btn--secondary+.btn-success,.btn--secondary+.btn--success,.btn-secondary+.btn-action-duplicate,.btn--secondary+.btn-action-duplicate,.btn-outline+.btn-success,.btn-outline+.btn--success,.btn--outline+.btn-success,.btn--outline+.btn--success,.btn-outline+.btn-action-duplicate,.btn--outline+.btn-action-duplicate,.btn-ghost+.btn-success,.btn-ghost+.btn--success,.btn--ghost+.btn-success,.btn--ghost+.btn--success,.btn-ghost+.btn-action-duplicate,.btn--ghost+.btn-action-duplicate,.btn-danger+.btn-success,.btn-danger+.btn--success,.btn--danger+.btn-success,.btn--danger+.btn--success,.btn-danger+.btn-action-duplicate,.btn--danger+.btn-action-duplicate,.btn-success+.btn-success,.btn--success+.btn-success,.btn-success+.btn--success,.btn--success+.btn--success,.btn-action-duplicate+.btn-success,.btn-action-duplicate+.btn--success,.btn-success+.btn-action-duplicate,.btn--success+.btn-action-duplicate,.btn-action-duplicate+.btn-action-duplicate,.btn-primary-ghost+.btn-success,.btn-primary-ghost+.btn--success,.btn--primary-ghost+.btn-success,.btn--primary-ghost+.btn--success,.btn-primary-ghost+.btn-action-duplicate,.btn--primary-ghost+.btn-action-duplicate,.btn-info+.btn-success,.btn--info+.btn-success,.btn-info+.btn--success,.btn--info+.btn--success,.btn-info+.btn-action-duplicate,.btn--info+.btn-action-duplicate,.btn-action-modify+.btn-success,.btn-action-modify+.btn--success,.btn-action-modify+.btn-action-duplicate,.btn-warning+.btn-success,.btn--warning+.btn-success,.btn-warning+.btn--success,.btn--warning+.btn--success,.btn-action-cancel+.btn-success,.btn-action-cancel+.btn--success,.btn-warning+.btn-action-duplicate,.btn--warning+.btn-action-duplicate,.btn-action-cancel+.btn-action-duplicate,.btn+.btn-primary-ghost,.btn+.btn--primary-ghost,.btn-primary+.btn-primary-ghost,.btn-primary+.btn--primary-ghost,.btn--primary+.btn-primary-ghost,.btn--primary+.btn--primary-ghost,.btn-secondary+.btn-primary-ghost,.btn--secondary+.btn-primary-ghost,.btn-secondary+.btn--primary-ghost,.btn--secondary+.btn--primary-ghost,.btn-outline+.btn-primary-ghost,.btn--outline+.btn-primary-ghost,.btn-outline+.btn--primary-ghost,.btn--outline+.btn--primary-ghost,.btn-ghost+.btn-primary-ghost,.btn--ghost+.btn-primary-ghost,.btn-ghost+.btn--primary-ghost,.btn--ghost+.btn--primary-ghost,.btn-danger+.btn-primary-ghost,.btn--danger+.btn-primary-ghost,.btn-danger+.btn--primary-ghost,.btn--danger+.btn--primary-ghost,.btn-success+.btn-primary-ghost,.btn--success+.btn-primary-ghost,.btn-success+.btn--primary-ghost,.btn--success+.btn--primary-ghost,.btn-action-duplicate+.btn-primary-ghost,.btn-action-duplicate+.btn--primary-ghost,.btn-primary-ghost+.btn-primary-ghost,.btn--primary-ghost+.btn-primary-ghost,.btn-primary-ghost+.btn--primary-ghost,.btn--primary-ghost+.btn--primary-ghost,.btn-info+.btn-primary-ghost,.btn--info+.btn-primary-ghost,.btn-info+.btn--primary-ghost,.btn--info+.btn--primary-ghost,.btn-action-modify+.btn-primary-ghost,.btn-action-modify+.btn--primary-ghost,.btn-warning+.btn-primary-ghost,.btn--warning+.btn-primary-ghost,.btn-warning+.btn--primary-ghost,.btn--warning+.btn--primary-ghost,.btn-action-cancel+.btn-primary-ghost,.btn-action-cancel+.btn--primary-ghost,.btn+.btn-info,.btn+.btn--info,.btn+.btn-action-modify,.btn-primary+.btn-info,.btn-primary+.btn--info,.btn--primary+.btn-info,.btn--primary+.btn--info,.btn-primary+.btn-action-modify,.btn--primary+.btn-action-modify,.btn-secondary+.btn-info,.btn-secondary+.btn--info,.btn--secondary+.btn-info,.btn--secondary+.btn--info,.btn-secondary+.btn-action-modify,.btn--secondary+.btn-action-modify,.btn-outline+.btn-info,.btn-outline+.btn--info,.btn--outline+.btn-info,.btn--outline+.btn--info,.btn-outline+.btn-action-modify,.btn--outline+.btn-action-modify,.btn-ghost+.btn-info,.btn-ghost+.btn--info,.btn--ghost+.btn-info,.btn--ghost+.btn--info,.btn-ghost+.btn-action-modify,.btn--ghost+.btn-action-modify,.btn-danger+.btn-info,.btn-danger+.btn--info,.btn--danger+.btn-info,.btn--danger+.btn--info,.btn-danger+.btn-action-modify,.btn--danger+.btn-action-modify,.btn-success+.btn-info,.btn-success+.btn--info,.btn--success+.btn-info,.btn--success+.btn--info,.btn-action-duplicate+.btn-info,.btn-action-duplicate+.btn--info,.btn-success+.btn-action-modify,.btn--success+.btn-action-modify,.btn-action-duplicate+.btn-action-modify,.btn-primary-ghost+.btn-info,.btn-primary-ghost+.btn--info,.btn--primary-ghost+.btn-info,.btn--primary-ghost+.btn--info,.btn-primary-ghost+.btn-action-modify,.btn--primary-ghost+.btn-action-modify,.btn-info+.btn-info,.btn--info+.btn-info,.btn-info+.btn--info,.btn--info+.btn--info,.btn-action-modify+.btn-info,.btn-action-modify+.btn--info,.btn-info+.btn-action-modify,.btn--info+.btn-action-modify,.btn-action-modify+.btn-action-modify,.btn-warning+.btn-info,.btn--warning+.btn-info,.btn-warning+.btn--info,.btn--warning+.btn--info,.btn-action-cancel+.btn-info,.btn-action-cancel+.btn--info,.btn-warning+.btn-action-modify,.btn--warning+.btn-action-modify,.btn-action-cancel+.btn-action-modify,.btn+.btn-warning,.btn+.btn--warning,.btn+.btn-action-cancel,.btn-primary+.btn-warning,.btn-primary+.btn--warning,.btn--primary+.btn-warning,.btn--primary+.btn--warning,.btn-primary+.btn-action-cancel,.btn--primary+.btn-action-cancel,.btn-secondary+.btn-warning,.btn-secondary+.btn--warning,.btn--secondary+.btn-warning,.btn--secondary+.btn--warning,.btn-secondary+.btn-action-cancel,.btn--secondary+.btn-action-cancel,.btn-outline+.btn-warning,.btn-outline+.btn--warning,.btn--outline+.btn-warning,.btn--outline+.btn--warning,.btn-outline+.btn-action-cancel,.btn--outline+.btn-action-cancel,.btn-ghost+.btn-warning,.btn-ghost+.btn--warning,.btn--ghost+.btn-warning,.btn--ghost+.btn--warning,.btn-ghost+.btn-action-cancel,.btn--ghost+.btn-action-cancel,.btn-danger+.btn-warning,.btn-danger+.btn--warning,.btn--danger+.btn-warning,.btn--danger+.btn--warning,.btn-danger+.btn-action-cancel,.btn--danger+.btn-action-cancel,.btn-success+.btn-warning,.btn-success+.btn--warning,.btn--success+.btn-warning,.btn--success+.btn--warning,.btn-success+.btn-action-cancel,.btn--success+.btn-action-cancel,.btn-action-duplicate+.btn-warning,.btn-action-duplicate+.btn--warning,.btn-action-duplicate+.btn-action-cancel,.btn-primary-ghost+.btn-warning,.btn-primary-ghost+.btn--warning,.btn--primary-ghost+.btn-warning,.btn--primary-ghost+.btn--warning,.btn-primary-ghost+.btn-action-cancel,.btn--primary-ghost+.btn-action-cancel,.btn-info+.btn-warning,.btn-info+.btn--warning,.btn--info+.btn-warning,.btn--info+.btn--warning,.btn-info+.btn-action-cancel,.btn--info+.btn-action-cancel,.btn-action-modify+.btn-warning,.btn-action-modify+.btn--warning,.btn-action-modify+.btn-action-cancel,.btn-warning+.btn-warning,.btn--warning+.btn-warning,.btn-warning+.btn--warning,.btn--warning+.btn--warning,.btn-action-cancel+.btn-warning,.btn-action-cancel+.btn--warning,.btn-warning+.btn-action-cancel,.btn--warning+.btn-action-cancel,.btn-action-cancel+.btn-action-cancel{margin-top:var(--spacing-sm)}}.success-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;align-items:stretch}.success-actions .btn,.success-actions .btn-primary,.success-actions .btn--primary,.success-actions .btn-secondary,.success-actions .btn--secondary,.success-actions .btn-outline,.success-actions .btn--outline,.success-actions .btn-ghost,.success-actions .btn--ghost,.success-actions .btn-danger,.success-actions .btn--danger,.success-actions .btn-success,.success-actions .btn--success,.success-actions .btn-action-duplicate,.success-actions .btn-primary-ghost,.success-actions .btn--primary-ghost,.success-actions .btn-info,.success-actions .btn--info,.success-actions .btn-action-modify,.success-actions .btn-warning,.success-actions .btn--warning,.success-actions .btn-action-cancel{flex:0 1 auto;min-width:120px}@media (max-width: 640px){.success-actions{flex-direction:column-reverse}.success-actions .btn,.success-actions .btn-primary,.success-actions .btn--primary,.success-actions .btn-secondary,.success-actions .btn--secondary,.success-actions .btn-outline,.success-actions .btn--outline,.success-actions .btn-ghost,.success-actions .btn--ghost,.success-actions .btn-danger,.success-actions .btn--danger,.success-actions .btn-success,.success-actions .btn--success,.success-actions .btn-action-duplicate,.success-actions .btn-primary-ghost,.success-actions .btn--primary-ghost,.success-actions .btn-info,.success-actions .btn--info,.success-actions .btn-action-modify,.success-actions .btn-warning,.success-actions .btn--warning,.success-actions .btn-action-cancel{width:100%}}@media (max-width: 768px){.btn-haptic:active{transform:scale(.97)}}.btn-no-margin{margin:0!important}.btn-compact{padding:.375rem .75rem;min-width:auto}@keyframes pulse{0%,to{opacity:100%}50%{opacity:50%}}.btn-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-contrast: high){.btn,.btn-primary,.btn--primary,.btn-secondary,.btn--secondary,.btn-outline,.btn--outline,.btn-ghost,.btn--ghost,.btn-danger,.btn--danger,.btn-success,.btn--success,.btn-action-duplicate,.btn-primary-ghost,.btn--primary-ghost,.btn-info,.btn--info,.btn-action-modify,.btn-warning,.btn--warning,.btn-action-cancel{border-width:3px}.btn:focus-visible,.btn-primary:focus-visible,.btn--primary:focus-visible,.btn-secondary:focus-visible,.btn--secondary:focus-visible,.btn-outline:focus-visible,.btn--outline:focus-visible,.btn-ghost:focus-visible,.btn--ghost:focus-visible,.btn-danger:focus-visible,.btn--danger:focus-visible,.btn-success:focus-visible,.btn--success:focus-visible,.btn-action-duplicate:focus-visible,.btn-primary-ghost:focus-visible,.btn--primary-ghost:focus-visible,.btn-info:focus-visible,.btn--info:focus-visible,.btn-action-modify:focus-visible,.btn-warning:focus-visible,.btn--warning:focus-visible,.btn-action-cancel:focus-visible{outline-width:4px}}@media (prefers-reduced-motion: reduce){.btn,.btn-primary,.btn--primary,.btn-secondary,.btn--secondary,.btn-outline,.btn--outline,.btn-ghost,.btn--ghost,.btn-danger,.btn--danger,.btn-success,.btn--success,.btn-action-duplicate,.btn-primary-ghost,.btn--primary-ghost,.btn-info,.btn--info,.btn-action-modify,.btn-warning,.btn--warning,.btn-action-cancel{transition:none;animation:none}.btn:hover,.btn-primary:hover,.btn--primary:hover,.btn-secondary:hover,.btn--secondary:hover,.btn-outline:hover,.btn--outline:hover,.btn-ghost:hover,.btn--ghost:hover,.btn-danger:hover,.btn--danger:hover,.btn-success:hover,.btn--success:hover,.btn-action-duplicate:hover,.btn-primary-ghost:hover,.btn--primary-ghost:hover,.btn-info:hover,.btn--info:hover,.btn-action-modify:hover,.btn-warning:hover,.btn--warning:hover,.btn-action-cancel:hover{transform:none}}.form-group{margin-bottom:var(--spacing-lg)}@media (max-width: 640px){.form-group{margin-bottom:var(--spacing-md)}}.filters-container{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.filters-container{flex-direction:row;align-items:center;justify-content:space-between}}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-surface);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}@media (min-width: 768px){.form-input,.form-select,.form-textarea{min-height:var(--touch-target-min)}}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #56c5961a}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed;opacity:70%}.form-input.input-error,.form-textarea.input-error,.form-select.input-error{border-color:var(--color-error);background:var(--color-error-light)}.form-input.input-error:focus,.form-textarea.input-error:focus,.form-select.input-error:focus{box-shadow:0 0 0 4px #ef44441a}.form-input.input-success,.form-textarea.input-success,.form-select.input-success{border-color:var(--color-success);background:var(--color-success-light)}.form-input.input-success:focus,.form-textarea.input-success:focus,.form-select.input-success:focus{box-shadow:0 0 0 4px #10b9811a}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem}.form-error{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-error);font-weight:var(--font-medium)}.form-error:before{content:"\26a0";flex-shrink:0}.form-success-msg{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-success-dark);font-weight:var(--font-medium)}.form-success-msg:before{content:"\2713";flex-shrink:0}.form-hint{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--text-muted)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;min-height:var(--touch-target-min)}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-row-3{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.form-row-3{grid-template-columns:repeat(3,1fr)}}.form-submit{width:100%}@media (min-width: 768px){.form-submit{width:auto}}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:1.25rem;pointer-events:none;color:var(--text-muted)}.input-with-icon .form-input,.input-with-icon .form-textarea,.input-with-icon .form-select{padding-left:calc(var(--spacing-md) + 2rem)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.section-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.section-label .label-icon{font-size:1rem}.type-selector{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.type-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.type-button:hover{border-color:var(--color-primary-light);background:var(--color-primary-light)}.type-button.active{color:var(--color-primary-dark);background:var(--color-primary-light);border-color:var(--color-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:modalFadeIn .3s ease-out}@media (max-width: 640px){.modal-overlay{padding:var(--spacing-md);align-items:flex-end}}@keyframes modalFadeIn{0%{opacity:0%}to{opacity:100%}}.modal-content{background:#fff;border-radius:var(--radius-3xl);max-width:48rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideUp .3s ease-out}@media (max-width: 640px){.modal-content{max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}}@keyframes modalSlideUp{0%{opacity:0%;transform:translateY(30px)}to{opacity:100%;transform:translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-header{position:sticky;top:0;background:#fff;border-bottom:2px solid var(--gray-100);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;z-index:10}@media (max-width: 640px){.modal-header{padding:var(--spacing-lg)}}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}@media (max-width: 640px){.modal-title{font-size:var(--text-lg)}}.modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0}.modal-close{padding:.5rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;border-radius:var(--radius-xl);transition:all var(--transition-base);color:var(--text-secondary);line-height:1}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-close:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (max-width: 640px){.modal-close{padding:.375rem;font-size:1.25rem}}.modal-body{padding:var(--spacing-xl);overflow-y:auto}@media (max-width: 640px){.modal-body{padding:var(--spacing-lg)}}.modal-footer,.modal-footer-between,.modal-footer-center{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:2px solid var(--gray-100);background:var(--gray-50);border-radius:0 0 var(--radius-3xl) var(--radius-3xl)}@media (max-width: 640px){.modal-footer,.modal-footer-between,.modal-footer-center{flex-direction:column-reverse;padding:var(--spacing-lg);border-radius:0}.modal-footer .btn,.modal-footer-between .btn,.modal-footer-center .btn{width:100%}}.modal-footer-center{justify-content:center}.modal-footer-between{justify-content:space-between}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.modal-icon-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:2px solid var(--gray-100)}.modal-icon-header .icon-circle,.modal-icon-header .icon-circle-info,.modal-icon-header .icon-circle-error,.modal-icon-header .icon-circle-warning,.modal-icon-header .icon-circle-success{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.modal-icon-header .icon-circle-success{background:var(--color-success-light);color:var(--color-success)}.modal-icon-header .icon-circle-warning{background:var(--color-warning-light);color:var(--color-warning)}.modal-icon-header .icon-circle-error{background:var(--color-error-light);color:var(--color-error)}.modal-icon-header .icon-circle-info{background:var(--color-info-light);color:var(--color-info)}.modal-success .modal-header,.modal-success .modal-icon-header{background:var(--color-success-light);border-bottom-color:var(--color-success)}.modal-confirm .modal-body{text-align:center;padding:var(--spacing-2xl)}.modal-confirm .confirm-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.modal-confirm .confirm-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.modal-confirm .confirm-message{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;margin:0 auto var(--spacing-xl)}.modal-animate-scale .modal-content{animation:modalScaleIn .3s ease-out}@keyframes modalScaleIn{0%{opacity:0%;transform:scale(.95)}to{opacity:100%;transform:scale(1)}}.modal-animate-fade .modal-content{animation:modalFadeIn .3s ease-out}.modal-animate-slide .modal-content{animation:modalSlideUp .3s ease-out}@media (prefers-reduced-motion: reduce){.modal-overlay{animation:none;opacity:100%}.modal-content{animation:none;transform:none}}.modal-focus-trap:focus{outline:none}.modal-aria-hidden[aria-hidden=true]{display:none}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--gray-500);font-size:.8125rem;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-footer{text-align:center;font-size:.75rem;color:var(--gray-400);line-height:1.6}.auth-footer a{color:var(--color-primary-dark);font-weight:600}.auth-footer a:hover{text-decoration:underline}.card,.card-base,.stat-card,.card-padded,.order-card{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1.5px solid var(--gray-100);box-shadow:var(--shadow-sm);overflow:hidden}.card-interactive{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}@media (hover: hover){.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}.card-interactive:active{transform:translateY(-1px)}.card-interactive:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.card-paused{opacity:.72;background:var(--gray-50)}.card-accent-bar{position:relative;overflow:hidden}.card-accent-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:4px 0 0 4px}.card-accent-bar.accent-success:before{background:linear-gradient(180deg,var(--color-success),var(--color-success-dark))}.card-accent-bar.accent-warning:before{background:linear-gradient(180deg,var(--color-warning),var(--color-warning-dark))}.card-accent-bar.accent-danger:before{background:linear-gradient(180deg,var(--color-danger),var(--color-danger-dark))}.card-accent-bar.accent-info:before{background:linear-gradient(180deg,var(--color-info),var(--color-info-dark))}.card-padded,.order-card{padding:var(--spacing-lg)}@media (max-width: 640px){.card-padded,.order-card{padding:var(--spacing-md)}}.order-card{position:relative;overflow:hidden}@media (hover: hover){.order-card:hover{box-shadow:var(--shadow-xl);border-color:#56c59633;transform:translateY(-4px)}}.order-card.order-card-pending{border-left:4px solid var(--color-warning)}.order-card.order-card-confirmed{border-left:4px solid var(--color-info)}.order-card.order-card-delivered{border-left:4px solid var(--color-success)}.order-card.order-card-cancelled{border-left:4px solid var(--color-error)}.gradient-card,.gradient-card-purple,.gradient-card-blue,.gradient-card-orange,.gradient-card-green{border-radius:var(--radius-2xl);padding:var(--spacing-lg);color:#fff;box-shadow:var(--shadow-lg);transform:scale(1);transition:all var(--transition-base)}@media (hover: hover){.gradient-card:hover,.gradient-card-purple:hover,.gradient-card-blue:hover,.gradient-card-orange:hover,.gradient-card-green:hover{transform:scale(1.05)}}.gradient-card-green{background:linear-gradient(to bottom right,var(--color-primary),#4AB085)}.gradient-card-orange{background:linear-gradient(to bottom right,#fb923c,#f97316)}.gradient-card-blue{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.gradient-card-purple{background:linear-gradient(to bottom right,#a855f7,#9333ea)}.info-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);background:linear-gradient(to bottom right,#fef3c7,#fde68a);border:2px solid #fcd34d}.card-bordered{border:2px solid var(--gray-100)}@media (hover: hover){.card-bordered:hover{border-color:var(--gray-200)}}.card-bordered-primary{border:2px solid rgba(86,197,150,.2)}@media (hover: hover){.card-bordered-primary:hover{border-color:#56c59666}}.card-elevated{box-shadow:var(--shadow-lg)}@media (hover: hover){.card-elevated:hover{box-shadow:var(--shadow-xl)}}.card-flat{box-shadow:none;border:1px solid var(--gray-200)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-100)}.card-header h3,.card-header h4,.card-header h5{margin:0;font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--gray-100);background:var(--gray-50);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.empty-message{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:28rem;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}@media (max-width: 640px){.card-base,.stat-card,.card-padded,.order-card,.card-header,.card-body,.card-footer{border-radius:var(--radius-xl)}}@media (prefers-reduced-motion: reduce){.card-interactive{transition:none}.card-interactive:hover{transform:none}}.stat-card{padding:20px 18px 18px;position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card.stat-card--green{background:linear-gradient(160deg,#fff 50%,#f0fdf7)}.stat-card.stat-card--green:after{background:linear-gradient(90deg,var(--color-success),var(--color-primary))}.stat-card.stat-card--amber{background:linear-gradient(160deg,#fff 50%,#fffbeb)}.stat-card.stat-card--amber:after{background:linear-gradient(90deg,var(--color-warning),var(--color-accent))}.stat-card.stat-card--blue{background:linear-gradient(160deg,#fff 50%,#eff6ff)}.stat-card.stat-card--blue:after{background:linear-gradient(90deg,var(--color-info),#60a5fa)}.stat-card.stat-card--purple{background:linear-gradient(160deg,#fff 50%,#faf5ff)}.stat-card.stat-card--purple:after{background:linear-gradient(90deg,var(--color-secondary),#c084fc)}.card-dark{background:linear-gradient(150deg,var(--bg-dark),var(--bg-dark-surface));border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-wallet);overflow:hidden}.hero-title-accent{background:linear-gradient(90deg,var(--color-green-300),var(--color-green-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.page-hero.theme-blue .hero-title-accent{background:linear-gradient(90deg,var(--color-blue-300),var(--color-blue-50));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero.theme-purple .hero-title-accent{background:linear-gradient(90deg,var(--color-purple-400),var(--color-purple-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero.theme-orange .hero-title-accent{background:linear-gradient(90deg,var(--color-orange-200),var(--color-orange-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-features{display:flex;flex-direction:column;gap:var(--space-3)}.feature-pill{display:flex;align-items:center;gap:var(--space-2);background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-pill);padding:8px 16px;font-size:13px;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary-light);flex-shrink:0}.page-hero--red,.page-hero.page-hero--red{background:linear-gradient(140deg,var(--color-red-900) 0%,var(--color-red-800) 25%,var(--color-danger-darker) 55%,var(--color-danger-dark) 80%,var(--color-danger) 100%);border-radius:var(--radius-2xl);padding:28px 36px;position:relative;overflow:hidden;box-shadow:0 16px 56px #b91c1c59;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:28px}.page-hero--red .ph-orb1,.page-hero.page-hero--red .ph-orb1{position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:#ffffff0f;pointer-events:none}.page-hero--red .ph-orb2,.page-hero.page-hero--red .ph-orb2{position:absolute;bottom:-60px;left:30%;width:220px;height:220px;border-radius:50%;background:#ffffff0a;pointer-events:none}.page-hero--red .ph-orb3,.page-hero.page-hero--red .ph-orb3{position:absolute;top:50%;left:-40px;transform:translateY(-50%);width:120px;height:120px;border-radius:50%;background:#ffffff08;pointer-events:none}.page-hero--red .ph-left,.page-hero.page-hero--red .ph-left{position:relative;z-index:1;flex:1}.page-hero--red .ph-badge,.page-hero.page-hero--red .ph-badge{display:inline-flex;align-items:center;gap:7px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-full);padding:5px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fffffff2;margin-bottom:12px}.page-hero--red .ph-ldot,.page-hero.page-hero--red .ph-ldot{width:6px;height:6px;border-radius:50%;background:var(--color-danger-200);display:inline-block;box-shadow:0 0 0 2.5px #fca5a54d;animation:blink 2s ease-in-out infinite}.page-hero--red .ph-title,.page-hero.page-hero--red .ph-title{font-family:var(--font-body);font-size:32px;font-weight:900;color:var(--text-inverse);line-height:1.12;letter-spacing:-.04em;margin-bottom:6px}.page-hero--red .ph-title em,.page-hero.page-hero--red .ph-title em{color:var(--color-danger-200);font-style:normal}@media (max-width: 768px){.page-hero--red .ph-title,.page-hero.page-hero--red .ph-title{font-size:22px}}.page-hero--red .ph-desc,.page-hero.page-hero--red .ph-desc{font-size:13.5px;font-weight:300;color:#ffffffb8;line-height:1.6;margin-bottom:18px}.page-hero--red .ph-pills,.page-hero.page-hero--red .ph-pills{display:flex;flex-wrap:wrap;gap:8px}.page-hero--red .ph-pill,.page-hero.page-hero--red .ph-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:500;color:#ffffffeb}.page-hero--red .ph-right,.page-hero.page-hero--red .ph-right{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;gap:10px;min-width:190px}@media (max-width: 768px){.page-hero--red .ph-right,.page-hero.page-hero--red .ph-right{display:none}}@media (min-width: 769px) and (max-width: 1100px){.page-hero--red .ph-right,.page-hero.page-hero--red .ph-right{display:none}}.page-hero--red .ph-stat-box,.page-hero.page-hero--red .ph-stat-box{background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:14px 18px;text-align:center}.page-hero--red .ph-stat-num,.page-hero.page-hero--red .ph-stat-num{font-family:var(--font-body);font-size:28px;font-weight:900;color:var(--text-inverse);line-height:1;letter-spacing:-.04em}.page-hero--red .ph-stat-lbl,.page-hero.page-hero--red .ph-stat-lbl{font-size:10px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.page-hero--red .ph-stat-row,.page-hero.page-hero--red .ph-stat-row{display:flex;gap:10px}.page-hero--red .ph-stat-mini,.page-hero.page-hero--red .ph-stat-mini{flex:1;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:10px 12px;text-align:center}.page-hero--red .ph-stat-mini-num,.page-hero.page-hero--red .ph-stat-mini-num{font-family:var(--font-body);font-size:16px;font-weight:800;color:var(--color-danger-200);line-height:1}.page-hero--red .ph-stat-mini-lbl,.page-hero.page-hero--red .ph-stat-mini-lbl{font-size:9px;font-weight:600;color:#ffffff80;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}@media (max-width: 768px){.page-hero--red,.page-hero.page-hero--red{padding:18px 16px;border-radius:var(--radius-xl);flex-direction:column;gap:0;margin-bottom:16px}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.section-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.025em;margin:0;line-height:1.2}@media (max-width: 640px){.section-title{font-size:16px}}.section-sub,.section-subtitle{font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:4px;line-height:1.4}.section-header{display:flex;align-items:center;justify-content:space-between;margin-top:32px;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-header:first-child{margin-top:0}.section-count{font-size:11px;font-weight:600;color:var(--gray-500);background:var(--gray-100);border:1px solid var(--gray-200);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.section-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-primary-dark);background:var(--color-primary-light);padding:6px 14px;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.section-link:hover{background:var(--color-primary);color:#fff}.section-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.section-link:after{content:"\2192";font-size:14px;transition:transform var(--transition-fast)}.section-link:hover:after{transform:translate(3px)}@media (max-width: 640px){.section-link{font-size:12px;padding:5px 12px}}.section-subtitle,.section-sub{font-size:12px;font-weight:400;color:var(--gray-500);margin-top:2px;margin-bottom:0;line-height:1.4}.section{margin-bottom:24px}.section:last-child{margin-bottom:0}.section--divider{padding-bottom:24px;border-bottom:1px solid var(--gray-100);margin-bottom:24px}.section--compact{margin-bottom:16px}.section--compact .section-header{margin-bottom:12px}.section--large{margin-bottom:32px}.section--large .section-header{margin-bottom:20px}.section--large .section-title{font-size:22px}.page-section{margin-bottom:32px}.page-section:last-child{margin-bottom:0}@media (max-width: 640px){.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-link{align-self:flex-start}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;border-radius:var(--radius-2xl);background:var(--bg-surface);border:2px dashed var(--gray-200)}@media (max-width: 768px){.empty-state{padding:var(--spacing-2xl) var(--spacing-md)}}@media (max-width: 480px){.empty-state{padding:var(--spacing-xl) var(--spacing-sm)}}.empty-state-icon{font-size:56px;margin-bottom:var(--spacing-md);opacity:.7;line-height:1}@media (max-width: 768px){.empty-state-icon{font-size:48px}}@media (max-width: 480px){.empty-state-icon{font-size:40px}}.empty-state-icon--animated{animation:empty-float 3s ease-in-out infinite}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-800);margin-bottom:var(--spacing-xs);margin-top:0}@media (max-width: 768px){.empty-state-title{font-size:var(--text-lg)}}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg);max-width:320px}@media (max-width: 480px){.empty-state-desc{font-size:13px;max-width:280px}}.empty-state-cta{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;padding:12px 24px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer}.empty-state-cta:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state-cta:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (max-width: 480px){.empty-state-cta{font-size:13px;padding:10px 20px}}.empty-state-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-sm)}.empty-state--compact{padding:var(--spacing-xl) var(--spacing-md)}.empty-state--compact .empty-state-icon{font-size:40px;margin-bottom:var(--spacing-sm)}.empty-state--compact .empty-state-title{font-size:var(--text-lg)}.empty-state--compact .empty-state-desc{margin-bottom:var(--spacing-md)}.empty-state--large{padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state--large .empty-state-icon{font-size:72px;margin-bottom:var(--spacing-lg)}.empty-state--large .empty-state-title{font-size:var(--text-2xl)}.empty-state--large .empty-state-desc{max-width:400px}.empty-state--centered{min-height:300px}.empty-state--bordered{border-style:solid;border-color:var(--gray-100)}.empty-state--primary{background:var(--color-primary-light);border-color:var(--color-primary)}.empty-state--primary .empty-state-title{color:var(--color-primary-dark)}.empty-state-illustration{width:200px;height:200px;margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.empty-state-illustration{width:150px;height:150px}}.empty-state-illustration img,.empty-state-illustration svg{width:100%;height:100%;opacity:.8}.empty-state-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-md)}.empty-state-list-item{font-size:var(--text-sm);color:var(--gray-500);display:flex;align-items:center;gap:8px}.empty-state-list-item:before{content:"\2022";color:var(--gray-300)}@media (prefers-reduced-motion: reduce){.empty-state-icon--animated{animation:none}}.search-bar{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);padding:12px 20px;transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #56c5961a}@media (max-width: 640px){.search-bar{padding:10px 16px;gap:10px}}.search-icon{width:20px;height:20px;flex-shrink:0;color:var(--gray-400)}.search-icon svg{width:100%;height:100%}.search-input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--gray-900);outline:none;min-width:0}.search-input::placeholder{color:var(--gray-400)}.search-input:focus{outline:none}@media (max-width: 640px){.search-input{font-size:13px}}.search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;flex-shrink:0;color:var(--gray-500);transition:all var(--transition-fast)}.search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.search-clear svg{width:14px;height:14px}.search-filter{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-full);background:var(--bg-surface);font-size:var(--text-sm);font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.search-filter:hover{border-color:var(--gray-300);background:var(--gray-50)}.search-filter.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.search-filter svg{width:16px;height:16px}@media (max-width: 640px){.search-filter{font-size:13px;padding:6px 12px}}.search-wrapper{position:relative;width:100%}.search-with-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-with-filters .search-bar{flex:1;min-width:200px}@media (max-width: 640px){.search-with-filters{flex-direction:column}.search-with-filters .search-bar{width:100%}}.search-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media (max-width: 640px){.search-filters{gap:6px}}.search-results-count{font-size:var(--text-sm);color:var(--gray-500);margin-top:12px}.search-results-count strong{color:var(--gray-700);font-weight:600}.search-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--gray-400)}.search-loading .spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:search-spin .8s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:var(--z-dropdown)}.search-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast)}.search-dropdown-item:hover{background:var(--gray-50)}.search-dropdown-item:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.search-dropdown-item:last-child{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.search-bar--compact{padding:8px 16px}.search-bar--compact .search-icon{width:16px;height:16px}.search-bar--compact .search-input{font-size:13px}.search-bar--lg{padding:16px 24px}.search-bar--lg .search-icon{width:24px;height:24px}.search-bar--lg .search-input{font-size:var(--text-base)}.search-bar-card{background:var(--gray-50);border-color:var(--gray-100);border-radius:var(--radius-xl)}.search-bar-card:focus-within{background:var(--bg-surface);border-color:var(--color-primary)}@media (prefers-reduced-motion: reduce){.search-loading .spinner{animation:none;border-top-color:var(--color-primary)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:600;padding:12px 24px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){.btn-primary{font-size:13px;padding:10px 20px}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:600;padding:12px 24px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--gray-700);border:1.5px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-secondary:active{background:var(--gray-100)}.btn-secondary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.btn-secondary{font-size:13px;padding:10px 20px}}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:600;padding:10px 16px;border-radius:var(--radius-full);background:transparent;color:var(--gray-600);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-ghost:active{background:var(--gray-200)}.btn-ghost:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (max-width: 640px){.btn-ghost{font-size:13px;padding:8px 14px}}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);font-weight:600;padding:12px 24px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-danger:hover{background:var(--color-danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger:active{transform:translateY(0)}.btn-danger:focus-visible{outline:3px solid var(--color-danger);outline-offset:2px}@media (max-width: 640px){.btn-danger{font-size:13px;padding:10px 20px}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--gray-600);border:1.5px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.btn-icon:active{background:var(--gray-100)}.btn-icon:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-icon svg{width:20px;height:20px}.btn-icon--sm{width:32px;height:32px}.btn-icon--sm svg{width:16px;height:16px}.btn-icon--lg{width:48px;height:48px}.btn-icon--lg svg{width:24px;height:24px}.btn-icon--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-icon--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-icon--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-icon--danger:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-sm{font-size:12px;padding:8px 16px}.btn-lg{font-size:var(--text-base);padding:14px 28px}.btn-group{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.btn-group{gap:8px}}.btn-group--vertical{flex-direction:column}.btn-icon-start svg{width:18px;height:18px}.btn-icon-end svg{width:18px;height:18px}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-full{width:100%}.action-row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.action-row .btn-primary,.action-row .btn-secondary{flex:1}@media (max-width: 480px){.action-row{flex-direction:column}.action-row .btn-primary,.action-row .btn-secondary{width:100%}}@media (prefers-reduced-motion: reduce){.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-icon{transition:none}.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.btn-danger:hover,.btn-icon:hover{transform:none}.btn-loading:after{animation:none;border-top-color:#fff}}.promo-row{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md)}@media (max-width: 768px){.promo-row{grid-template-columns:1fr}}.promo-banner{background:linear-gradient(135deg,var(--color-success-tint-1),var(--color-success-tint-2));border:1.5px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:11px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-xs)}.promo-banner .promo-ico{font-size:22px;flex-shrink:0}.promo-banner .promo-title{font-size:13px;font-weight:700;color:var(--color-success-dark)}.promo-banner .promo-sub{font-size:11px;color:var(--gray-500);margin-top:2px}.promo-banner .promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.625rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);font-size:12px;padding:8px 14px;box-shadow:0 3px 10px #56c59638}.promo-banner .promo-btn:hover{transform:translateY(-1px)}.sub-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sub-card{padding:var(--spacing-md);border-left:4px solid;border-image:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark)) 1;position:relative}.sub-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:4px 0 0 4px}.sub-card:hover{transform:translateY(-2px)}.sub-card.is-paused{border-left-color:linear-gradient(180deg,var(--color-warning),var(--color-warning-dark));background:var(--gray-50)}.sub-card.is-paused:before{background:linear-gradient(180deg,var(--color-warning),var(--color-warning-dark))}.sc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.sc-subscribed{font-size:11px}.sc-product{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-100);margin-bottom:var(--spacing-xs)}.sc-ico{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid var(--gray-200);flex-shrink:0}.sc-info{flex:1;min-width:0}.sc-name{font-size:15px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-sub{font-size:12px;color:var(--gray-500)}.sc-price{font-size:20px;font-weight:800;text-align:right;line-height:1}.sc-price small{font-size:10px;font-weight:500;color:var(--gray-400);display:block;margin-top:3px}.sc-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);background:var(--gray-50);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:var(--spacing-xs)}.sc-plan-lbl{font-size:10px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.sc-chip{font-size:12px}.sc-schedule{background:var(--gray-50);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:var(--spacing-sm)}.sc-schedule-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}@media (max-width: 768px){.sc-schedule-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sc-schedule-chips::-webkit-scrollbar{display:none}.sc-schedule-chips .sc-chip{flex-shrink:0}}.sc-next{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--gray-500);padding:7px 10px;background:linear-gradient(135deg,var(--color-success-tint-1),var(--color-success-tint-2));border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.15)}.sc-next strong{color:var(--color-success-dark);font-weight:600}.sc-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}@media (max-width: 640px){.sc-actions{grid-template-columns:1fr}}.sc-btn{min-height:44px;font-size:13px}.sc-btn--outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target-min);padding:.625rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:var(--gray-100);color:var(--text-primary)}.sc-btn--outline:hover{transform:translateY(-1px)}.sc-btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.625rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse)}.sc-btn--resume{background:linear-gradient(135deg,var(--color-success-light),var(--color-success-tint-1));color:var(--color-success-dark);border:1.5px solid rgba(16,185,129,.3)}.sc-btn--resume:hover{background:var(--color-success-light)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}@media (max-width: 768px){.rec-grid{display:flex!important;overflow-x:auto;padding:0 var(--spacing-sm);scroll-snap-type:x mandatory;gap:var(--spacing-sm)}}.rec-grid .rec-card{overflow:hidden}@media (max-width: 768px){.rec-grid .rec-card{flex:0 0 280px;scroll-snap-align:start}}.rec-hero{padding:24px;text-align:center;position:relative}.rec-emoji{font-size:48px;display:block;margin-bottom:2px}.rec-off{position:absolute;top:10px;right:10px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.rec-ptag{position:absolute;bottom:10px;left:10px;background:#111;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.rec-body{padding:14px}.rec-name{font-size:14px;font-weight:700;margin-bottom:3px}.rec-sub{font-size:11.5px;color:var(--gray-500);margin-bottom:var(--spacing-sm)}.rec-prow{display:flex;gap:7px;margin-bottom:var(--spacing-sm)}.rec-ppill{flex:1;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:6px;text-align:center}.rec-pval{font-size:13px;font-weight:700}.rec-plbl{font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.rec-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.625rem 1.5rem;font-size:12.5px;font-weight:var(--font-semibold);text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--text-inverse);width:100%}.mfb-resume{background:linear-gradient(135deg,var(--color-success-tint-1),var(--color-success-tint-2));color:var(--color-success-dark);border:1.5px solid rgba(16,185,129,.3)}.mfb-resume:hover{background:var(--color-success-light)}@media (prefers-reduced-motion: reduce){.sub-card,.rec-card{transition:none}.sub-card:hover,.rec-card:hover,.sc-btn:hover,.promo-btn:hover{transform:none}}.nutrition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:var(--spacing-md)}.nutrition-pill{text-align:center;padding:.65rem .5rem;border-radius:.8rem;background:var(--gray-50);border:1px solid var(--gray-200);transition:all .2s ease}.nutrition-pill:hover{background:var(--gray-100)}.nutrition-icon{font-size:1.1rem;margin-bottom:.2rem}.nutrition-value{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:.1rem}.nutrition-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.meal-card-footer{margin-top:auto;padding-top:var(--spacing-xs);display:flex;gap:var(--spacing-xs);align-items:center}@media (max-width: 768px){.meal-card-footer{flex-direction:column;gap:var(--spacing-sm)}}.product-meta{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-md)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-family-base);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-dropdown{z-index:var(--z-dropdown)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-popover{z-index:var(--z-popover)}.z-sticky{z-index:var(--z-sticky)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.w-40{width:10rem}.w-60{width:15rem}.w-80{width:20rem}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.bg-danger-light{background-color:var(--color-danger-light)}.bg-info-light{background-color:var(--color-info-light)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.fill-primary{fill:var(--color-primary)}.fill-warning{fill:var(--color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-loose{line-height:2}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-info{color:var(--color-info)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.app-container{background:var(--gray-50, #f9fafb);min-height:100vh}@media (max-width: 768px){.app-container{background:#fff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden;scroll-behavior:smooth}body{font-family:var(--font);color:var(--g900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background:var(--bg);margin:0;padding:0;line-height:var(--leading-normal, 1.5)}@media (max-width: 768px){body{background:var(--bg-surface)}}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font);border:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--g200);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--g300)}img,video,iframe{max-width:100%;height:auto}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}@media (max-width: 768px){button,a,[role=button]{touch-action:manipulation}.meal-card:active,.action-card:active,.mob-act:active,.mob-meal-card:active,.qs-card:active,.stat-card:active{transform:scale(.98);transition:transform .1s}}@media (max-width: 767px){input,textarea,select{font-size:16px!important}}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}