:root{--overlay-rgb: 255, 255, 255;--ds-primary: #2563eb;--ds-primary-hover: #1d4ed8;--ds-bg-main: #07090F;--ds-surface: rgba(var(--overlay-rgb), .04);--ds-text-main: #F1F5F9;--ds-text-on-primary: #ffffff;--ds-text-muted: #64748b;--ds-radius: 12px;--cosmos-bg: #07090F;--cosmos-deep: #0D1117;--cosmos-card: rgba(var(--overlay-rgb), .04);--cosmos-card-alt: rgba(var(--overlay-rgb), .07);--cosmos-border: rgba(var(--overlay-rgb), .08);--cosmos-border-hi: rgba(var(--overlay-rgb), .14);--grad-primary: linear-gradient(135deg, #3B82F6 0%, #7C3AED 100%);--bg-base: var(--surface, var(--cosmos-bg));--bg-surface: rgba(var(--overlay-rgb), .035);--bg-surface-solid: #111827;--bg-surface-alt: var(--cosmos-card-alt);--bg-surface-hover: rgba(var(--overlay-rgb), .08);--bg-surface-elevated:rgba(var(--overlay-rgb), .1);--text-main: var(--ds-text-main);--text-muted: var(--ds-text-muted);--text-light: #475569;--text-dimmed: #334155;--cosmos-text: #F1F5F9;--cosmos-sub: #94A3B8;--cosmos-muted: #64748b;--primary: var(--ds-primary);--primary-hover: var(--ds-primary-hover);--primary-light: rgba(37, 99, 235, .12);--primary-glow: rgba(37, 99, 235, .25);--accent: #2563EB;--accent-blue: var(--primary);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--purple: #8B5CF6;--semantic-warning: #FBBF24;--border: rgba(var(--overlay-rgb), .07);--border-bright: rgba(var(--overlay-rgb), .14);--border-focus: rgba(37, 99, 235, .6);--glass-card: var(--bg-surface);--glass-card-alt: var(--bg-surface-alt);--glass-input: var(--bg-surface);--glass-input-hover:var(--bg-surface-hover);--glass-pkg: var(--bg-surface);--border-subtle: var(--border);--border-input: var(--border-bright);--border-pkg: var(--border);--status-new-text: #38BDF8;--status-new-bg: color-mix(in srgb, var(--status-new-text) 12%, transparent);--status-approved-text: #34D399;--status-approved-bg: color-mix(in srgb, var(--status-approved-text) 12%, transparent);--status-collected-text:#FBBF24;--status-collected-bg: color-mix(in srgb, var(--status-collected-text) 12%, transparent);--status-delivered-text:#94A3B8;--status-delivered-bg: color-mix(in srgb, var(--status-delivered-text) 12%, transparent);--status-error-text: #F87171;--status-error-bg: color-mix(in srgb, var(--status-error-text) 12%, transparent);--status-quoted-text: #C4B5FD;--status-quoted-bg: color-mix(in srgb, var(--status-quoted-text) 12%, transparent);--radius-global: 16px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4), inset 0 1px 1px rgba(255, 255, 255, .1);--shadow-lg: var(--shadow-elevated, 0 20px 40px rgba(0, 0, 0, .5));--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4), inset 0 1px 1px rgba(255, 255, 255, .15);--shadow-modal: 0 32px 64px rgba(0, 0, 0, .7), inset 0 1px 1px rgba(255, 255, 255, .15);--shadow-glow: 0 0 40px var(--primary-glow, rgba(37, 99, 235, .08));--shadow-card: 0 4px 32px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .08);--shadow-elevated: 0 20px 40px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .15);--grad-primary-r: linear-gradient(135deg, #7C3AED 0%, #3B82F6 100%);--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-700: #1D4ED8;--blue-50: rgba(59,130,246,.08);--blue-100: rgba(59,130,246,.16);--purple-500: #8B5CF6;--purple-600: #7C3AED;--green-500: #10B981;--green-600: #059669;--orange-500: #F97316;--orange-600: #EA580C;--wa-green: #25D366;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--shadow-blue: 0 8px 32px rgba(59,130,246,.35);--shadow-cta: 0 8px 28px rgba(59,130,246,.4);--container: 72rem;--section-py: clamp(4rem, 8vw, 7rem);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.4, 0, .2, 1);--z-nav: 1000;--z-base: 1;--z-sticky: 100;--z-modal-backdrop: 900;--z-modal-content: 1000;--z-overlay: 9999;--z-toast: 10000;--bg-surface-alt-solid: #1E293B;--font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--transition: all .22s cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--step--2: clamp(.63rem, .61rem + .08vw, .69rem);--step--1: clamp(.75rem, .71rem + .18vw, .84rem);--step-0: clamp(.88rem, .83rem + .24vw, 1rem);--step-1: clamp(1.03rem, .96rem + .34vw, 1.2rem);--step-2: clamp(1.2rem, 1.1rem + .48vw, 1.44rem);--step-3: clamp(1.41rem, 1.27rem + .68vw, 1.73rem);--step-4: clamp(1.65rem, 1.46rem + .95vw, 2.07rem);--step-5: clamp(2.2rem, 1.85rem + 1.7vw, 3.052rem);--skeleton-bg: linear-gradient(90deg, rgba(var(--overlay-rgb), .03) 25%, rgba(var(--overlay-rgb), .08) 50%, rgba(var(--overlay-rgb), .03) 75%);--skeleton-bg-light: linear-gradient(90deg, rgba(0,0,0, .04) 25%, rgba(0,0,0, .08) 50%, rgba(0,0,0, .04) 75%)}[data-theme=light]{--overlay-rgb: 0, 0, 0;--cosmos-bg: #f1f5f9;--bg-base: #f1f5f9;--ds-bg-main: #f1f5f9;--cosmos-deep: #ffffff;--cosmos-card: rgba(255, 255, 255, .85);--surface: #f1f5f9;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-solid: #ffffff;--bg-surface-alt: rgba(255, 255, 255, .65);--bg-surface-hover: rgba(255, 255, 255, .95);--bg-surface-elevated:#ffffff;--cosmos-border: rgba(226, 232, 240, .8);--cosmos-border-hi: rgba(203, 213, 225, .8);--border: rgba(226, 232, 240, .8);--border-bright: rgba(203, 213, 225, .8);--text-main: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--text-dimmed: #cbd5e1;--ds-text-main: #1e293b;--ds-text-muted: #64748b;--cosmos-text: #1e293b;--cosmos-sub: #475569;--cosmos-muted: #64748b;--glass-card: rgba(255, 255, 255, .85);--glass-input: rgba(255, 255, 255, .6);--glass-input-hover: rgba(255, 255, 255, .9);--border-input: rgba(226, 232, 240, .8);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 1px 0 rgba(226, 232, 240, .8) inset;--shadow-elevated: 0 20px 40px -5px rgba(0, 0, 0, .1), 0 0 0 1px rgba(226, 232, 240, .8)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-panel{background:color-mix(in srgb,var(--bg-surface-elevated, #fff) 85%,transparent)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--border-bright)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-main)!important}.swal2-container{z-index:100000!important}div.swal2-popup.glass-panel{border-radius:var(--radius-lg)!important}.swal2-title,.swal2-html-container,.swal2-content{color:var(--text-main)!important;font-family:var(--font-family, inherit)!important}.swal2-timer-progress-bar{background:var(--primary)!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:var(--status-approved-text, #10B981)!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:color-mix(in srgb,var(--status-approved-text, #10B981) 30%,transparent)!important}.swal2-icon.swal2-error{border-color:color-mix(in srgb,var(--status-error-text, #EF4444) 30%,transparent)!important;color:var(--status-error-text, #EF4444)!important}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:var(--status-error-text, #EF4444)!important}.swal2-icon.swal2-info{border-color:color-mix(in srgb,var(--primary) 30%,transparent)!important;color:var(--primary)!important}.swal2-confirm{background:var(--primary)!important;color:var(--ds-text-on-primary, #ffffff)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-family, inherit)!important;font-weight:800!important;box-shadow:0 4px 15px var(--primary-glow)!important}.swal2-cancel{background:#ffffff0f!important;color:var(--text-main)!important;border:1px solid var(--border-bright)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-family, inherit)!important;font-weight:600!important}.btn-hover{transition:all .3s ease}.btn-hover:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px var(--primary-glow)}