@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@font-face{font-family:Author;src:url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.woff2)format("woff2"),url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.woff)format("woff"),url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-Variable.ttf)format("truetype");font-weight:200 800;font-display:swap;font-style:normal}@font-face{font-family:Author;src:url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.woff2)format("woff2"),url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.woff)format("woff"),url(/fonts/Author_Complete/Fonts/WEB/fonts/Author-VariableItalic.ttf)format("truetype");font-weight:200 800;font-display:swap;font-style:italic}@font-face{font-family:Heathergreen;src:url(/fonts/Heathergreen.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--c-espresso:#1f2a44;--c-espresso-mid:#162036;--c-espresso-light:#007aff;--c-espresso-faint:#007aff0f;--c-espresso-glow:#007aff1f;--c-caramel:#007aff;--c-caramel-light:#e6f4ff;--c-caramel-dark:#0056b3;--c-caramel-faint:#007aff14;--c-caramel-glow:#007aff26;--c-cream:#f5f9fc;--c-cream-dark:#ebf3fa;--c-cream-deeper:#e2e8f0;--c-cream-border:#e2e8f0;--c-gold:#007aff;--c-gold-light:#3395ff;--c-dark:#1f2a44;--c-dark-mid:#162036;--c-dark-surface:#0f172a;--c-white:#fff;--c-text-primary:#1f2a44;--c-text-secondary:#4a5568;--c-text-muted:#718096;--c-text-on-dark:#f8fafc;--color-bg:var(--c-cream);--color-surface:var(--c-white);--color-surface-alt:var(--c-cream-dark);--color-surface-hover:var(--c-cream-deeper);--color-border:var(--c-cream-border);--color-border-subtle:#e2e8f0;--color-primary:#007aff;--color-primary-hover:#0056b3;--color-primary-light:#e6f4ff;--color-primary-glow:#007aff26;--color-accent:#007aff;--color-accent-light:#e6f4ff;--color-accent-glow:#007aff26;--color-espresso:#1f2a44;--color-espresso-light:#162036;--color-espresso-medium:#0f172a;--color-cream:#f5f9fc;--color-cream-dark:#ebf3fa;--color-text:var(--c-text-primary);--color-text-secondary:var(--c-text-secondary);--color-text-muted:var(--c-text-muted);--color-text-inverse:#fff;--color-text-on-dark:var(--c-text-on-dark);--color-secondary:var(--c-dark);--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--color-forest-green:#14352b;--color-forest-green-light:#1c4438;--color-forest-green-glow:#14352b26;--color-forest-green-cream:#e8ede9;--card-purple:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--card-blue:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--card-cyan:linear-gradient(135deg, #06b6d4 0%, #0369a1 100%);--card-orange:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--card-green:linear-gradient(135deg, #10b981 0%, #047857 100%);--font-display:"Author", "Inter", sans-serif;--font-heading:"Author", "Inter", sans-serif;--font-body:"Author", "Inter", sans-serif;--font-sans:var(--font-body);--font-mono:"SF Mono", "Fira Code", ui-monospace, Consolas, monospace;--font-size-hero:clamp(3.4rem, 7.5vw, 6.2rem);--font-size-display:clamp(2.4rem, 4.5vw, 4rem);--font-size-h1:clamp(2rem, 3.2vw, 2.9rem);--font-size-h2:clamp(1.6rem, 2.7vw, 2.4rem);--font-size-h3:clamp(1.3rem, 2.2vw, 1.8rem);--font-size-h4:clamp(1.15rem, 1.7vw, 1.5rem);--font-size-body-lg:1.3rem;--font-size-body:1.125rem;--font-size-sm:1rem;--font-size-xs:.9375rem;--font-size-caption:.9375rem;--font-size-micro:.8125rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-base:1.6;--line-height-loose:1.8;--letter-spacing-tight:-.015em;--letter-spacing-normal:0em;--letter-spacing-wide:.03em;--letter-spacing-caps:.06em;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--elevation-0:none;--elevation-1:0 1px 3px 0 #2c1a0e0a, 0 1px 2px -1px #2c1a0e08;--elevation-2:0 4px 6px -1px #2c1a0e0f, 0 2px 4px -2px #2c1a0e0a;--elevation-3:0 10px 15px -3px #2c1a0e14, 0 4px 6px -4px #2c1a0e0a;--elevation-4:0 20px 25px -5px #2c1a0e14, 0 8px 10px -6px #2c1a0e08;--elevation-float:0 25px 50px -12px #2c1a0e2e;--glow-primary:0 4px 20px #2c1a0e1f;--glow-accent:0 4px 20px #c8853e33;--glow-hero:0 20px 60px #2c1a0e1a;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--motion-instant:80ms;--motion-fast:.15s;--motion-base:.2s;--motion-smooth:.3s;--motion-slow:.5s;--motion-dramatic:.8s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--transition-fast:var(--motion-fast) var(--ease-out);--transition-normal:var(--motion-base) var(--ease-out);--transition-smooth:var(--motion-smooth) var(--ease-out);--transition-bounce:var(--motion-smooth) var(--ease-spring);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-drawer:400;--z-modal:500;--z-popover:600;--z-toast:700;--z-overlay:800;--z-max:999;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1200px;--max-width-2xl:1400px;--content-padding:clamp(1rem, 4vw, 2rem);--touch-mobile:48px;--touch-kiosk:72px;--touch-tv:90px;--fs-hero:clamp(2.5rem, 8vw, 7.5rem);--fs-title-lg:clamp(1.8rem, 5vw, 4.5rem);--fs-title-md:clamp(1.4rem, 3.5vw, 3rem);--fs-body:clamp(.9rem, 1.2vw + .2rem, 1.25rem);--fs-mono:clamp(.7rem, .9vw + .1rem, 1.1rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-body)}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.text-gradient{background:linear-gradient(135deg, var(--c-espresso) 0%, var(--c-caramel) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-container{width:100%;max-width:var(--max-width-xl);padding:0 var(--content-padding);margin:0 auto}.section-container-wide{width:100%;max-width:var(--max-width-2xl);padding:0 var(--content-padding);margin:0 auto}.animate-on-scroll{opacity:0;transition:opacity var(--motion-smooth) var(--ease-out), transform var(--motion-smooth) var(--ease-out);transform:translateY(24px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transition:opacity var(--motion-smooth) var(--ease-out), transform var(--motion-smooth) var(--ease-out);transform:translateY(16px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:translateY(0)}.animate-fade-in-up{animation:fadeInUp var(--motion-smooth) var(--ease-out) both}.skeleton{background:linear-gradient(90deg, var(--c-cream-dark) 25%, var(--c-cream-border) 50%, var(--c-cream-dark) 75%);border-radius:var(--radius-sm);background-size:1000px 100%;animation:2s linear infinite shimmer}.shimmer{background:linear-gradient(90deg, var(--c-cream-dark) 25%, var(--c-cream-border) 50%, var(--c-cream-dark) 75%);background-size:1000px 100%;animation:2s linear infinite shimmer}.touch-target{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.touch-target-kiosk{justify-content:center;align-items:center;min-width:56px;min-height:56px;display:inline-flex}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.eyebrow{font-family:var(--font-body);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--c-caramel);font-weight:700}.divider{background:var(--color-border);border:none;width:100%;height:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1);transition:box-shadow var(--transition-normal), transform var(--transition-normal), border-color var(--transition-normal)}.card:hover{box-shadow:var(--elevation-3);border-color:var(--c-cream-border);transform:translateY(-2px)}.dark-section{background-color:var(--c-dark);color:var(--c-text-on-dark)}.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4{color:#fff}.dark-section p{color:#f0e8dbbf}.cream-section{background-color:var(--c-cream-dark)}.admin-layout-new{--a-bg:#fafafa;--a-surface:#fff;--a-surface-alt:#f4f4f5;--a-surface-hover:#f9fafb;--a-border:#eaeaea;--a-border-subtle:#f3f4f6;--a-sidebar-bg:#fff;--a-sidebar-hover:#f4f4f5;--a-sidebar-active:#f4f4f5;--a-sidebar-text:#6b7280;--a-sidebar-text-active:#111827;--a-sidebar-group:#9ca3af;--a-sidebar-accent:#111827;--a-text:#111827;--a-text-secondary:#6b7280;--a-text-muted:#9ca3af;--a-caramel:#c8853e;--a-caramel-light:#c8853e1a;--a-success:#10b981;--a-success-light:#10b9811a;--a-warning:#f59e0b;--a-warning-light:#f59e0b1a;--a-danger:#ef4444;--a-danger-light:#ef44441a;--a-info:#3b82f6;--a-info-light:#3b82f61a;--color-bg:var(--a-bg);--color-surface:var(--a-surface);--color-surface-alt:var(--a-surface-alt);--color-surface-hover:var(--a-surface-hover);--color-border:var(--a-border);--color-border-subtle:var(--a-border-subtle);--color-text:var(--a-text);--color-text-secondary:var(--a-text-secondary);--color-text-muted:var(--a-text-muted);--color-primary:var(--a-text);--color-primary-hover:#000;--color-primary-light:#0000000a;--color-accent:var(--a-caramel);--color-accent-light:var(--a-caramel-light);--color-success:var(--a-success);--color-success-light:var(--a-success-light);--color-warning:var(--a-warning);--color-warning-light:var(--a-warning-light);--color-danger:var(--a-danger);--color-danger-light:var(--a-danger-light);--color-info:var(--a-info);--color-info-light:var(--a-info-light);--elevation-1:0 1px 3px #00000008, 0 1px 2px #00000005;--elevation-2:0 2px 8px #0000000a, 0 1px 3px #00000006;--elevation-3:0 4px 16px #0000000d, 0 2px 6px #00000006;--elevation-4:0 8px 24px #0000000f, 0 4px 8px #00000006;background-color:var(--a-bg);color:var(--a-text);font-family:Inter,system-ui,sans-serif;font-size:14px}.admin-layout-new .text-gradient{background:linear-gradient(135deg,#111 0%,#555 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-layout-new .skeleton,.admin-layout-new .shimmer{background:linear-gradient(90deg,#f0f0ee 25%,#e8e8e6 50%,#f0f0ee 75%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.admin-layout-new{--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}@media (width>=1024px){.admin-layout-new{height:100vh;max-height:100vh;overflow:hidden}}.admin-panel-header{border-bottom:1px solid var(--a-border);background:var(--a-surface);height:64px!important;min-height:64px!important;padding:0 24px!important}.admin-sidebar{background:var(--a-sidebar-bg);border-right:1px solid var(--a-border);width:260px;max-width:260px}.sidebar-collapsed .admin-sidebar{width:72px!important;max-width:72px!important}.sidebar-menu .menu-item{border-radius:8px;height:46px!important;padding:0 16px!important}.admin-layout-new table tr,.admin-layout-new table th,.admin-layout-new table td{height:40px!important}.admin-layout-new .table th,.admin-layout-new .table td{border-bottom:1px solid var(--a-border-subtle)!important;padding:6px 12px!important;font-size:13.5px!important}.admin-layout-new .table th{color:var(--a-text-secondary);font-weight:600}.admin-layout-new .card,.admin-layout-new .stat-card,.admin-layout-new .chart-card,.admin-layout-new .table-card,.admin-layout-new .feed-card{border-radius:var(--radius-lg)!important;border:1px solid var(--a-border)!important;box-shadow:none!important;background:var(--a-surface)!important;padding:24px!important}.admin-layout-new input,.admin-layout-new select,.admin-layout-new textarea{border:1px solid var(--a-border);background:var(--a-surface);border-radius:var(--radius-md)!important;height:46px!important;padding:8px 16px!important;font-size:15px!important}.admin-layout-new .btn,.admin-layout-new button.btn,.admin-layout-new button.action-btn-sm,.admin-layout-new button.back-btn{border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;height:42px!important;min-height:42px!important;padding:0 16px!important;font-size:15px!important;display:inline-flex!important}.admin-panel-content{max-height:calc(100vh - 64px)!important;padding:24px!important;overflow-y:auto!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important;margin-bottom:16px!important}.stats-grid .kpi-card{min-height:88px!important;padding:12px 14px!important}.admin-layout-new .status-indicator,.admin-layout-new .segment-tag{border-radius:4px!important;align-items:center!important;padding:3px 8px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:12px!important;display:grid!important}.admin-panel-content .table-container{flex-grow:1!important;overflow-y:auto!important}.customers-view,.inventory-view,.menu-view{flex-direction:column!important;height:calc(100vh - 88px)!important;display:flex!important;overflow:hidden!important}.side-panel-overlay{z-index:var(--z-modal);background:#0003;animation:.2s both fadeIn;position:fixed;inset:0}.side-panel{width:480px;max-width:95vw;height:100vh;z-index:calc(var(--z-modal) + 1);background:#fff;flex-direction:column;animation:.28s cubic-bezier(.16,1,.3,1) both slideInPanel;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0000001f}.side-panel-header{border-bottom:1px solid var(--a-border,#00000012);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.side-panel-body{flex:1;padding:20px;overflow-y:auto}.side-panel-footer{border-top:1px solid var(--a-border,#00000012);flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.massive-editorial-title{letter-spacing:-.03em;line-height:.95;font-size:var(--fs-title-lg)!important}.mono-step-label,.mono-technical-tag,.mono-badge{font-size:var(--fs-mono)!important}button,input,select,.btn,.tactile-card-chip,.small-tactile-chip,.option-chip,.kds-action-btn{min-height:var(--touch-mobile)}.kiosk-layout-container button,.kiosk-layout-container .btn,.kiosk-layout-container .tactile-card-chip,.kiosk-layout-container .option-chip,.kiosk-layout-container .step-pill,.kiosk-layout-container .add-order-btn,.kiosk-layout-container .step-nav-btn{min-height:var(--touch-kiosk)!important;border-radius:30px!important;font-size:clamp(.85rem,1.2vw,1.1rem)!important}@media (width<=768px){.fluid-dynamics-canvas{transform:scale(.95)}.cinematic-coffee-lab{grid-template-columns:1fr!important;gap:40px!important;padding:32px 20px!important}.kiosk-catalog{grid-template-columns:1fr!important;height:auto!important;padding-top:88px!important;padding-bottom:72px!important;overflow-y:auto!important}.catalog-sidebar{border-bottom:1px solid #b3926826!important;border-right:none!important;padding:12px!important}.categories-list{flex-direction:row!important;gap:8px!important;padding-bottom:8px!important;overflow-x:auto!important}.category-btn{white-space:nowrap!important;padding:8px 16px!important}.catalog-main{border-right:none!important;padding:16px!important}.catalog-cart-summary{z-index:150!important;background:#fff!important;border-top:1px solid #b3926833!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:auto!important;padding:12px 20px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;box-shadow:0 -8px 24px #0000001a!important}.catalog-cart-summary h3,.catalog-cart-summary .cart-items,.catalog-cart-summary .empty-msg{display:none!important}.catalog-cart-summary .cart-total{border-top:none!important;margin:0!important;padding:0!important}.kiosk-custom-drink{grid-template-columns:1fr!important;height:auto!important;overflow-y:auto!important}.custom-preview-panel{border-bottom:1px solid #b3926826!important;border-right:none!important;min-height:280px!important}.side-panel{width:100vw!important}}@media (width>=769px) and (width<=1024px){.kiosk-catalog{grid-template-columns:180px 1fr 280px!important}.cinematic-coffee-lab{grid-template-columns:1fr!important;gap:48px!important}}@media (width>=1920px){:root{--touch-kiosk:86px!important;--touch-tv:100px!important}.cinematic-coffee-lab{max-width:1600px;margin:0 auto;border-radius:40px!important;padding:100px 80px!important}.kiosk-layout-container button,.kiosk-layout-container .btn,.kiosk-layout-container .tactile-card-chip,.kiosk-layout-container .option-chip{min-height:var(--touch-tv)!important;border-radius:45px!important;font-size:1.25rem!important}.kiosk-top-bar{border-radius:40px!important;max-width:1800px!important;height:80px!important;top:40px!important}}.order-queue-view{background-color:var(--color-bg);padding:clamp(8px,2vh,24px)!important}.queue-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:clamp(8px,1.5vw,24px)!important;height:calc(100vh - 160px)!important}.order-ticket{border-radius:12px!important;padding:clamp(10px,2vh,20px)!important}.order-ticket .order-id{font-size:clamp(1.2rem,2.5vw,2rem)!important}.order-ticket .customer-name{font-size:clamp(1rem,2vw,1.5rem)!important}.order-ticket .item-list li{font-size:clamp(.95rem,1.8vw,1.3rem)!important}.kds-action-btn{border-radius:8px!important;min-height:clamp(48px,6vh,80px)!important;font-size:clamp(.95rem,1.8vw,1.25rem)!important}@media (width>=1600px){.order-queue-view{font-size:1.2rem!important}.queue-tag{padding:12px 24px!important;font-size:1.1rem!important}.kds-queue-header h2{font-size:2.2rem!important}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.system-confirm-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.system-confirm-container{-webkit-backdrop-filter:blur(24px);color:#fff;background-color:#111111f2;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1.5rem;width:90%;max-width:460px;padding:2.2rem;display:flex;box-shadow:0 30px 70px #000c}.system-confirm-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:6px;padding-bottom:1rem;display:flex}.system-confirm-meta{color:#fff6;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.system-confirm-title{letter-spacing:-.01em;margin:0;font-family:Readex Pro,sans-serif;font-size:1.4rem;font-weight:300}.system-confirm-body{color:#fffc;flex-direction:column;gap:1rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5;display:flex}.system-confirm-details{color:#ffffffb3;background-color:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;gap:6px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.95rem;display:flex}.system-confirm-warning{color:#ffffff80;border-left:2px solid #ffffff4d;padding-left:10px;font-size:.95rem}.system-confirm-warning.destructive{color:#c44040d9;border-left-color:#c4404099}.system-confirm-input-wrapper{flex-direction:column;gap:8px;margin-top:.5rem;display:flex}.system-confirm-input-label{color:#fff6;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:.7rem}.system-confirm-input{color:#fff;background-color:#ffffff08;border:1px solid #ffffff14;border-radius:4px;outline:none;height:40px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.system-confirm-input:focus{border-color:#ffffff4d}.system-confirm-checkbox-label{color:#fff9;cursor:pointer;align-items:center;gap:8px;font-size:.95rem;display:flex}.system-confirm-checkbox-label input{cursor:pointer;accent-color:#fff}.system-confirm-footer{justify-content:flex-end;gap:10px;margin-top:1rem;display:flex}.system-confirm-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:44px;padding:0 1.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.system-confirm-btn-cancel{color:#fff9;background-color:#0000;border:1px solid #ffffff14}.system-confirm-btn-cancel:hover{color:#fff;background-color:#ffffff08}.system-confirm-btn-confirm{color:#0a0a0a;background-color:#fff;border:1px solid #fff}.system-confirm-btn-confirm:hover:not(:disabled){background-color:#e5e5e5;border-color:#e5e5e5}.system-confirm-btn-confirm:disabled{opacity:.2;cursor:not-allowed}.system-confirm-btn-confirm.destructive{color:#c44040f2;background-color:#1a1a1a;border-color:#c4404066}.system-confirm-btn-confirm.destructive:hover:not(:disabled){background-color:#c4404014;border-color:#c4404099}.d2c-layout{background-color:var(--c-cream,#faf6f0);flex-direction:column;min-height:100svh;display:flex}.announcement-bar{background-color:var(--c-espresso,#2c1a0e);color:#f0e8dbe6;text-align:center;letter-spacing:.01em;padding:8px 16px;font-size:15px;overflow:hidden}.announcement-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ann-dot{color:var(--c-caramel,#c8853e);font-size:10px}.ann-divider{color:#f0e8db59}.announcement-inner strong{color:var(--c-caramel-light,#e8a86a);font-weight:600}.d2c-header{z-index:var(--z-sticky,200);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), background-color var(--transition-smooth);background-color:#faf6f0f2;border-bottom:1px solid #0000;position:sticky;top:0}.header-scrolled{border-bottom-color:var(--c-cream-border,#e2d4c4);background-color:#faf6f0fa;box-shadow:0 1px 16px #2c1a0e0f}.header-inner{max-width:var(--max-width-xl,1200px);align-items:center;gap:24px;height:64px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex}.brand-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.logo-icon-wrap{background-color:var(--c-espresso,#2c1a0e);width:34px;height:34px;color:var(--c-caramel,#c8853e);transition:transform var(--transition-bounce);border-radius:9px;justify-content:center;align-items:center;display:flex}.brand-logo:hover .logo-icon-wrap{transform:rotate(-5deg)scale(1.05)}.logo-wordmark{font-family:var(--font-heading,"Outfit", sans-serif);color:var(--c-espresso,#2c1a0e);letter-spacing:-.02em;font-size:16px;font-weight:600}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-link{font-family:var(--font-body,"Inter", sans-serif);color:var(--c-text-secondary,#6b4c35);border-radius:var(--radius-full,9999px);transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;padding:6px 14px;font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--c-espresso,#2c1a0e);background-color:#2c1a0e0d}.nav-link.active{color:var(--c-espresso,#2c1a0e);background-color:#c8853e1a;font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cart-btn{width:40px;height:40px;color:var(--c-espresso,#2c1a0e);border-radius:var(--radius-md,12px);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.cart-btn:hover{background:#2c1a0e0f}.cart-badge{background:var(--c-caramel,#c8853e);color:#fff;border:1.5px solid var(--c-cream,#faf6f0);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.account-btn{border:1px solid var(--c-cream-border,#e2d4c4);border-radius:var(--radius-full,9999px);height:36px;color:var(--c-espresso,#2c1a0e);transition:all var(--transition-fast);align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.account-btn:hover{border-color:var(--c-espresso-mid,#4a2e1a);background:#2c1a0e0a}.signin-btn{background:var(--c-espresso,#2c1a0e);color:#fff;border-radius:var(--radius-full,9999px);height:36px;transition:background var(--transition-fast);white-space:nowrap;align-items:center;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.signin-btn:hover{background:var(--c-espresso-mid,#4a2e1a)}.hamburger{width:40px;height:40px;color:var(--c-espresso,#2c1a0e);border-radius:var(--radius-md,12px);transition:background var(--transition-fast);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.hamburger:hover{background:#2c1a0e0f}@media (width<=768px){.desktop-nav,.account-btn,.signin-btn{display:none}.hamburger{display:flex}}.drawer-overlay{z-index:var(--z-drawer,400);background:#1a0e0873;position:fixed;inset:0}.mobile-drawer{background:var(--c-cream,#faf6f0);width:280px;max-width:88vw;height:100vh;z-index:calc(var(--z-drawer,400) + 1);flex-direction:column;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #2c1a0e26}.drawer-head{border-bottom:1px solid var(--c-cream-border,#e2d4c4);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.drawer-close{border-radius:var(--radius-md,12px);width:36px;height:36px;color:var(--c-text-muted,#9b8070);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.drawer-close:hover{color:var(--c-espresso,#2c1a0e);background:#2c1a0e0f}.drawer-nav{flex:1;padding:12px 0;overflow-y:auto}.drawer-link{color:var(--c-text-secondary,#6b4c35);border-bottom:1px solid var(--c-cream-border,#e2d4c4);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 24px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.drawer-link:last-child{border-bottom:none}.drawer-link:hover{color:var(--c-espresso,#2c1a0e);background:#2c1a0e0a;padding-left:28px}.drawer-link.active{color:var(--c-espresso,#2c1a0e);background:var(--c-caramel-faint,#c8853e14);font-weight:600}.drawer-footer{border-top:1px solid var(--c-cream-border,#e2d4c4);padding:20px}.drawer-user{flex-direction:column;gap:10px;display:flex}.drawer-profile-btn{color:var(--c-espresso,#2c1a0e);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.drawer-logout{color:var(--c-text-muted,#9b8070);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:15px}.drawer-signin{background:var(--c-espresso,#2c1a0e);color:#fff;border-radius:var(--radius-full,9999px);height:46px;transition:background var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.drawer-signin:hover{background:var(--c-espresso-mid,#4a2e1a)}.d2c-main{flex:1;padding-bottom:72px}@media (width>=769px){.d2c-main{padding-bottom:0}}.d2c-footer{background-color:var(--c-dark,#1a0e08);color:var(--c-text-on-dark,#f0e8db)}.footer-container{max-width:var(--max-width-xl,1200px);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.footer-top{padding:56px 0 40px}.footer-top .footer-container{grid-template-columns:280px 1fr;gap:48px;display:grid}@media (width<=768px){.footer-top .footer-container{grid-template-columns:1fr;gap:36px}}.footer-brand-col{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:9px;text-decoration:none;display:flex}.footer-logo-icon{width:30px;height:30px;color:var(--c-caramel,#c8853e);background:#c8853e26;border:1px solid #c8853e40;border-radius:8px;justify-content:center;align-items:center;display:flex}.footer-logo-text{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;font-size:15px;font-weight:600}.footer-tagline{color:#f0e8db8c;font-size:15px;line-height:1.7}.footer-socials{gap:8px;display:flex}.social-icon{color:#f0e8db80;width:34px;height:34px;transition:all var(--transition-fast);border:1px solid #f0e8db1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.social-icon:hover{color:var(--c-caramel,#c8853e);background:#c8853e0f;border-color:#c8853e66}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=540px){.footer-links-grid{grid-template-columns:repeat(2,1fr)}}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h4{letter-spacing:.1em;text-transform:uppercase;color:#f0e8db66;font-size:15px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif);margin-bottom:2px}.footer-col a{color:#f0e8dba6;transition:color var(--transition-fast);width:fit-content;font-size:15px;text-decoration:none}.footer-col a:hover{color:var(--c-caramel,#c8853e)}.footer-newsletter-strip{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:24px 0}.newsletter-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.newsletter-text{flex-direction:column;gap:3px;display:flex}.newsletter-text strong{color:#fff;font-size:15px;font-weight:600}.newsletter-text span{color:#f0e8db80;font-size:15px}.newsletter-form-footer{flex-shrink:0;gap:8px;display:flex}.newsletter-input-footer{width:220px;transition:border-color var(--transition-fast);outline:none;border-radius:var(--radius-full,9999px)!important;color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;height:38px!important;padding:0 14px!important;font-size:15px!important}.newsletter-input-footer::placeholder{color:#f0e8db59}.newsletter-input-footer:focus{border-color:var(--c-caramel,#c8853e)!important}.newsletter-btn-footer{white-space:nowrap;cursor:pointer;transition:background var(--transition-fast);border:none;background:var(--c-caramel,#c8853e)!important;color:#fff!important;border-radius:var(--radius-full,9999px)!important;height:38px!important;padding:0 20px!important;font-size:15px!important;font-weight:600!important}.newsletter-btn-footer:hover{background:var(--c-caramel-dark,#a0692a)!important}.footer-bottom-bar{padding:16px 0}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-bottom-bar p{color:#f0e8db4d;font-size:15px}.footer-legal-links{gap:16px;display:flex}.footer-legal-links a{color:#f0e8db4d;transition:color var(--transition-fast);font-size:15px;text-decoration:none}.footer-legal-links a:hover{color:#f0e8dba6}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-cream-border,#e2d4c4);height:64px;z-index:var(--z-fixed,300);background:#faf6f0f7;justify-content:stretch;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #2c1a0e0f}@media (width<=768px){.mobile-bottom-nav{display:flex}}.mob-item{color:var(--c-text-muted,#9b8070);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mob-item:hover,.mob-item.active{color:var(--c-espresso,#2c1a0e)}.mob-item.active svg{stroke-width:2.5px}.mob-cart-icon{justify-content:center;align-items:center;display:flex;position:relative}.mob-cart-badge{background:var(--c-caramel,#c8853e);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:600;display:flex;position:absolute;top:-6px;right:-8px}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-8);-webkit-user-select:none;user-select:none;font-weight:600;font-size:var(--font-size-body);border:none;outline:none;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn-medium{padding:0 var(--space-20);min-height:44px}.btn-small{padding:0 var(--space-12);min-height:34px;font-size:var(--font-size-caption);border-radius:var(--radius-sm);gap:var(--space-4)}.btn-large{padding:0 var(--space-32);min-height:52px;font-size:var(--font-size-body-lg);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #8b6347 100%);color:#fff;box-shadow:0 2px 8px #6f4e3733}.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #6f4e3740}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 1px 4px #6f4e3733}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary-light)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-accent{background:linear-gradient(135deg, var(--color-accent) 0%, #d4b896 100%);color:var(--color-espresso);font-weight:600;box-shadow:0 2px 8px #c8a97e40}.btn-accent:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #c8a97e4d}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn-full-width{width:100%;display:flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-loading{pointer-events:none}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-text{white-space:nowrap}:root{--sb-width-expanded:230px;--sb-width-collapsed:72px;--sb-bg:var(--al-bg-card);--sb-bg-secondary:var(--al-bg);--sb-border:var(--al-border);--sb-text-primary:var(--al-text);--sb-text-secondary:var(--al-text-secondary);--sb-text-muted:var(--al-text-muted);--sb-accent:var(--al-accent);--sb-accent-hover:var(--al-accent-hover);--sb-accent-subtle:var(--al-accent-light);--sb-item-hover:var(--al-accent-light);--sb-item-active:var(--al-accent-light);--sb-item-active-border:var(--al-accent);--sb-transition:var(--al-transition);--sb-radius:var(--al-radius-sm);--sb-header-height:64px;--sb-search-height:40px}.sb-sidebar{width:var(--sb-width-expanded);min-width:var(--sb-width-expanded);max-width:var(--sb-width-expanded);background:var(--sb-bg);height:100%;-webkit-backdrop-filter:var(--al-glass-backdrop);border-right:1px solid var(--sb-border);transition:width var(--sb-transition), min-width var(--sb-transition), max-width var(--sb-transition);will-change:width;z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:visible}.sb-sidebar.collapsed{width:var(--sb-width-collapsed);min-width:var(--sb-width-collapsed);max-width:var(--sb-width-collapsed)}.sb-brand{height:var(--sb-header-height);border-bottom:1px solid var(--sb-border);flex-shrink:0;align-items:center;padding:0 16px;display:flex;position:relative}.sb-sidebar.collapsed .sb-brand{justify-content:center;padding:0}.sb-brand-link{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.sb-sidebar.collapsed .sb-brand-link{justify-content:center;gap:0}.sb-brand-icon{color:#fff;background:#111827;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.sb-brand-text{white-space:nowrap;flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.sb-brand-name{letter-spacing:-.02em;color:var(--sb-text-primary);font-size:15px;font-weight:600;line-height:1.2}.sb-brand-tagline{color:var(--sb-text-secondary);letter-spacing:.03em;font-size:10px;line-height:1}.sb-toggle{right:-12px;top:calc((var(--sb-header-height) - 24px) / 2);border:1px solid var(--sb-border);width:24px;min-width:24px;height:24px;color:var(--sb-text-secondary);cursor:pointer;z-index:50;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;box-shadow:0 2px 5px #00000014}.sb-toggle:hover{background:var(--sb-item-hover);color:var(--sb-text-primary);border-color:#d1d5db}.sb-search-trigger-wrap{flex-shrink:0;padding:10px 16px 6px}.sb-sidebar.collapsed .sb-search-trigger-wrap{justify-content:center;padding:10px 0 6px;display:flex}.sb-search-trigger{border:1px solid var(--sb-border);width:100%;height:34px;color:var(--sb-text-secondary);cursor:pointer;text-align:left;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:15px;transition:all .15s;display:flex}.sb-search-trigger:hover{color:var(--sb-text-primary);background:#f9fafb;border-color:#d1d5db}.sb-search-trigger.collapsed{justify-content:center;width:44px;height:34px;margin:0;padding:0}.sb-search-trigger-label{white-space:nowrap;flex:1;overflow:hidden}.sb-search-kbd{color:var(--sb-text-muted);background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:monospace;font-size:10px}.sb-nav{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex:1;padding:4px 0 8px;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.sb-sidebar.collapsed .sb-nav{scrollbar-width:none!important;-ms-overflow-style:none!important}.sb-sidebar.collapsed .sb-nav::-webkit-scrollbar{display:none!important}.sb-pinned-section{border-bottom:1px solid var(--sb-border);margin-bottom:4px;padding:0 0 4px}.sb-pinned-item{opacity:.75}.sb-pinned-item:hover{opacity:1}.sb-group{padding:0 0 2px}.sb-sidebar.collapsed .sb-group{margin-bottom:8px;padding-bottom:8px;position:relative}.sb-sidebar.collapsed .sb-group:after{content:"";background:var(--sb-border);opacity:.6;height:1px;position:absolute;bottom:0;left:20px;right:20px}.sb-sidebar.collapsed .sb-group:last-of-type{margin-bottom:0;padding-bottom:0}.sb-sidebar.collapsed .sb-group:last-of-type:after{display:none}.sb-group-header{cursor:pointer;color:#000;letter-spacing:.09em;text-transform:uppercase;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px 4px;font-size:15px;font-weight:600;transition:color .15s;display:flex}.sb-sidebar.collapsed .sb-group-header{width:44px;height:40px;color:var(--sb-text-secondary);border-radius:9px;justify-content:center;margin:4px auto 2px;padding:0}.sb-group-header:hover{color:var(--sb-text-secondary)}.sb-sidebar.collapsed .sb-group-header:hover{color:var(--sb-text-primary);background:var(--sb-item-hover)}.sb-group-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-sidebar.collapsed .sb-group-icon{margin:0}.sb-group-label{white-space:nowrap;flex:1;overflow:hidden}.sb-group-chevron{flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.sb-group.open .sb-group-chevron{transform:none}.sb-group-items{padding:0 6px;animation:.18s sb-items-in}@keyframes sb-items-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sb-group-items-collapsed{padding:0 4px}.sb-item{height:44px;color:var(--sb-text-secondary);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:3px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:color .14s,background .14s;display:flex;position:relative;overflow:hidden}.sb-item:hover{color:var(--sb-text-primary);background:var(--sb-item-hover)}.sb-item.active{color:var(--sb-text-primary);background:var(--sb-item-active);font-weight:600}.sb-item.active:before{content:"";background:var(--sb-item-active-border);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sb-sidebar.collapsed .sb-item{border-radius:9px;justify-content:center;width:44px;height:40px;margin:1px auto;padding:0;overflow:visible}.sb-sidebar.collapsed .sb-item.active:before{border-radius:0 4px 4px 0;width:3px;height:24px;left:-14px}.sb-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.sb-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-badge{color:#fff;letter-spacing:0;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:8.5px;font-weight:600;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.sb-pin-btn{width:18px;height:18px;color:var(--sb-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:none}.sb-item:hover .sb-pin-btn{display:flex}.sb-pin-btn:hover,.sb-pin-btn.pinned{color:var(--sb-accent);background:var(--sb-accent-subtle)}.sb-tooltip-wrap{display:block;position:relative}.sb-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:1000;background:#111827;border:1px solid #374151;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:15px;font-weight:500;transition:opacity .12s;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 16px #0000001a}.sb-tooltip:before{content:"";border:5px solid #0000;border-left:none;border-right-color:#374151;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.sb-tooltip-badge{color:#fff;background:#dc2626;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:600}.sb-tooltip-wrap:hover .sb-tooltip{opacity:1}.sb-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:10px}.sb-sidebar.collapsed .sb-footer{padding:12px 0}.sb-user-row{align-items:center;gap:9px;display:flex;overflow:hidden}.sb-sidebar.collapsed .sb-user-row{flex-direction:column;justify-content:center;align-items:center;gap:12px;overflow:visible}.sb-user-avatar{width:32px;min-width:32px;height:32px;color:var(--sb-text-primary);background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.sb-user-info{flex:1;min-width:0;overflow:hidden}.sb-user-name{color:var(--sb-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.sb-user-role{color:var(--sb-text-muted);text-transform:capitalize;white-space:nowrap;font-size:10px;display:block}.sb-logout-btn{width:28px;min-width:28px;height:28px;color:var(--sb-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.sb-sidebar.collapsed .sb-logout-btn{margin:0 auto}.sb-logout-btn:hover{color:#dc2626;background:#fee2e2}.sb-search-overlay{z-index:9999;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.sb-search-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;position:absolute;inset:0}.sb-search-panel{border:1px solid var(--sb-border);background:#fff;border-radius:14px;width:100%;max-width:560px;animation:.15s sb-search-in;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000001a}@keyframes sb-search-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sb-search-input-row{border-bottom:1px solid var(--sb-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.sb-search-icon{color:var(--sb-text-muted);flex-shrink:0}.sb-search-input{color:var(--sb-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.sb-search-input::placeholder{color:var(--sb-text-muted)}.sb-search-close{width:26px;height:26px;color:var(--sb-text-secondary);cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .14s;display:flex}.sb-search-close:hover{color:var(--sb-text-primary);background:#e5e7eb}.sb-search-results{max-height:380px;padding:6px;overflow-y:auto}.sb-search-result{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;transition:background .12s;display:flex}.sb-search-result:hover,.sb-search-result.selected{background:#f3f4f6}.sb-search-result-icon{width:28px;height:28px;color:var(--sb-text-secondary);background:#e5e7eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-search-result-label{color:var(--sb-text-primary);flex:1;font-size:13.5px;font-weight:500}.sb-search-result-group{color:var(--sb-text-muted);font-size:15px}.sb-search-empty{text-align:center;color:var(--sb-text-muted);padding:24px 16px;font-size:15px}.sb-search-hint{text-align:center;color:var(--sb-text-muted);padding:12px 16px;font-size:11.5px}.sb-single-item-wrap{padding:0 6px}.sb-sidebar.collapsed .sb-single-item-wrap{padding:0 4px}:root{--th-height:64px;--th-bg:#fff;--th-border:#eaeaea;--th-text:#111827;--th-text-secondary:#6b7280;--th-text-muted:#9ca3af;--th-accent:#111827;--th-hover-bg:#f9fafb;--th-shadow:none}[data-theme=dark]{--th-bg:#1c1c1c;--th-border:#ffffff12;--th-text:#ffffffeb;--th-text-secondary:#ffffff80;--th-text-muted:#ffffff40;--th-hover-bg:#ffffff0d;--th-shadow:0 1px 0 var(--th-border)}.th-header{height:var(--th-height);min-height:var(--th-height);background:var(--th-bg);border-bottom:1px solid var(--th-border);box-shadow:none;z-index:200;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.th-left{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.th-mobile-toggle{width:34px;height:34px;color:var(--th-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s;display:none}.th-mobile-toggle:hover{background:var(--th-hover-bg)}@media (width<=900px){.th-mobile-toggle{display:flex}}.th-breadcrumb{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:5px;font-size:15px;display:flex;overflow:hidden}.th-bc-link{color:var(--th-text-muted);flex-shrink:0;font-weight:500;text-decoration:none;transition:color .14s}.th-bc-link:hover{color:var(--th-accent)}.th-bc-sep{color:var(--th-text-muted);opacity:.5;flex-shrink:0}.th-bc-group{color:var(--th-text-muted);flex-shrink:0;font-weight:400}.th-bc-current{color:var(--th-text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.th-center{flex:1;min-width:0;max-width:420px;margin:0 auto}.th-search-trigger{border:1px solid var(--th-border);width:100%;height:40px;color:var(--th-text-muted);cursor:pointer;text-align:left;background:#f9fafb;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:15px;transition:all .15s;display:flex}[data-theme=dark] .th-search-trigger{background:#ffffff0f;border-color:#ffffff17}.th-search-trigger:hover{background:#f3f4f6;border-color:#d1d5db}[data-theme=dark] .th-search-trigger:hover{background:#ffffff17}.th-search-icon{flex-shrink:0}.th-search-placeholder{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.th-search-kbd{color:var(--th-text-muted);background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:monospace;font-size:10px}[data-theme=dark] .th-search-kbd{background:#ffffff12;border-color:#ffffff1a}.th-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.th-store-selector{border:1px solid var(--th-border);height:40px;color:var(--th-text-secondary);background:0 0;border-radius:12px;align-items:center;gap:6px;padding:0 12px;transition:all .14s;display:flex}[data-theme=dark] .th-store-selector{border-color:#ffffff17}.th-store-selector:hover{background:var(--th-hover-bg)}.th-store-icon{flex-shrink:0}.th-store-select{height:100%;color:var(--th-text-secondary);cursor:pointer;background:0 0;border:none;outline:none;min-width:90px;max-width:140px;padding:0;font-size:15px}.th-store-select option{background:var(--th-bg);color:var(--th-text)}.th-alert-chip{color:#dc2626;background:#dc262612;border:1px solid #dc262624;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .14s;display:flex}.th-alert-chip:hover{background:#dc26261f}.th-icon-btn{width:40px;height:40px;color:var(--th-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex;position:relative}.th-icon-btn:hover{background:var(--th-hover-bg);color:var(--th-text)}.th-notif-dot{color:#fff;border:1.5px solid var(--th-bg);background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 2px;font-size:8.5px;font-weight:600;display:flex;position:absolute;top:5px;right:5px}.th-notif-wrap,.th-user-wrap{position:relative}.th-notif-dropdown,.th-user-dropdown{background:var(--th-bg);border:1px solid var(--th-border);z-index:500;border-radius:12px;width:320px;animation:.15s th-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000002e}[data-theme=dark] .th-notif-dropdown,[data-theme=dark] .th-user-dropdown{box-shadow:0 12px 40px #0009}@keyframes th-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.th-notif-header{border-bottom:1px solid var(--th-border);color:var(--th-text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.th-notif-close{color:var(--th-accent);cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:500}.th-notif-empty{color:var(--th-text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:12.5px;display:flex}.th-notif-list{max-height:300px;overflow-y:auto}.th-notif-item{border-bottom:1px solid var(--th-border);align-items:flex-start;gap:10px;padding:10px 16px;text-decoration:none;transition:background .12s;display:flex}.th-notif-item:last-child{border-bottom:none}.th-notif-item:hover{background:var(--th-hover-bg)}.th-notif-item-icon{color:var(--th-accent);flex-shrink:0;margin-top:2px}.th-notif-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.th-notif-item-label{color:var(--th-text);font-size:12.5px;font-weight:500}.th-notif-item-time{color:var(--th-text-muted);font-size:15px}.th-user-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.th-user-avatar{width:32px;height:32px;color:var(--th-accent);background:#c8853e1f;border:2px solid #c8853e40;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:border-color .14s;display:flex}.th-user-btn:hover .th-user-avatar{border-color:var(--th-accent)}.th-user-dropdown{width:240px}.th-user-profile-header{border-bottom:1px solid var(--th-border);align-items:center;gap:12px;padding:16px;display:flex}.th-user-avatar-lg{border:2px solid var(--th-accent);width:40px;height:40px;color:var(--th-accent);background:#c8853e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.th-user-details{flex-direction:column;gap:2px;min-width:0;display:flex}.th-user-name-lg{color:var(--th-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.th-user-role-lg{color:var(--th-text-secondary);text-transform:capitalize;font-size:15px}.th-user-email{color:var(--th-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.th-user-menu-divider{background:var(--th-border);height:1px}.th-user-menu-item{width:100%;color:var(--th-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:10px 16px;font-size:15px;text-decoration:none;transition:all .13s;display:flex}.th-user-menu-item:hover{background:var(--th-hover-bg);color:var(--th-text)}.th-user-logout:hover{color:#dc2626;background:#dc26260f}@media (width<=768px){.th-center,.th-store-selector,.th-alert-chip{display:none}.th-header{padding:0 12px}}@media (width<=480px){.th-breadcrumb .th-bc-group,.th-breadcrumb .th-bc-sep:first-of-type{display:none}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:299;opacity:0;pointer-events:none;background:0 0;transition:opacity .25s;position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto;background:#0000008c}.mobile-drawer{z-index:300;will-change:transform;width:280px;max-width:90vw;transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}:root{--al-sidebar-expanded:260px;--al-sidebar-collapsed:72px;--al-header-h:64px;--al-content-pad:24px;--al-content-pad-sm:16px;--al-bg:#f8fafc;--al-bg-card:#ffffffd9;--al-border:#0f172a14;--al-text:#0f172a;--al-text-secondary:#475569;--al-text-muted:#94a3b8;--al-accent:#007aff;--al-coffee-accent:#c67c4e;--al-accent-light:#007aff0f;--al-accent-hover:#0056b3;--al-glass-backdrop:blur(12px);--al-glass-border:#ffffff80;--al-success:#10b981;--al-success-bg:#10b98114;--al-warning:#f59e0b;--al-warning-bg:#f59e0b14;--al-danger:#ef4444;--al-danger-bg:#ef444414;--al-info:#3b82f6;--al-info-bg:#3b82f614;--al-radius-sm:10px;--al-radius:16px;--al-radius-lg:20px;--al-shadow-sm:0 1px 2px #00000005;--al-shadow:0 10px 30px -10px #0000000a, 0 1px 3px #00000005;--al-shadow-lg:0 20px 40px -15px #00000014;--al-shadow-glow:0 0 20px #007aff1f;--al-transition:.28s cubic-bezier(.16, 1, .3, 1);--z-sidebar:10;--z-sticky:200;--z-dropdown:400;--z-drawer:300;--z-overlay:299;--z-modal:600;--z-toast:800}[data-theme=dark]{--al-bg:#090d16;--al-bg-card:#141a2abf;--al-border:#ffffff0f;--al-text:#f8fafc;--al-text-secondary:#94a3b8;--al-text-muted:#475569;--al-accent:#0084ff;--al-accent-light:#0084ff1a;--al-glass-border:#ffffff0a;--al-shadow-sm:0 2px 4px #0006;--al-shadow:0 8px 30px #00000080;--al-shadow-lg:0 20px 50px #0009;--al-shadow-glow:0 0 24px #0084ff40}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.al-root{background:var(--al-bg);width:100vw;height:100vh;transition:background var(--al-transition);flex-direction:row;font-family:Author,Inter,sans-serif;display:flex;overflow:hidden}.al-sidebar-slot{flex-shrink:0;height:100%;display:flex}@media (width<=899px){.al-sidebar-slot{display:none}}.al-main-panel{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.al-content{min-height:0;padding:var(--al-content-pad);background:var(--al-bg);scroll-behavior:smooth;overscroll-behavior:contain;flex:1;overflow:hidden auto}.al-content::-webkit-scrollbar{width:4px}.al-content::-webkit-scrollbar-track{background:0 0}.al-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}[data-theme=dark] .al-content::-webkit-scrollbar-thumb{background:#ffffff1a}@media (width<=768px){.al-content{padding:var(--al-content-pad-sm)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header-left h2,.page-header-left h1{color:var(--al-text);letter-spacing:-.02em;margin:0 0 4px;font-family:Author,Outfit,sans-serif;font-size:26px;font-weight:600}.page-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.stats-row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow-sm);transition:transform var(--al-transition), box-shadow var(--al-transition), border-color var(--al-transition);flex-direction:column;gap:6px;padding:18px;display:flex}.stat-card:hover{box-shadow:var(--al-shadow), var(--al-shadow-glow);border-color:var(--al-accent);transform:translateY(-2px)}.stat-value{color:var(--al-text);letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1.1}.stat-label{color:var(--al-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-select,.filter-search,.filter-date{cursor:pointer;border:1px solid var(--al-border)!important;border-radius:var(--al-radius-sm)!important;height:42px!important;color:var(--al-text)!important;background:var(--al-bg-card)!important;-webkit-backdrop-filter:var(--al-glass-backdrop)!important;transition:border-color var(--al-transition), box-shadow var(--al-transition)!important;outline:none!important;padding:0 14px!important;font-size:14px!important}.filter-search{min-width:240px;padding:0 14px!important}.filter-select:focus,.filter-search:focus,.filter-date:focus{border-color:var(--al-accent)!important;box-shadow:var(--al-shadow-glow)!important}.data-table-container{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);transition:box-shadow var(--al-transition);overflow:hidden}.al-card{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow-sm);transition:box-shadow var(--al-transition);padding:24px}.al-card-title{color:var(--al-text);letter-spacing:-.01em;margin:0 0 18px;font-size:18px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);background:#0b0f1973;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius-lg);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--al-shadow-lg), var(--al-shadow-glow);padding:28px;animation:.35s cubic-bezier(.16,1,.3,1) modal-content-in;position:relative;overflow-y:auto}.modal-content.modal-wide{max-width:920px}@keyframes modal-content-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.modal-header h3{margin:0}.modal-header-icon{color:var(--al-accent);flex-shrink:0}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--al-border);border-radius:var(--al-radius-sm);height:36px;color:var(--al-text);background:var(--al-bg-card);outline:none;width:100%;padding:0 10px;font-size:13.5px;transition:border-color .14s,box-shadow .14s}.form-group textarea{resize:vertical;height:auto;min-height:80px;padding:8px 10px;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--al-accent);box-shadow:0 0 0 3px #c8853e1f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--al-text-muted)}@media (width<=520px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.status-badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:15px;font-weight:600;display:inline-flex}.status-badge.open,.status-badge.pending,.status-badge.draft{background:var(--al-warning-bg);color:var(--al-warning)}.status-badge.active,.status-badge.completed,.status-badge.resolved,.status-badge.received{background:var(--al-success-bg);color:var(--al-success)}.status-badge.cancelled,.status-badge.failed,.status-badge.rejected{background:var(--al-danger-bg);color:var(--al-danger)}.status-badge.in_progress,.status-badge.processing,.status-badge.shipped{background:var(--al-info-bg);color:var(--al-info)}.section-title{color:var(--al-text);letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:600}.section-subtitle{color:var(--al-text-muted);margin:0 0 20px;font-size:15px}.empty-row td{text-align:center;color:var(--al-text-muted);font-size:15px;padding:40px!important}.al-loading{min-height:120px;color:var(--al-text-muted);justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}@media (width<=640px){.data-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.text-muted{color:var(--al-text-muted)}.text-accent{color:var(--al-accent)}.text-success{color:var(--al-success)}.text-warning{color:var(--al-warning)}.mt-0{margin-top:0!important}.mb-4{margin-bottom:16px!important}.mb-6{margin-bottom:24px!important}.gap-2{gap:8px!important}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.glass{background:var(--al-bg-card)}.cms-table-container{background:var(--al-bg-card);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow-sm);overflow:hidden}.cms-table{border-collapse:collapse;width:100%;font-size:15px}.cms-table thead tr{border-bottom:1px solid var(--al-border);background:#00000006}[data-theme=dark] .cms-table thead tr{background:#ffffff08}.cms-table th{text-align:left;color:var(--al-text-secondary);white-space:nowrap;padding:16px 24px;font-size:15px;font-weight:500}.cms-table td{color:var(--al-text);border-bottom:1px solid var(--al-border);vertical-align:middle;padding:16px 24px;font-size:15px}.cms-table tbody tr:last-child td{border-bottom:none}.cms-table tbody tr:hover{background:#00000005}[data-theme=dark] .cms-table tbody tr:hover{background:#ffffff05}.animate-fade-in{animation:.25s al-fade-in}@keyframes al-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.action-btn-update{height:28px!important;padding:4px 10px!important;font-size:15px!important}[data-theme=dark] .al-card,[data-theme=dark] .stat-card,[data-theme=dark] .data-table-container,[data-theme=dark] .cms-table-container,[data-theme=dark] .modal-content{background:var(--al-bg-card);border-color:var(--al-border)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea,[data-theme=dark] .filter-select,[data-theme=dark] .filter-search,[data-theme=dark] .filter-date{color:var(--al-text)!important;background:#ffffff0a!important;border-color:#ffffff17!important}.modal-content,.suppliers-page .modal-content,.purchase-orders-page .modal-content,.store-transfers-page .modal-content,.waste-logs-page .modal-content,.staff-page .modal-content,.packaging-page .modal-content,.shipping-page .modal-content,.raw-materials-page .modal-content,.categories-page .modal-content,.settings-page .modal-content,.orders-page .modal-content,.roles-modal,.menu-modal,.promo-modal-lg,.loyalty-modal{width:100%!important;max-width:780px!important;max-height:85vh!important}.modal-content.modal-wide,.suppliers-page .modal-content.modal-wide,.purchase-orders-page .modal-content.modal-wide,.store-transfers-page .modal-content.modal-wide,.waste-logs-page .modal-content.modal-wide,.raw-materials-page .modal-content.modal-wide,.packaging-page .modal-content.modal-wide{max-width:920px!important}.barista-layout{--color-bg:#fafafa;--color-surface:#fff;--color-surface-alt:#f4f4f5;--color-surface-hover:#e4e4e7;--color-border:#eaeaea;--color-border-subtle:#f3f4f6;--color-text:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-secondary:#111827;--color-primary:#2c1a0e;--color-primary-light:#2c1a0e0f;--color-primary-hover:#4a2e1a;--color-success:#10b981;--color-success-light:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-error:#ef4444;--color-error-light:#ef44441a;background-color:var(--color-bg);height:100vh;color:var(--color-text);font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden}.kds-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:64px;box-shadow:none;z-index:10;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.kds-brand{align-items:center;gap:.8rem;display:flex}.kds-brand h1{font-family:var(--font-heading);letter-spacing:.5px;background:linear-gradient(135deg,#2d1b10 30%,#c67c4e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:600}.kds-logo{filter:drop-shadow(0 2px 8px #c67c4e26);font-size:1.8rem}.station-badge{background-color:var(--color-surface-alt);color:var(--color-primary);border:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.4rem .8rem;font-size:.95rem;font-weight:600;box-shadow:inset 0 1px 3px #0000000d}.kds-nav{align-items:flex-end;gap:.5rem;height:100%;display:flex}.kds-nav-link{color:var(--color-text-secondary);background-color:var(--color-surface-alt);border:1px solid var(--color-border);transition:all var(--transition-fast);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.kds-nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.kds-nav-link.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600;box-shadow:0 -2px 10px #c67c4e1a}.kds-badge{color:inherit;background-color:#2d1b1014;border:1px solid #2d1b101a;border-radius:10px;padding:.15rem .5rem;font-size:.95rem;font-weight:600}.kds-nav-link.active .kds-badge{color:#fff;background-color:#ffffff40;border:none}.kds-actions{align-items:center;gap:1rem;display:flex}.sound-toggle{background-color:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600}.sound-toggle:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.sound-on{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-success-light)}.kds-exit-btn{color:#fff;cursor:pointer;transition:all var(--transition-fast);background-color:#c92a2a;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;box-shadow:0 4px 10px #c92a2a26}.kds-exit-btn:hover{background-color:#e03131;transform:translateY(-1px);box-shadow:0 4px 15px #c92a2a40}.kds-workspace{background-color:var(--color-bg);flex-grow:1;padding:1.5rem;overflow:hidden}@media (width<=992px){.kds-header{flex-direction:column;gap:1rem;height:auto;padding:1rem}.kds-nav{border-bottom:1px solid var(--color-border);width:100%;padding-bottom:.2rem;overflow-x:auto}.kds-nav-link{white-space:nowrap}}.kiosk-layout-container{color:#2e1f16;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#fcfaf7 0%,#f4eee3 100%);flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.kiosk-top-bar{-webkit-backdrop-filter:blur(28px)saturate(125%);z-index:100;background:#ffffffbf;border:1px solid #b3926840;border-radius:32px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;height:64px;padding:0 2rem;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #b3926814,0 4px 15px #00000008}.kiosk-header-left{align-items:center;gap:8px;display:flex}.logo-icon-kiosk{filter:drop-shadow(0 0 4px #b392684d);font-size:1.3rem}.terminal-id-kiosk{letter-spacing:.08em;color:#a8845c;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.kiosk-header-center{align-items:center;gap:1.5rem;display:flex}.nav-shortcut-btn{color:#2e1f16a6;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding:.4rem .8rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.nav-shortcut-btn:hover{color:#a8845c}.kiosk-header-right{align-items:center;gap:8px;display:flex}.kiosk-control-btn{color:#2e1f16;cursor:pointer;background-color:#b392680d;border:1px solid #b392682e;border-radius:16px;padding:.4rem .8rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.kiosk-control-btn:hover{background-color:#b392681f;border-color:#a8845c}.kiosk-back-arrow-btn{color:#2e1f16;cursor:pointer;letter-spacing:.05em;background-color:#b392680f;border:1px solid #b3926826;border-radius:20px;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.kiosk-back-arrow-btn:hover{color:#fff;background:#a8845c;border-color:#a8845c;box-shadow:0 4px 12px #a8845c33}.kiosk-cart-summary-bubble{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#c8a97e,#b39268);border:none;border-radius:20px;align-items:center;gap:6px;padding:.4rem 1.1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 15px #b3926833}.kiosk-cart-summary-bubble:hover{background:#a8845c;box-shadow:0 4px 10px #a8845c26}.kiosk-view-workspace{background:0 0;flex-grow:1;position:relative;overflow:hidden}.kiosk-assistive-footer{-webkit-backdrop-filter:blur(20px);color:#2e1f1699;letter-spacing:.01em;z-index:100;background:#ffffffbf;border:1px solid #b3926833;border-radius:27px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;height:54px;padding:0 2rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #b392680f}.kiosk-help-trigger-btn{color:#a8845c;cursor:pointer;letter-spacing:.04em;background-color:#b392680d;border:1px solid #b3926833;border-radius:15px;padding:.4rem 1.1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.kiosk-help-trigger-btn:hover{background-color:#b392681f;border-color:#a8845c;transform:translateY(-1px);box-shadow:0 4px 12px #a8845c26}@media (width<=768px){.kiosk-top-bar{width:calc(100% - 24px);height:56px;padding:0 1rem;top:12px}.kiosk-header-center{display:none}.kiosk-back-arrow-btn{padding:.3rem .8rem;font-size:.95rem}.kiosk-assistive-footer{flex-direction:row;width:calc(100% - 24px);height:48px;padding:0 1rem;bottom:12px}.kiosk-assistive-footer p{display:none}.kiosk-help-trigger-btn{text-align:center;width:100%}}.home-page{background-color:var(--c-cream,#faf6f0)}.section-pad{padding:80px 0}@media (width<=768px){.section-pad{padding:56px 0}}.section-header{text-align:center;max-width:560px;margin:0 auto 52px}.section-header .eyebrow{margin-bottom:10px;display:block}.section-header h2{font-family:var(--font-display,"Playfair Display", serif);color:var(--c-espresso,#2c1a0e);margin:0 0 14px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1.2}.section-header p{color:var(--c-text-secondary,#6b4c35);font-size:1rem;line-height:1.65}.btn-outline-espresso{border:1.5px solid var(--c-espresso,#2c1a0e);height:42px;color:var(--c-espresso,#2c1a0e);border-radius:999px;align-items:center;gap:7px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline-espresso:hover{background:var(--c-espresso,#2c1a0e);color:#fff}.hero-section{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-video{object-fit:cover;opacity:0;z-index:0;width:100%;height:100%;transition:opacity 1.5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero-bg-video.loaded{opacity:1}.hero-bg-img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(110deg,#1a0e08c7 0%,#2c1a0e8c 50%,#2c1a0e26 100%);position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:48px;padding-bottom:48px;display:grid;position:relative}@media (width<=900px){.hero-content{text-align:center;grid-template-columns:1fr}}.hero-text{flex-direction:column;align-items:flex-start;gap:20px;display:flex}@media (width<=900px){.hero-text{align-items:center}}.hero-eyebrow{color:var(--c-caramel-light,#e8a86a);letter-spacing:.06em;text-transform:uppercase;background:#c8853e2e;border:1px solid #c8853e59;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:15px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0;font-size:clamp(3rem,6vw,5rem);font-weight:600;line-height:1.05}.hero-title-em{color:var(--c-caramel-light,#e8a86a);font-style:italic}.hero-title-dot{color:var(--c-caramel,#c8853e)}.hero-subtitle{color:#f0e8dbcc;max-width:440px;margin:0;font-size:1rem;line-height:1.7}.hero-cta-group{flex-wrap:wrap;gap:12px;display:flex}.hero-cta-primary{background:var(--c-caramel,#c8853e);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:8px;height:50px;padding:0 28px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.hero-cta-primary:hover{background:var(--c-caramel-dark,#a0692a);transform:translateY(-1px)}.hero-cta-secondary{color:#f0e8dbe6;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #f0e8db59;border-radius:999px;align-items:center;gap:8px;height:50px;padding:0 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.hero-cta-secondary:hover{color:#fff;border-color:#f0e8dbb3}.hero-stats{align-items:center;gap:16px;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat strong{color:#fff;font-size:20px;font-weight:600;line-height:1}.hero-stat span{color:#f0e8db99;font-size:15px;font-weight:500}.hero-stat-sep{background:#f0e8db33;width:1px;height:36px}.hero-visual{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-video-showcase-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-product-img{filter:drop-shadow(0 20px 60px #00000073);z-index:1;width:90%;max-width:380px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hero-product-img:hover{transform:scale(1.03)rotate(1.5deg)}.glass-floating-card{-webkit-backdrop-filter:blur(16px)saturate(140%);color:#fff;letter-spacing:.05em;z-index:3;pointer-events:none;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;display:flex;position:absolute;box-shadow:0 10px 30px #00000040,inset 0 1px 1px #ffffff1a}.glass-floating-card.top-left{top:10%;left:-5%}.glass-floating-card.bottom-right{bottom:15%;right:-5%}.bullet-indicator{background-color:var(--c-caramel-light,#e8a86a);width:8px;height:8px;box-shadow:0 0 10px var(--c-caramel-light,#e8a86a);border-radius:50%;animation:2s infinite pulse-gold;display:inline-block}.bullet-indicator.gold{background-color:gold;box-shadow:0 0 10px gold}.hero-floating-elements{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.floating-bean{opacity:.25;filter:blur(.5px);font-size:2rem;position:absolute}.bean-1{animation:12s ease-in-out infinite float-slow;top:15%;left:8%}.bean-2{font-size:2.5rem;animation:9s ease-in-out infinite float-medium;bottom:20%;left:20%}.bean-3{animation:15s ease-in-out infinite float-slow,20s linear infinite spin-slow;top:25%;right:15%}.floating-glow{filter:blur(100px);opacity:.15;mix-blend-mode:screen;pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute}.glow-1{background:var(--c-caramel,#c8853e);animation:10s ease-in-out infinite alternate glow-pulse;top:-10%;right:10%}.glow-2{background:teal;animation:8s ease-in-out infinite alternate-reverse glow-pulse;bottom:5%;left:5%}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(15deg)}}@keyframes float-medium{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-20px)rotate(-10deg)scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%{opacity:.1;transform:scale(1)}to{opacity:.22;transform:scale(1.2)}}@keyframes pulse-gold{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.animate-float{animation:8s ease-in-out infinite float-slow}.animate-float-delayed{animation:10s ease-in-out 1.5s infinite float-medium}@media (width<=900px){.hero-visual{display:none}.hero-content{grid-template-columns:1fr}.hero-text{text-align:center;align-items:center}.hero-subtitle{text-align:center}.hero-cta-group,.hero-stats{justify-content:center}}.trust-bar{background:var(--c-espresso,#2c1a0e);padding:18px 0}.trust-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.trust-item{color:#f0e8dbcc;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.trust-item svg{color:var(--c-caramel,#c8853e);flex-shrink:0}@media (width<=768px){.trust-bar-inner{justify-content:center;gap:16px}.trust-item span{display:none}}.products-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;display:grid}@media (width<=1100px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.products-grid{grid-template-columns:1fr}}.product-card{border:1px solid var(--c-cream-border,#e2d4c4);cursor:pointer;background:#fff;border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.product-card:hover{border-color:var(--c-caramel-light,#e8a86a);transform:translateY(-4px);box-shadow:0 16px 40px #2c1a0e1a}.product-card-skeleton{cursor:default;pointer-events:none}.pc-img-wrap{aspect-ratio:4/3;background:var(--c-cream-dark,#f0e8db);position:relative;overflow:hidden}.pc-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .pc-img{transform:scale(1.04)}.pc-out-badge{color:#f0e8dbe6;background:#1a0e08bf;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.pc-img-skeleton{aspect-ratio:4/3;width:100%}.pc-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.pc-meta{justify-content:space-between;align-items:center;display:flex}.pc-stars{align-items:center;gap:2px;display:flex}.pc-rating-count{color:var(--c-text-muted,#9b8070);margin-left:4px;font-size:10px}.pc-name{color:var(--c-espresso,#2c1a0e);margin:0;font-size:15px;font-weight:600;line-height:1.3}.pc-desc{color:var(--c-text-muted,#9b8070);margin:0;font-size:15px;line-height:1.55}.pc-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.pc-price{flex-direction:column;gap:1px;display:flex}.pc-original{color:var(--c-text-muted,#9b8070);font-size:15px;text-decoration:line-through}.pc-current{color:var(--c-espresso,#2c1a0e);font-size:16px;font-weight:600}.pc-add-btn{background:var(--c-espresso,#2c1a0e);color:#fff;cursor:pointer;border:none;border-radius:999px;height:34px;padding:0 16px;font-size:15px;font-weight:600;transition:background .2s;min-height:auto!important}.pc-add-btn:hover:not(:disabled){background:var(--c-espresso-mid,#4a2e1a)}.pc-add-btn:disabled{opacity:.4;cursor:not-allowed}.section-cta-row{justify-content:center;display:flex}.story-section{background:var(--c-cream-dark,#f0e8db);padding:80px 0}.story-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=900px){.story-inner{grid-template-columns:1fr;gap:40px}}.story-image-col{aspect-ratio:4/3;border-radius:20px;overflow:hidden}.story-img{object-fit:cover;width:100%;height:100%}.story-text-col{flex-direction:column;gap:20px;display:flex}.story-text-col h2{font-family:var(--font-display,"Playfair Display", serif);color:var(--c-espresso,#2c1a0e);margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.25}.story-text-col p{color:var(--c-text-secondary,#6b4c35);font-size:1rem;line-height:1.75}.story-pillars{flex-direction:column;gap:14px;display:flex}.story-pillar{align-items:flex-start;gap:12px;display:flex}.story-pillar-icon{width:36px;height:36px;color:var(--c-caramel,#c8853e);background:#c8853e1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.story-pillar strong{color:var(--c-espresso,#2c1a0e);font-size:15px;font-weight:600;display:block}.story-pillar span{color:var(--c-text-muted,#9b8070);font-size:15px}.sub-section{background:var(--c-cream,#faf6f0)}.sub-card{background:var(--c-espresso,#2c1a0e);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:48px;display:grid;position:relative;overflow:hidden}@media (width<=768px){.sub-card{grid-template-columns:1fr;padding:32px 24px}.sub-card-img{display:none}}.sub-card-text{flex-direction:column;gap:16px;display:flex}.sub-card-text h2{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.2}.sub-card-text p{color:#f0e8dbb3;max-width:440px;font-size:15px;line-height:1.65}.sub-features{flex-wrap:wrap;gap:20px;display:flex}.sub-features span{color:#f0e8dbcc;align-items:center;gap:5px;font-size:15px;font-weight:500;display:inline-flex}.sub-features svg{color:var(--c-caramel-light,#e8a86a)}.sub-card-img{width:220px}.sub-card-img img{filter:drop-shadow(0 16px 40px #00000059);width:100%}.testimonials-section{background:var(--c-cream-dark,#f0e8db)}.testimonials-carousel{position:relative}.testimonial-card{border:1px solid var(--c-cream-border,#e2d4c4);background:#fff;border-radius:20px;max-width:680px;margin:0 auto;padding:36px;display:none;position:relative}.testimonial-card.active{animation:.4s fadeIn;display:block}.testi-quote-icon{color:var(--c-caramel,#c8853e);opacity:.35;margin-bottom:16px}.testi-text{color:var(--c-espresso-mid,#4a2e1a);margin:0 0 20px;font-size:1.0625rem;font-style:italic;line-height:1.75}.testi-author{align-items:center;gap:12px;display:flex}.testi-avatar{background:var(--c-caramel-faint,#c8853e1f);width:40px;height:40px;color:var(--c-caramel,#c8853e);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.testi-author strong{color:var(--c-espresso,#2c1a0e);font-size:15px;font-weight:600;display:block}.testi-stars{gap:2px;margin-top:3px;display:flex}.testi-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.testi-dot{background:var(--c-cream-border,#e2d4c4);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s;min-height:auto!important}.testi-dot.active{background:var(--c-caramel,#c8853e);border-radius:999px;width:20px}.mission-section{background:var(--c-espresso,#2c1a0e);padding:80px 0}.mission-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.mission-inner h2{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.2}.mission-desc{color:#f0e8dba6;text-align:center;max-width:540px;font-size:1rem;line-height:1.75}.mission-stats{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:12px;display:flex}.mission-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.mission-stat strong{color:var(--c-caramel-light,#e8a86a);font-size:2rem;font-weight:600;line-height:1}.mission-stat span{color:#f0e8db80;font-size:15px;font-weight:500}.newsletter-section{background:var(--c-cream,#faf6f0);padding:80px 0}.newsletter-block{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:540px;margin:0 auto;display:flex}.newsletter-icon-wrap{width:60px;height:60px;color:var(--c-caramel,#c8853e);background:#c8853e1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.newsletter-block h2{font-family:var(--font-display,"Playfair Display", serif);color:var(--c-espresso,#2c1a0e);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.newsletter-block p{color:var(--c-text-secondary,#6b4c35);font-size:15px;line-height:1.65}.newsletter-form{gap:8px;width:100%;max-width:420px;display:flex}.newsletter-input{outline:none;flex:1;transition:border-color .2s;border:1.5px solid var(--c-cream-border,#e2d4c4)!important;height:48px!important;color:var(--c-espresso,#2c1a0e)!important;background:#fff!important;border-radius:999px!important;min-height:auto!important;padding:0 18px!important;font-size:15px!important}.newsletter-input:focus{border-color:var(--c-caramel,#c8853e)!important}.newsletter-input::placeholder{color:var(--c-text-muted,#9b8070)}.newsletter-submit{cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;transition:background .2s;display:inline-flex;background:var(--c-espresso,#2c1a0e)!important;color:#fff!important;border-radius:999px!important;height:48px!important;min-height:auto!important;padding:0 22px!important;font-size:15px!important;font-weight:600!important}.newsletter-submit:hover{background:var(--c-espresso-mid,#4a2e1a)!important}.newsletter-note{color:var(--c-text-muted,#9b8070);font-size:15px}.coffee-lab-section{background:radial-gradient(circle at 50% 50%, #1e130c 0%, var(--c-espresso,#2c1a0e) 100%);border-top:1px solid #e2d4c414;border-bottom:1px solid #e2d4c414}.lab-tabs-navigation{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.lab-tab-nav-btn{color:#f0e8dbb3;font-family:var(--font-heading,"Outfit", sans-serif);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;outline:none;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:auto!important}.lab-tab-nav-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-1px)}.lab-tab-nav-btn.active{background:var(--c-caramel,#c8853e);color:#fff;border-color:var(--c-caramel,#c8853e);box-shadow:0 8px 24px #c8853e40}.lab-tab-content{width:100%}.video-showcase-section{background:var(--c-espresso,#2c1a0e);padding:80px 0 88px;overflow:hidden}.video-showcase-section .section-header h2{color:#fff}.video-showcase-section .section-header p{color:#f0e8db99}.video-showcase-section .eyebrow{color:var(--c-caramel-light,#e8a86a)}.video-carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c8853e4d transparent;gap:24px;padding:0 0 20px;display:flex;overflow-x:auto}.video-carousel-track::-webkit-scrollbar{height:6px}.video-carousel-track::-webkit-scrollbar-track{background:0 0}.video-carousel-track::-webkit-scrollbar-thumb{background:#c8853e4d;border-radius:10px}.vsc-card{scroll-snap-align:start;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex:0 0 340px;transition:transform .35s,border-color .35s,box-shadow .35s;overflow:hidden}.vsc-card:hover{border-color:#c8853e4d;transform:translateY(-6px);box-shadow:0 20px 60px #0006}.vsc-media{aspect-ratio:3/4;background:#1a0e08;position:relative;overflow:hidden}.vsc-poster{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.vsc-video{object-fit:cover;z-index:2;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.vsc-video.playing{opacity:1}.vsc-video.playing~.vsc-poster{opacity:0}.vsc-gradient-overlay{z-index:3;pointer-events:none;background:linear-gradient(#0000 30%,#1a0e084d 60%,#1a0e08e6 100%);position:absolute;inset:0}.vsc-info{z-index:4;margin-top:-80px;padding:20px;position:relative}.vsc-badge{color:var(--c-caramel-light,#e8a86a);letter-spacing:.06em;text-transform:uppercase;background:#c8853e33;border:1px solid #c8853e59;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.vsc-name{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:600;line-height:1.25}.vsc-price{color:var(--c-caramel-light,#e8a86a);margin-bottom:14px;font-size:1.1rem;font-weight:600;display:block}.vsc-actions{gap:8px;display:flex}.vsc-btn-add{background:var(--c-caramel,#c8853e);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 16px;font-size:15px;font-weight:600;transition:background .2s}.vsc-btn-add:hover{background:var(--c-caramel-dark,#a0692a)}.vsc-btn-view{color:#f0e8dbcc;cursor:pointer;background:0 0;border:1px solid #f0e8db33;border-radius:999px;align-items:center;gap:4px;padding:10px 16px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.vsc-btn-view:hover{color:#fff;border-color:#f0e8db80}@media (width<=768px){.vsc-card{flex:0 0 280px}.video-showcase-section{padding:56px 0 64px}}.concentrate-showcase-section{color:#fff;background:#160e0a;position:relative;overflow:hidden}.concentrate-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid}@media (width<=900px){.concentrate-inner{grid-template-columns:1fr;gap:40px}}.concentrate-text-col{flex-direction:column;gap:24px;display:flex}.concentrate-text-col h2{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:600;line-height:1.2}.concentrate-p{color:#f0e8dbbf;margin:0;font-size:1.05rem;line-height:1.7}.concentrate-perks{flex-direction:column;gap:20px;margin-top:10px;display:flex}.perk-item{align-items:flex-start;gap:16px;display:flex}.perk-num{font-family:var(--font-display,"Playfair Display", serif);color:var(--c-caramel-light,#e8a86a);min-width:70px;font-size:2.2rem;font-weight:600;line-height:1}.perk-item strong{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.perk-item span{color:#f0e8dba6;font-size:.95rem;line-height:1.5}.concentrate-visual-col{justify-content:center;align-items:center;display:flex;position:relative}.concentrate-video-wrapper{aspect-ratio:4/5;border-radius:24px;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff14}.concentrate-zoom-video{object-fit:cover;width:100%;height:100%}.concentrate-overlay-shade{pointer-events:none;background:linear-gradient(#160e0a1a 0%,#160e0a80 100%);position:absolute;inset:0}.concentrate-floating-badge{-webkit-backdrop-filter:blur(14px)saturate(120%);color:#fff;z-index:5;pointer-events:none;background:#1a0f0a99;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;min-width:150px;padding:10px 16px;display:flex;position:absolute;box-shadow:0 12px 28px #00000073}.concentrate-floating-badge.badge-top-left{top:12%;left:-12%}.concentrate-floating-badge.badge-top-right{top:25%;right:-12%}.concentrate-floating-badge.badge-bottom-left{bottom:30%;left:-15%}.concentrate-floating-badge.badge-bottom-right{bottom:12%;right:-10%}.badge-dot{background-color:var(--c-caramel-light,#e8a86a);width:8px;height:8px;box-shadow:0 0 8px var(--c-caramel-light,#e8a86a);border-radius:50%;flex-shrink:0;animation:2s infinite pulse-gold}.badge-dot.gold{background-color:gold;box-shadow:0 0 8px gold}.badge-info{flex-direction:column;gap:2px;display:flex}.badge-info strong{color:#fff;font-size:.95rem;font-weight:600;line-height:1.1}.badge-info span{color:#f0e8dbb3;font-size:.7rem;line-height:1.1}@media (width<=1100px){.concentrate-floating-badge.badge-top-left{left:-5%}.concentrate-floating-badge.badge-top-right{right:-5%}.concentrate-floating-badge.badge-bottom-left{left:-5%}.concentrate-floating-badge.badge-bottom-right{right:-5%}}@media (width<=900px){.concentrate-video-wrapper{margin:40px auto}.concentrate-floating-badge.badge-top-left{left:-10%}.concentrate-floating-badge.badge-top-right{right:-10%}.concentrate-floating-badge.badge-bottom-left{left:-12%}.concentrate-floating-badge.badge-bottom-right{right:-8%}}@media (width<=580px){.concentrate-video-wrapper{max-width:100%;margin-bottom:90px;overflow:visible}.concentrate-floating-badge{min-width:135px;padding:8px 12px}.concentrate-floating-badge.badge-top-left{width:47%;top:102%;left:0%}.concentrate-floating-badge.badge-top-right{width:47%;top:102%;right:0%}.concentrate-floating-badge.badge-bottom-left{width:47%;top:122%;left:0%}.concentrate-floating-badge.badge-bottom-right{width:47%;top:122%;right:0%}}.cinematic-coffee-lab{background:radial-gradient(circle at 30% 30%, #1e130c 0%, var(--color-espresso) 80%);border-radius:var(--radius-xl);perspective:1000px;border:1px solid #ffffff0d;grid-template-columns:.95fr 1.25fr;align-items:center;gap:80px;min-height:680px;padding:80px 64px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #000000b3}.lab-stage-backdrop{pointer-events:none;z-index:0;position:absolute;inset:0}.spotlight-radial{filter:blur(60px);background:radial-gradient(circle,#c8a97e1f 0%,#6f4e3708 50%,#0000 85%);width:550px;height:550px;animation:12s ease-in-out infinite alternate spotlightPulse;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%)}@keyframes spotlightPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.9)}to{opacity:1.1;transform:translate(-45%,-55%)scale(1.1)}}.volumetric-smoke{filter:blur(30px);opacity:.6;background:radial-gradient(circle at 20% 80%,#ffffff03 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c8a97e03 0%,#0000 60%);animation:20s linear infinite smokeDrift;position:absolute;inset:0}@keyframes smokeDrift{0%{background-position:0 0}50%{background-position:100%}to{background-position:0 0}}.lab-visualizer-column{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;display:flex;position:relative}.museum-glass-platform{width:240px;height:360px;transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;position:relative}.museum-glass-platform:after{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(#000000b3 0%,#0000004d 50%,#0000 70%);width:180px;height:18px;position:absolute;bottom:10px;transform:translateZ(-20px)}.glass-refractive-cup{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:2px solid #ffffff40;border-top:none;border-bottom-right-radius:50px 130px;border-bottom-left-radius:50px 130px;flex-direction:column;justify-content:flex-end;width:160px;height:250px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -15px 30px #00000080,inset 0 0 15px #ffffff0d,0 10px 30px #0000004d}.glass-refractive-cup:before{content:"";z-index:10;background:#ffffff14;border:2px solid #ffffff47;border-radius:50%;height:14px;position:absolute;top:0;left:-1px;right:-1px;transform:translateY(-50%);box-shadow:inset 0 2px 4px #fff3}.glass-curved-refraction{z-index:6;pointer-events:none;background:linear-gradient(90deg,#ffffff26,#ffffff05 70%,#0000);border-radius:10px;width:14px;position:absolute;top:15px;bottom:15px;left:6px}.glass-fresnel-highlight{z-index:6;pointer-events:none;background:linear-gradient(270deg,#ffffff24,#ffffff08 80%,#0000);width:18px;position:absolute;top:0;bottom:0;right:6px}.glass-specular-light{z-index:6;pointer-events:none;filter:blur(.5px);background:linear-gradient(#ffffff40 0%,#ffffff0d 70%,#0000);border-radius:50%;width:3px;height:120px;position:absolute;top:20px;right:25px}.glass-liquid-innerglow{z-index:1;pointer-events:none;opacity:.35;mix-blend-mode:color-dodge;transition:background .8s;position:absolute;inset:0}.liquid-compositor-wrapper{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.fluid-dynamics-canvas{z-index:2;width:100%;height:100%;display:block}.telemetry-hud{font-family:var(--font-mono);letter-spacing:.1em;color:#fff6;pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000073;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;padding:6px 12px;font-size:.65rem;transition:all .3s;display:flex;position:absolute;box-shadow:0 4px 12px #00000080}.HUD-top-left{top:20px;left:-40px}.HUD-top-right{top:20px;right:-40px}.HUD-bottom-left{bottom:60px;left:-60px}.HUD-bottom-right{bottom:60px;right:-60px}.hud-metric{color:var(--color-accent);margin-bottom:2px;font-size:.55rem;font-weight:700}.hud-val{color:#fff;font-weight:600}.foam-sculpture{z-index:4;will-change:transform;height:52px;position:absolute;left:6%;right:6%}.whipped-cream-mesh{filter:blur(.3px);background:radial-gradient(circle at 50% 15%,#fffbf5 10%,#efebe2 50%,#d5cfc2 90%);border-radius:50% 50% 15px 15px;animation:6s ease-in-out infinite alternate breatheFoam;top:15%;box-shadow:inset 0 -5px 10px #0000001a,0 5px 12px #00000040}.cold-foam-mesh{background:linear-gradient(#fffffffa,#f5f0e6e0);border-radius:35% 35% 12px 12px;animation:8s ease-in-out infinite alternate breatheFoam;top:20%;box-shadow:inset 0 -4px 8px #00000014}@keyframes breatheFoam{0%{transform:scaleY(.96)scaleX(.98)}to{transform:scaleY(1.04)scaleX(1.02)}}.glass-ice-cubes{z-index:3;pointer-events:none;position:absolute;inset:0}.ice-cube-block{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffffff4d 0%,#ffffff14 100%);border:1px solid #ffffff73;border-radius:8px;width:36px;height:36px;position:absolute;box-shadow:inset 0 2px 4px #fff6,0 6px 12px #00000026}.cube-0{bottom:60px;left:26px}.cube-1{bottom:95px;right:22px}.cube-2{bottom:135px;left:45px}.glass-condensation-droplets{z-index:5;pointer-events:none;position:absolute;inset:0}.drop{background:#ffffff59;border-radius:1px;width:2px;position:absolute}.drop:after{content:"";background:#ffffff59;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:-1px}.drop-1{height:16px;top:80px;left:40px}.drop-2{height:24px;top:120px;right:30px}.drop-3{height:12px;top:60px;left:90px}.telemetry-readout{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.telemetry-readout .mono-badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-accent);font-size:.65rem}.telemetry-readout .telemetry-title{font-family:var(--font-heading);font-size:var(--font-size-caption);color:var(--color-text-on-dark);opacity:.85;font-weight:500}.lab-configurator-column{z-index:2;flex-direction:column;gap:28px;display:flex;position:relative}.mono-technical-tag{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.2em;font-size:.65rem}.massive-editorial-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text-inverse);margin:0;font-size:clamp(3rem,5vw,4.4rem);font-weight:600;line-height:.92}.lab-desc-copy{color:#e8e5e18c;max-width:480px;margin:0;font-size:.95rem;line-height:1.7}.category-composition-section{flex-direction:column;gap:12px;display:flex}.mono-step-label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.15em;font-size:.65rem;font-weight:600}.asymmetric-chips-row{gap:16px;display:flex}.tactile-card-chip{border-radius:var(--radius-md);cursor:pointer;color:#ffffff8c;transform-style:preserve-3d;text-align:left;will-change:transform;background:#ffffff05;border:1px solid #ffffff0f;flex:1;align-items:center;gap:16px;padding:20px 24px;transition:border-color .2s,color .2s,background-color .2s;display:flex;position:relative}.tactile-chip-glow{border-radius:var(--radius-md);pointer-events:none;border:1.5px solid #0000;transition:all .25s;position:absolute;inset:0}.tactile-card-chip:hover{color:#fff;border-color:#ffffff26}.tactile-card-chip.active{border-color:var(--color-accent);color:#fff;background:#c8a97e0a}.tactile-card-chip.active .tactile-chip-glow{border-color:var(--color-accent);animation:3s linear infinite edgeShimmer;box-shadow:0 0 20px #c8a97e40,inset 0 0 10px #c8a97e1a}@keyframes edgeShimmer{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.tactile-chip-text{flex-direction:column;flex-grow:1;gap:2px;display:flex;transform:translateZ(15px)}.tactile-chip-text strong{font-family:var(--font-heading);font-size:.95rem;font-weight:600}.tactile-chip-text span{color:var(--color-text-muted);font-size:.65rem}.tactile-chip-price{font-family:var(--font-mono);font-size:var(--font-size-caption);color:var(--color-accent);font-weight:600;transform:translateZ(15px)}.tactile-chip-free{font-family:var(--font-mono);color:var(--color-success);font-size:.65rem;font-weight:600;transform:translateZ(15px)}.small-tactile-row{flex-wrap:wrap;gap:12px;display:flex}.small-tactile-chip{border-radius:var(--radius-full);font-size:var(--font-size-caption);color:#fff9;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.small-tactile-chip:hover{color:#fff;border-color:#ffffff1f;transform:translateY(-1px)}.small-tactile-chip.active{border-color:var(--color-accent);color:var(--color-accent);background:#c8a97e08;box-shadow:0 0 15px #c8a97e2e}.chip-price-badge{font-family:var(--font-mono);opacity:.8;font-size:.65rem}.dual-configuration-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lab-action-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:32px;display:flex}.lab-price-metric{flex-direction:column;gap:4px;display:flex}.lab-price-metric .price-lbl{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.15em;font-size:.65rem}.rolling-price-digits{font-family:var(--font-display);color:var(--color-text-inverse);letter-spacing:-.02em;font-size:2.2rem;font-weight:600}.lab-finalize-btn{background:var(--color-accent);color:var(--color-espresso);border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;border:none;align-items:center;gap:12px;padding:18px 40px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.btn-shine-sweep{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:30%;height:100%;position:absolute;top:0;left:-50%;transform:skew(-20deg)}.lab-finalize-btn:hover:not(:disabled) .btn-shine-sweep{animation:1.2s ease-in-out infinite shineSweep}.lab-finalize-btn:hover:not(:disabled){background:#e0be95;transform:translateY(-2px);box-shadow:0 12px 32px #c8a97e40}.lab-finalize-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #c8a97e26}.lab-finalize-btn:disabled{opacity:.5;cursor:not-allowed}.tactile-card-chip:disabled,.small-tactile-chip:disabled,.tactile-card-chip.disabled,.small-tactile-chip.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@keyframes shineSweep{0%{left:-50%}to{left:150%}}@media (width<=1200px){.HUD-top-left{left:-20px}.HUD-top-right{right:-20px}.HUD-bottom-left{left:-20px}.HUD-bottom-right{right:-20px}}@media (width<=992px){.cinematic-coffee-lab{grid-template-columns:1fr;gap:48px;padding:48px 24px}.dual-configuration-grid{grid-template-columns:1fr}.lab-visualizer-column{grid-template-columns:1fr 1fr;grid-template-areas:"cup cup""hud1 hud2""hud3 hud4""title title";justify-items:center;gap:16px;width:100%;display:grid!important}.museum-glass-platform{grid-area:cup;margin:0 auto}.HUD-top-left{grid-area:hud1}.HUD-top-right{grid-area:hud2}.HUD-bottom-left{grid-area:hud3}.HUD-bottom-right{grid-area:hud4}.telemetry-readout{grid-area:title}.telemetry-hud{text-align:center;align-items:center;max-width:150px;width:100%!important;margin:0!important;position:static!important}}.sensory-profiler-section{padding:var(--space-96) 0;background:var(--color-surface-alt);position:relative;overflow:hidden}.sensory-grid{gap:var(--space-64);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.sensory-control-panel{gap:var(--space-16);flex-direction:column;display:flex}.sensory-title{font-family:var(--font-display);font-size:var(--font-size-h2);color:var(--color-text);font-weight:600;line-height:var(--line-height-tight)}.sensory-subtitle{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);line-height:var(--line-height-loose);max-width:480px}.sensory-tabs{gap:var(--space-12);margin:var(--space-20) 0;flex-direction:column;display:flex}.sensory-tab-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-heading);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:16px 24px;font-size:1.05rem;font-weight:600;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.sensory-tab-btn:after{content:"➔";opacity:0;color:var(--color-primary);font-size:1.1rem;transition:all .2s ease-in-out;transform:translate(-10px)}.sensory-tab-btn:hover{border-color:var(--color-accent);color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 12px #c8a97e26}.sensory-tab-btn:hover:after{opacity:1;transform:translate(0)}.sensory-tab-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(0);box-shadow:0 4px 16px #6f4e371f}.sensory-tab-btn.active:after{opacity:1;content:"✓";transform:translate(0)}.sensory-tab-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.tab-indicator{background:var(--color-border);width:8px;height:8px;transition:all var(--transition-normal);border-radius:50%}.sensory-tab-btn.active .tab-indicator{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.telemetry-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);margin-top:var(--space-16)}.chart-header{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-caps);margin-bottom:var(--space-16);font-size:.65rem;font-weight:600;display:block}.telemetry-bars{gap:var(--space-12);flex-direction:column;display:flex}.telemetry-item{gap:var(--space-6);flex-direction:column;display:flex}.telemetry-label{font-size:var(--font-size-micro);color:var(--color-text-muted);justify-content:space-between;font-weight:600;display:flex}.telemetry-bar-bg{background:var(--color-border);border-radius:var(--radius-full);height:6px;overflow:hidden}.telemetry-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%}.sensory-card-panel{justify-content:center;align-items:center;display:flex}.sensory-match-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);width:100%;max-width:440px;overflow:hidden}.match-image-wrap{height:200px;position:relative;overflow:hidden}.match-image{object-fit:cover;width:100%;height:100%}.match-tag-badge{top:var(--space-16);left:var(--space-16);background:var(--color-primary);color:#fff;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);letter-spacing:var(--letter-spacing-wide);font-size:.6rem;font-weight:600;position:absolute}.match-details{padding:var(--space-32);gap:var(--space-16);flex-direction:column;display:flex}.match-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.match-product-name{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-4);font-size:1.15rem;font-weight:600}.match-notes{font-size:var(--font-size-caption);color:var(--color-primary);font-weight:600}.match-rating{align-items:center;gap:var(--space-4);background:var(--color-primary-light);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--color-primary);font-weight:600;display:flex}.match-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);margin:0}.match-tags-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.match-pill{color:var(--color-text-muted);border:1px solid var(--color-border);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:var(--color-surface-alt);font-size:.6rem;font-weight:600}.match-action-row{border-top:1px solid var(--color-border);padding-top:var(--space-20);margin-top:var(--space-8);justify-content:space-between;align-items:center;display:flex}.match-price{flex-direction:column;display:flex}.price-lbl{font-size:var(--font-size-micro);color:var(--color-text-muted)}.price-amt{font-family:var(--font-display);font-size:var(--font-size-h3);color:var(--color-text);font-weight:600}.match-buy-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:var(--space-12) var(--space-20);align-items:center;gap:var(--space-8);font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-caption);cursor:pointer;transition:all var(--transition-normal);border:none;display:flex}.match-buy-btn:hover{background:#8b6347;transform:translateY(-2px)}.discoverer-wrapper{padding:var(--space-80) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:#faf8f5;position:relative;overflow:hidden}.discoverer-bg-details{pointer-events:none;z-index:0;position:absolute;inset:0}.bg-blur{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.blur-1{background:var(--color-accent-glow);width:320px;height:320px;top:10%;left:5%}.blur-2{background:var(--color-primary-glow);width:400px;height:400px;bottom:10%;right:5%}.discoverer-layout{z-index:1;gap:var(--space-64);grid-template-columns:1fr 1.1fr;align-items:center;display:grid;position:relative}.wizard-panel{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.wizard-title{font-family:var(--font-display);color:var(--color-espresso);margin-top:var(--space-12);margin-bottom:var(--space-16);font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:600;line-height:1.15}.italic-accent{color:var(--color-primary);font-style:italic;font-weight:400}.wizard-subtitle{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin-bottom:var(--space-40);max-width:480px}.strength-selector-container{gap:var(--space-10);width:100%;max-width:440px;margin-bottom:var(--space-32);flex-direction:column;display:flex}.selector-label{font-size:var(--font-size-micro);letter-spacing:var(--letter-spacing-caps);color:var(--color-text-muted);font-weight:600}.strength-buttons{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#efece8;padding:4px;display:flex}.strength-btn{color:var(--color-text-secondary);transition:all var(--transition-bounce);gap:var(--space-8);cursor:pointer;background:0 0;flex:1;font-weight:600;border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;height:42px!important;font-size:15px!important;display:inline-flex!important}.strength-btn.active{color:var(--color-espresso);box-shadow:var(--elevation-2);background:var(--color-surface)!important}.btn-indicator{background:var(--color-text-muted);width:6px;height:6px;transition:background var(--transition-fast);border-radius:50%}.strength-btn.active .btn-indicator{background:var(--color-accent)}.pro-insights-card{gap:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);max-width:440px;box-shadow:var(--elevation-1);display:flex;padding:var(--space-20)!important;border-radius:var(--radius-xl)!important}.insight-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:38px;height:38px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-text strong{color:var(--color-espresso);margin-bottom:var(--space-4);font-size:15px;display:block}.insight-text p{color:var(--color-text-secondary);font-size:15px;line-height:var(--line-height-base);margin:0}.phone-mockup-panel{justify-content:center;align-items:center;display:flex}.phone-device{z-index:10;background:#fff;border:10px solid #2f2d2c;border-radius:36px;flex-direction:column;width:330px;height:580px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #1a0e0a26,inset 0 0 0 2px #fffc}.phone-notch{z-index:99;background:#2f2d2c;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:100px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen-header{z-index:10;background:#fff;border-bottom:1px solid #f5f3f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 16px 10px;display:flex}.user-avatar-row{align-items:center;gap:var(--space-8);display:flex}.mini-avatar{background:var(--color-cream);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.avatar-welcome{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block}.avatar-name{color:var(--color-espresso);font-size:15px;display:block}.like-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.phone-screen-content{scroll-behavior:smooth;background:#fcfaf8;flex-grow:1;padding:12px 14px;overflow-y:auto}.phone-screen-content::-webkit-scrollbar{display:none}.recipe-image-wrap{border-radius:var(--radius-lg);width:100%;height:180px;margin-bottom:var(--space-12);background:#efece8;position:relative;overflow:hidden}.recipe-image{object-fit:contain;filter:drop-shadow(0 8px 16px #00000014);width:100%;height:100%}.recipe-badge-tag{color:#fff;border-radius:var(--radius-full);background:#1a0e0acc;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;top:8px;left:8px}.recipe-meta{margin-bottom:var(--space-12);justify-content:space-between;align-items:flex-start;display:flex}.recipe-name{color:var(--color-espresso);font-weight:600;line-height:1.2;font-size:15px!important}.recipe-sweet-flag{color:var(--color-primary);margin-top:var(--space-2);font-size:10px;font-weight:600;display:block}.recipe-rating{align-items:center;gap:var(--space-4);border-radius:var(--radius-sm);color:var(--color-warning-light);background:#fef3c7;padding:2px 6px;display:flex}.recipe-rating strong{color:var(--color-espresso);font-size:15px}.attributes-grid{gap:var(--space-10);margin-bottom:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.attr-pill{text-align:center;background:#fff;border:1px solid #f0ece8;padding:var(--space-8)!important;border-radius:var(--radius-md)!important}.attr-val{color:var(--color-espresso);font-size:15px;font-weight:600;display:block}.attr-flex{justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-primary);display:flex}.attr-lbl{color:var(--color-text-muted);text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.recipe-description-box,.ingredients-box{margin-bottom:var(--space-16)}.recipe-description-box h4,.ingredients-box h4{text-transform:uppercase;color:var(--color-espresso);margin-bottom:var(--space-6);letter-spacing:.3px;font-size:15px;font-weight:600}.recipe-description-box p{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.ingredients-list{gap:var(--space-6);flex-direction:column;display:flex}.ingredient-item{background:#fff;border:1px solid #f5f3f0;justify-content:space-between;align-items:center;display:flex;border-radius:var(--radius-md)!important;padding:6px 10px!important}.ing-name{color:var(--color-espresso);font-size:15px;font-weight:600;display:block}.ing-type{color:var(--color-text-muted);font-size:9px;display:block}.ing-amount{color:var(--color-primary);font-size:15px;font-weight:600}.phone-screen-footer{gap:var(--space-8);z-index:10;background:#fff;border-top:1px solid #f5f3f0;flex-shrink:0;grid-template-columns:1fr 1.2fr;padding:10px 14px 16px;display:grid}.watch-tutorial-btn{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;height:38px!important;color:var(--color-espresso)!important;background:#fff!important;justify-content:center!important;align-items:center!important;gap:6px!important;font-size:15px!important;font-weight:600!important;display:inline-flex!important}.watch-tutorial-btn:hover{background:#faf6f1!important}.brew-now-btn{box-shadow:0 4px 12px #c8a97e33;background:linear-gradient(135deg, var(--color-accent), #d4b896)!important;height:38px!important;color:var(--color-espresso)!important;border-radius:var(--radius-md)!important;justify-content:center!important;align-items:center!important;gap:6px!important;font-size:15px!important;font-weight:600!important;display:inline-flex!important}.brew-now-btn:hover{filter:brightness(1.05)}.local-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-16);background:#1a0e0a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.local-modal-card{border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--elevation-float);border:1px solid var(--color-border);background:#fff;overflow:hidden}.local-modal-card .modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.local-modal-card .modal-header h3{color:var(--color-espresso);font-size:15px}.close-modal-btn{color:var(--color-text-muted);cursor:pointer;font-size:20px}.close-modal-btn:hover{color:var(--color-espresso)}.video-player-container{padding:var(--space-16)}.mock-video-player{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#1a0e0a;width:100%;position:relative;overflow:hidden}.player-overlay{color:#fff;justify-content:center;align-items:center;gap:var(--space-12);background:#0006;flex-direction:column;display:flex;position:absolute;inset:0}.play-icon-glow{background:var(--color-accent);color:var(--color-espresso);box-shadow:0 0 20px var(--color-accent-glow);border-radius:50%;justify-content:center;align-items:center;padding-left:3px;display:flex;width:50px!important;height:50px!important}.local-modal-card .modal-footer{padding:var(--space-16) var(--space-20);background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.local-modal-card .modal-footer p{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}@media (width<=992px){.discoverer-layout{gap:var(--space-48);grid-template-columns:1fr}.wizard-panel{text-align:center;align-items:center}.wizard-subtitle{max-width:100%}.strength-selector-container,.pro-insights-card{margin-left:auto;margin-right:auto}}.catalog-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-32) var(--content-padding) var(--space-64) var(--content-padding);gap:var(--space-32);min-height:80vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.catalog-header-section{text-align:center;padding-top:var(--space-16)}.catalog-title{font-family:var(--font-heading);font-size:var(--font-size-h1);color:var(--color-text);margin-bottom:var(--space-8);letter-spacing:var(--letter-spacing-tight);font-weight:600}.catalog-subtitle{font-size:var(--font-size-body-lg);color:var(--color-text-secondary);max-width:580px;line-height:var(--line-height-base);margin:0 auto}.custom-coffee-promo-banner{border-radius:var(--radius-lg);padding:var(--space-24) var(--space-32);justify-content:space-between;align-items:center;gap:var(--space-24);color:#faf6f1;cursor:pointer;box-shadow:var(--elevation-2), 0 10px 30px #1d151226;transition:all var(--transition-normal);background:linear-gradient(135deg,#1d1512 0%,#36261f 100%);border:1px solid #c8a97e33;display:flex;position:relative;overflow:hidden}.custom-coffee-promo-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8a97e14 0%,#0000 60%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.custom-coffee-promo-banner:hover{border-color:var(--color-accent);box-shadow:var(--elevation-3), 0 15px 40px #6f4e3733;transform:translateY(-2px)}.promo-left{gap:var(--space-6);z-index:2;flex-direction:column;max-width:70%;display:flex}.promo-tag{background:var(--color-accent);color:#1a0e0a;border-radius:var(--radius-xs);letter-spacing:.5px;align-self:flex-start;padding:3px 8px;font-size:.95rem;font-weight:600}.promo-left h2{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.6rem;font-weight:600}.promo-left p{color:#faf6f1bf;margin:0;font-size:.95rem;line-height:1.45}.promo-btn{background:var(--color-accent);color:#1a0e0a;cursor:pointer;white-space:nowrap;z-index:2;border:none;font-size:.95rem;font-weight:600;box-shadow:0 4px 15px #c8a97e40;padding:var(--space-12) var(--space-24)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important;height:44px!important;min-height:44px!important}.custom-coffee-promo-banner:hover .promo-btn{background:#fff;box-shadow:0 4px 20px #fff6}@media (width<=768px){.custom-coffee-promo-banner{padding:var(--space-20);align-items:stretch;gap:var(--space-16);flex-direction:column}.promo-left{max-width:100%}.promo-btn{text-align:center;width:100%}}.catalog-controls{gap:var(--space-20);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--elevation-1);flex-direction:column;display:flex}.search-filter-row{align-items:flex-end;gap:var(--space-20);flex-wrap:wrap;display:flex}.catalog-search-wrapper{flex:1;min-width:280px}.catalog-sort-wrapper{width:240px;min-width:200px}.catalog-tabs-container{border-top:1px solid var(--color-border);padding-top:var(--space-20);justify-content:center;width:100%;display:flex}.clickable-card-wrapper{cursor:pointer;height:100%}.clickable-card-wrapper .product-card{height:100%}.catalog-page .products-grid{gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.catalog-empty-wrapper{text-align:center;padding:var(--space-64) var(--space-32);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);justify-content:center;align-items:center;gap:var(--space-12);flex-direction:column;max-width:500px;margin:0 auto;display:flex}.empty-emoji{font-size:3rem;line-height:1}.catalog-empty-wrapper h3{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin:0;font-weight:600}.catalog-empty-wrapper p{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);margin:0 0 var(--space-8) 0}.clear-filters-btn{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-caption);color:#fff;background:linear-gradient(135deg, var(--color-primary), #8b6347);border-radius:var(--radius-md);padding:var(--space-12) var(--space-24);cursor:pointer;transition:all var(--transition-normal);border:none;box-shadow:0 2px 8px #6f4e3733}.clear-filters-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 16px #6f4e3740}@media (width<=768px){.catalog-page{padding:var(--space-16) var(--content-padding) var(--space-48) var(--content-padding);gap:var(--space-24)}.catalog-controls{padding:var(--space-16);gap:var(--space-12)}.search-filter-row{align-items:stretch;gap:var(--space-12);flex-direction:column}.catalog-sort-wrapper{width:100%}.catalog-page .products-grid{gap:var(--space-16);grid-template-columns:1fr}}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-smooth), transform var(--transition-smooth), border-color var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--elevation-3);border-color:#0000;transform:translateY(-3px)}.card-image-container{aspect-ratio:4/3;cursor:pointer;background:var(--color-espresso);position:relative;overflow:hidden}.card-image{object-fit:contain;width:100%;height:100%;padding:var(--space-16);transition:transform var(--motion-slow) var(--ease-out);filter:drop-shadow(0 8px 24px #0000004d)}.product-card:hover .card-image{transform:scale(1.08)}.card-image-overlay{opacity:0;padding-bottom:var(--space-16);transition:opacity var(--transition-smooth);background:linear-gradient(#0000 50%,#00000080 100%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.product-card:hover .card-image-overlay{opacity:1}.quick-view-btn{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-16);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--font-size-micro);cursor:pointer;transition:transform var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:none;font-weight:600;display:flex;transform:translateY(8px)}.product-card:hover .quick-view-btn{transform:translateY(0)}.quick-view-btn:hover{background:#fff}.card-tags{top:var(--space-10);left:var(--space-10);gap:var(--space-4);z-index:2;flex-wrap:wrap;display:flex;position:absolute}.card-tag{text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xs);font-size:.5625rem;font-weight:600;line-height:1}.tag-bestseller{background:var(--color-primary);color:#fff}.tag-new{background:var(--color-info);color:#fff}.tag-popular{background:var(--color-accent);color:var(--color-espresso)}.tag-recommended{background:var(--color-warning-light);color:#92400e}.tag-sale{background:var(--color-danger);color:#fff}.out-of-stock-overlay{font-weight:600;font-size:var(--font-size-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-out-of-stock{opacity:.75}.card-content{padding:var(--space-16) var(--space-16) var(--space-16);gap:var(--space-6);flex-direction:column;flex:1;display:flex}.card-title{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-text);font-weight:600;line-height:var(--line-height-snug);margin:0}.card-description{font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-base);margin:0}.card-footer{padding-top:var(--space-10);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card-pricing{align-items:baseline;gap:var(--space-6);display:flex}.card-price{font-family:var(--font-heading);font-size:var(--font-size-body-lg);color:var(--color-text);font-weight:600}.card-original-price{font-size:var(--font-size-caption);color:var(--color-text-muted);text-decoration:line-through}.product-card-skeleton{pointer-events:none}.card-image-skeleton{aspect-ratio:4/3;border-radius:0}.card-content-skeleton{padding:var(--space-16);gap:var(--space-10);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-xs);height:14px}.skeleton-title{width:70%;height:16px}.skeleton-text{width:100%}.skeleton-short{width:50%}.skeleton-footer-row{margin-top:var(--space-8);justify-content:space-between;align-items:center;display:flex}.skeleton-price{width:60px;height:20px}.skeleton-button{border-radius:var(--radius-sm);width:90px;height:32px}.card-glass{background:var(--color-surface);border:1px solid var(--color-border)}.card-image-media{width:100%;height:100%;position:absolute;top:0;left:0}.star-rating{align-items:center;gap:var(--space-6);display:inline-flex}.stars-row{align-items:center;gap:1px;display:flex}.star-filled{color:#e8a832}.star-empty{color:var(--color-border)}.star-half-wrap{display:inline-flex;position:relative}.star-half-clip{position:absolute;top:0;left:0;overflow:hidden}.star-count{font-size:var(--font-size-caption);color:var(--color-text-secondary);align-items:center;gap:var(--space-4);font-weight:500;display:flex}.star-value{color:var(--color-text);font-weight:600}.star-reviews{color:var(--color-text-muted);font-size:var(--font-size-micro)}.product-media-container{border-radius:inherit;background:#f0e8db;position:relative;overflow:hidden}.product-media-image,.product-media-video{object-fit:cover;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.product-media-image{opacity:1;z-index:1}.product-media-image.media-hidden{opacity:0}.product-media-video{opacity:0;z-index:2}.product-media-video.media-visible{opacity:1}.product-media-play-badge{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;animation:2s ease-in-out infinite pmPulse;display:flex;position:absolute;bottom:10px;right:10px}@keyframes pmPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.product-media-container.has-video{cursor:pointer}.tabs-container{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.5rem;max-width:100%;display:inline-flex;position:relative;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tabs-full-width{width:100%;display:flex}.tab-item{cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;min-height:44px;font-family:Inter,sans-serif;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tabs-size-small .tab-item{border-radius:8px;padding:.375rem .75rem;font-size:.95rem}.tabs-size-medium .tab-item{border-radius:12px;padding:.5rem 1.25rem;font-size:.875rem}.tabs-size-large .tab-item{border-radius:14px;padding:.75rem 1.75rem;font-size:1rem}.tabs-full-width .tab-item{flex:1}.tabs-pills .tab-item{color:var(--color-text-muted);background-color:var(--color-surface-alt);border:1px solid #0000}.tabs-pills .tab-item:hover{color:var(--color-text);background-color:var(--color-border)}.tabs-pills .tab-item.tab-active{color:#fff;background-color:var(--color-primary);box-shadow:0 4px 12px #c67c4e33}.tabs-line{border-bottom:2px solid var(--color-border);gap:1.5rem;width:100%}.tabs-line .tab-item{color:var(--color-text-muted);border-radius:0;padding-bottom:.75rem;padding-left:.25rem;padding-right:.25rem;top:2px}.tabs-line .tab-item:hover{color:var(--color-text)}.tabs-line .tab-item.tab-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.tabs-segmented{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:14px;gap:0;padding:.25rem}.tabs-segmented .tab-item{color:var(--color-text-muted);border-radius:10px}.tabs-segmented .tab-item:hover{color:var(--color-text)}.tabs-segmented .tab-item.tab-active{color:var(--color-text);background-color:var(--color-surface);box-shadow:0 2px 8px #0000000d}.tab-count-badge{min-width:18px;height:18px;color:var(--color-secondary);background-color:#2f2d2c14;border-radius:9999px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.tab-active .tab-count-badge{color:#fff;background-color:#ffffff40}.tabs-segmented .tab-active .tab-count-badge{background-color:var(--color-secondary);color:#fff}.searchbar-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;padding:0 1rem;font-family:Inter,sans-serif;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.searchbar-container:hover{border-color:var(--color-primary-light)}.searchbar-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #c67c4e26,0 4px 12px #00000005}.searchbar-full-width{width:100%;display:flex}.searchbar-icon{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;margin-right:.5rem;font-size:1rem}.searchbar-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-height:40px;padding:0;font-size:.875rem;font-weight:500}.searchbar-input::placeholder{color:var(--color-text-muted);font-weight:400}.searchbar-clear-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:.5rem;font-size:.95rem;transition:all .15s;display:flex}.searchbar-clear-btn:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.searchbar-shortcut-hint{color:var(--color-text-muted);background-color:var(--color-surface-alt);border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;letter-spacing:.05em;border-radius:5px;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.searchbar-size-small{border-radius:10px}.searchbar-size-small .searchbar-input{min-height:36px;font-size:.95rem}.searchbar-size-small .searchbar-icon{font-size:.95rem}.searchbar-size-medium{border-radius:12px}.searchbar-size-large{border-radius:14px;padding:0 1.25rem}.searchbar-size-large .searchbar-input{min-height:48px;font-size:.95rem}.searchbar-size-large .searchbar-icon{margin-right:.75rem;font-size:1.15rem}.dropdown-wrapper{flex-direction:column;gap:.375rem;width:100%;font-family:Inter,sans-serif;display:flex;position:relative}.dropdown-label{color:var(--color-text);font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600}.dropdown-container{width:100%;position:relative}.dropdown-trigger{background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;outline:none;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:.75rem 1rem;transition:all .2s;display:flex}.dropdown-trigger:hover:not(:disabled){border-color:var(--color-primary-light);box-shadow:0 4px 12px #c67c4e0a}.dropdown-trigger:focus:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px #c67c4e26}.dropdown-trigger-content{color:var(--color-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.dropdown-placeholder{color:var(--color-text-muted)}.dropdown-trigger-icon{font-size:1.1rem}.dropdown-caret{color:var(--color-text-muted);font-size:.65rem;transition:transform .2s}.dropdown-caret.caret-open{transform:rotate(180deg)}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:1000;border-radius:14px;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdown-fade-in;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;box-shadow:0 10px 30px #00000014}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-container{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-alt);padding:.5rem}.dropdown-search-input{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.dropdown-search-input:focus{border-color:var(--color-primary)}.dropdown-options-list{max-height:240px;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.dropdown-option-item{color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .15s;display:flex;position:relative}.dropdown-option-item:hover{background-color:var(--color-surface-alt);color:var(--color-primary)}.dropdown-option-item.option-selected{color:var(--color-primary);background-color:#c67c4e14;font-weight:600}.option-checkmark{margin-left:auto;font-size:.875rem;font-weight:700}.dropdown-no-options{text-align:center;color:var(--color-text-muted);padding:1rem;font-size:.875rem}.dropdown-disabled{opacity:.6}.dropdown-disabled .dropdown-trigger{cursor:not-allowed}.dropdown-has-error .dropdown-trigger{border-color:var(--color-error)}.dropdown-has-error .dropdown-trigger:focus{box-shadow:0 0 0 3px #e74c3c26}.dropdown-error-text{color:var(--color-error);font-size:.95rem;font-weight:500}.modal-overlay{z-index:var(--z-modal);padding:var(--space-16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--elevation-3);animation:modal-enter var(--motion-smooth);flex-direction:column;display:flex}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-h3);margin:0}.modal-close{font-size:var(--font-size-h3);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4);border-radius:var(--radius-sm);transition:background var(--motion-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal-body{padding:var(--space-24);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-20) var(--space-24);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);justify-content:flex-end;gap:var(--space-12);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex}.customization-modal-body{gap:var(--space-24);flex-direction:column;display:flex}.custom-section h4{margin-bottom:var(--space-12);font-size:var(--font-size-body);color:var(--color-text-secondary)}.custom-options{gap:var(--space-8);flex-wrap:wrap;display:flex}.custom-btn{padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--motion-fast);font-size:var(--font-size-small);font-weight:500}.custom-btn:hover{background:var(--color-bg);border-color:var(--color-border-hover)}.custom-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.custom-btn.disabled,.custom-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.custom-modal-footer-flex{justify-content:space-between;align-items:center;width:100%;display:flex}.custom-modal-qty{align-items:center;gap:var(--space-12);background:var(--color-bg);padding:var(--space-8);border-radius:var(--radius-md);display:flex}.custom-modal-qty button{cursor:pointer;width:32px;height:32px;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.custom-modal-qty button:hover{background:var(--color-surface-hover)}.cart-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-32) var(--content-padding) var(--space-64) var(--content-padding);gap:var(--space-32);min-height:80vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.cart-title{font-family:var(--font-heading);font-size:var(--font-size-h1);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0;font-weight:600}.empty-cart-state{text-align:center;padding:var(--space-80) var(--space-32);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);align-items:center;gap:var(--space-16);flex-direction:column;max-width:500px;margin:0 auto;display:flex}.empty-cart-state .empty-emoji{font-size:3.5rem}.empty-cart-state h2{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin:0;font-weight:600}.empty-cart-state p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-base);margin:0 0 var(--space-8) 0}.cart-container{gap:var(--space-32);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.cart-left-col{gap:var(--space-32);flex-direction:column;display:flex}.cart-items-list{gap:var(--space-16);flex-direction:column;display:flex}.cart-item{align-items:center;gap:var(--space-20);padding:var(--space-20);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:all var(--transition-normal);display:flex}.cart-item:hover{box-shadow:var(--elevation-2);border-color:#c8a97e33}.item-image-container{border-radius:var(--radius-md);background-color:var(--color-surface-alt);flex-shrink:0;width:90px;height:90px;overflow:hidden}.item-image{object-fit:cover;width:100%;height:100%}.item-details{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.item-title{font-family:var(--font-heading);font-size:var(--font-size-body-lg);color:var(--color-text);margin:0;font-weight:600}.item-variant-badge{font-size:var(--font-size-micro);color:var(--color-primary);background-color:var(--color-primary-light);padding:var(--space-2) var(--space-8);border-radius:var(--radius-xs);width:fit-content;font-weight:600}.item-unit-price{font-family:var(--font-heading);font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0;font-weight:600}.quantity-controls{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);width:fit-content;height:34px;margin-top:var(--space-8);align-items:center;display:flex;overflow:hidden}.quantity-controls button{cursor:pointer;width:32px;height:100%;color:var(--color-text);transition:background-color var(--transition-fast);background:0 0;border:none;font-size:1.1rem;font-weight:600}.quantity-controls button:hover{background-color:var(--color-surface-alt)}.quantity-controls .qty-val{padding:0 var(--space-8);font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-body);color:var(--color-text);text-align:center;min-width:20px}.item-actions{align-items:flex-end;gap:var(--space-8);flex-direction:column;justify-content:space-between;display:flex}.item-total-price{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);font-weight:600}.remove-btn{font-size:var(--font-size-caption);color:var(--color-danger);cursor:pointer;padding:var(--space-4);transition:all var(--transition-fast);border-radius:var(--radius-xs);background:0 0;border:none;font-weight:600}.remove-btn:hover{background-color:var(--color-danger-light)}.cross-sell-section{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);gap:var(--space-12);flex-direction:column;display:flex}.cross-sell-section h3{font-family:var(--font-heading);font-size:var(--font-size-body-lg);color:var(--color-text);margin:0;font-weight:600}.cross-sell-section p{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0}.cross-sell-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.cross-sell-card{align-items:center;gap:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-10);transition:border-color var(--transition-fast);display:flex}.cross-sell-card:hover{border-color:#c8a97e33}.cross-sell-card img{border-radius:var(--radius-sm);object-fit:cover;width:50px;height:50px}.cross-info{flex-direction:column;flex:1;display:flex}.cross-info h4{font-family:var(--font-heading);font-size:var(--font-size-caption);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin:0;font-weight:600;overflow:hidden}.cross-price{font-family:var(--font-heading);font-size:var(--font-size-caption);color:var(--color-primary);font-weight:600}.cart-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-32);box-shadow:var(--elevation-1);gap:var(--space-20);flex-direction:column;display:flex;position:sticky;top:100px}.summary-title{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin:0;font-weight:600}.summary-calculations{gap:var(--space-12);flex-direction:column;display:flex}.summary-row{font-size:var(--font-size-body);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.discount-row{color:var(--color-success);font-weight:600}.summary-divider{background-color:var(--color-border);height:1px;margin:var(--space-8) 0}.total-row{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);font-weight:600}.total-val{color:var(--color-primary);font-size:var(--font-size-h2)}.coupon-form{gap:var(--space-10);display:flex}.coupon-input{padding:var(--space-10) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;flex:1;min-height:44px}.coupon-input:focus{border-color:var(--color-primary)}.active-coupon-badge{border:1px dashed var(--color-success);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);font-size:var(--font-size-caption);background-color:#16a34a0f;justify-content:space-between;align-items:center;display:flex}.badge-details{color:var(--color-success);font-weight:600}.remove-coupon-btn{color:var(--color-danger);cursor:pointer;font-weight:600;font-size:var(--font-size-caption);background:0 0;border:none}.coupons-hint-box{background-color:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-16);gap:var(--space-8);flex-direction:column;display:flex}.hint-title{font-family:var(--font-heading);font-size:var(--font-size-caption);color:var(--color-text);font-weight:600}.coupons-hint-box ul{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.coupons-hint-box li{font-size:var(--font-size-micro);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.coupons-hint-box li:hover{color:var(--color-primary)}.continue-shopping-link{text-align:center;font-size:var(--font-size-caption);color:var(--color-primary);transition:transform var(--transition-fast);width:fit-content;margin:0 auto;font-weight:600;text-decoration:none}.continue-shopping-link:hover{transform:translate(-2px)}@media (width<=992px){.cart-container{gap:var(--space-24);grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=576px){.cart-page{padding:var(--space-16) var(--content-padding) var(--space-48) var(--content-padding)}.cart-item{align-items:stretch;gap:var(--space-12);flex-direction:column}.item-actions{border-top:1px solid var(--color-border);padding-top:var(--space-12);flex-direction:row;align-items:center}.cross-sell-grid{grid-template-columns:1fr}}.profile-page{width:100%;max-width:960px;padding:var(--space-32) var(--content-padding) var(--space-64) var(--content-padding);gap:var(--space-32);min-height:80vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.anonymous-profile{justify-content:center;align-items:center;min-height:50vh;display:flex}.login-prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-56) var(--space-40);text-align:center;max-width:480px;box-shadow:var(--elevation-2);align-items:center;gap:var(--space-16);flex-direction:column;display:flex}.prompt-emoji{font-size:3.5rem}.login-prompt-card h2{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin:0;font-weight:600}.login-prompt-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-base);margin:0 0 var(--space-8) 0}.profile-hero-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-32);box-shadow:var(--elevation-1);justify-content:space-between;align-items:center;gap:var(--space-20);flex-wrap:wrap;display:flex}.user-hero-info{align-items:center;gap:var(--space-20);display:flex}.user-text-details{gap:var(--space-4);flex-direction:column;display:flex}.profile-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.profile-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.profile-subtitle strong{color:var(--color-primary)}.profile-logout-btn{font-weight:600;font-size:var(--font-size-caption);color:var(--color-danger);background-color:var(--color-danger-light);border-radius:var(--radius-md);padding:var(--space-8) var(--space-20);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);border:1px solid #0000}.profile-logout-btn:hover{background-color:#dc262614;border-color:#dc262633}.profile-nav-tabs,.profile-tab-content{width:100%}.overview-tab-grid{gap:var(--space-20);grid-template-columns:1fr 1fr;display:grid}.overview-card-metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);align-items:center;gap:var(--space-16);box-shadow:var(--elevation-1);transition:all var(--transition-fast);display:flex}.overview-card-metric:hover{border-color:#c8a97e33}.metric-icon{background-color:var(--color-primary-light);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.metric-text h3{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin:0 0 var(--space-4) 0;font-weight:600;line-height:1}.metric-text p{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0;font-weight:600}.overview-section-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);gap:var(--space-16);box-shadow:var(--elevation-1);flex-direction:column;display:flex}.overview-section-panel h3{font-family:var(--font-heading);font-size:var(--font-size-body-lg);color:var(--color-text);margin:0;font-weight:600}.active-order-tracking-box{background-color:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-20);gap:var(--space-12);border:1px solid #6f4e371f;flex-direction:column;display:flex}.tracking-top{justify-content:space-between;align-items:flex-start;display:flex}.tracking-top strong{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-text)}.tracking-top p{font-size:var(--font-size-caption);color:var(--color-text-muted);margin:0}.tracking-progress-bar{background-color:var(--color-border);border-radius:var(--radius-full);height:8px;overflow:hidden}.profile-page .progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-full);height:100%;transition:width .4s}.no-orders-prompt{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0}.history-tab-list{gap:var(--space-16);flex-direction:column;display:flex}.history-order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--elevation-1);gap:var(--space-12);flex-direction:column;display:flex}.order-history-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-12);justify-content:space-between;align-items:center;display:flex}.order-history-header strong{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-text)}.order-history-date{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-left:var(--space-10)}.order-history-items{gap:var(--space-8);flex-direction:column;display:flex}.history-item-sub{font-size:var(--font-size-body);color:var(--color-text);justify-content:space-between;display:flex}.order-history-footer{border-top:1px dashed var(--color-border);padding-top:var(--space-12);justify-content:space-between;align-items:center;display:flex}.history-total{font-size:var(--font-size-body);color:var(--color-text-secondary)}.history-total strong{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-primary);margin-left:var(--space-4)}.empty-history-box{text-align:center;padding:var(--space-56) var(--space-32);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.empty-history-box span{font-size:3rem}.empty-history-box p{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0 0 var(--space-8) 0}.favorites-tab-grid{gap:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.favorite-drink-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--elevation-1);gap:var(--space-10);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.favorite-drink-card:hover{box-shadow:var(--elevation-2);border-color:#c8a97e33}.fav-star{background-color:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.favorite-drink-card h3{font-family:var(--font-heading);font-size:var(--font-size-body-lg);color:var(--color-text);margin:0;font-weight:600}.favorite-drink-card p{font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:var(--line-height-base);margin:0 0 var(--space-8) 0}.addresses-tab-grid{gap:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.address-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--elevation-1);gap:var(--space-10);transition:all var(--transition-fast);flex-direction:column;display:flex}.address-item-card:hover{border-color:#c8a97e33}.address-badge-tag{font-size:var(--font-size-micro);color:var(--color-primary);background-color:var(--color-primary-light);padding:var(--space-2) var(--space-8);border-radius:var(--radius-xs);width:fit-content;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-weight:600}.address-badge-tag.office{color:var(--color-info);background-color:var(--color-info-light)}.address-item-card p{font-size:var(--font-size-body);color:var(--color-text);line-height:var(--line-height-base);margin:0}.address-actions-lbl{font-size:var(--font-size-micro);color:var(--color-success);font-weight:600}.address-actions-lbl.edit{color:var(--color-primary);cursor:pointer;text-decoration:underline}@media (width<=768px){.profile-page{padding:var(--space-16) var(--content-padding) var(--space-48) var(--content-padding)}.overview-tab-grid{grid-template-columns:1fr}.profile-hero-panel{text-align:center;flex-direction:column}.user-hero-info{flex-direction:column}}.avatar-container{-webkit-user-select:none;user-select:none;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-weight:600;display:inline-flex;position:relative;overflow:visible}.avatar-clickable{cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.avatar-clickable:hover{transform:scale(1.08)}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initials{letter-spacing:-.02em;justify-content:center;align-items:center;display:flex}.avatar-size-small{width:32px;height:32px;font-size:.95rem}.avatar-size-medium{width:44px;height:44px;font-size:.95rem}.avatar-size-large{width:60px;height:60px;font-size:1.25rem}.avatar-size-xl{width:80px;height:80px;font-size:1.75rem}.avatar-color-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent))}.avatar-color-secondary{background:linear-gradient(135deg, var(--color-secondary), #595654)}.avatar-color-success{background:linear-gradient(135deg, var(--color-success), #80d3ab)}.avatar-color-warning{background:linear-gradient(135deg, var(--color-warning), #ffcd60)}.avatar-color-error{background:linear-gradient(135deg, var(--color-error), #ff8475)}.avatar-color-info{background:linear-gradient(135deg, var(--color-info), #88c0ee)}.avatar-status-badge{border:2px solid var(--color-surface);border-radius:50%;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #0000000d}.avatar-size-small .avatar-status-badge{width:9px;height:9px}.avatar-size-medium .avatar-status-badge{width:12px;height:12px}.avatar-size-large .avatar-status-badge{width:15px;height:15px}.avatar-size-xl .avatar-status-badge{border-width:3px;width:18px;height:18px}.badge-status-online{background-color:var(--color-success)}.badge-status-offline{background-color:var(--color-text-muted)}.badge-status-busy{background-color:var(--color-error)}.badge-status-idle{background-color:var(--color-warning)}.badge-indicator{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.35rem;width:max-content;padding:.25rem .6rem;font-size:.95rem;font-weight:600;display:inline-flex}.badge-style-pill{border-radius:30px}.badge-style-dot{text-transform:none;padding:0;font-weight:600;color:var(--color-text)!important;background-color:#0000!important;border:none!important}.badge-dot-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.badge-variant-primary{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid #c67c4e26}.badge-variant-primary .badge-dot-indicator{background-color:var(--color-primary)}.badge-variant-info{color:var(--color-info);background-color:#e6f3fc;border:1px solid #5b9bd526}.badge-variant-info .badge-dot-indicator{background-color:var(--color-info)}.badge-variant-success{color:var(--color-success);background-color:#e2f5ec;border:1px solid #4caf8226}.badge-variant-success .badge-dot-indicator{background-color:var(--color-success)}.badge-variant-warning{color:var(--color-warning);background-color:#fef3d6;border:1px solid #f5a62326}.badge-variant-warning .badge-dot-indicator{background-color:var(--color-warning)}.badge-variant-error{color:var(--color-error);background-color:#fce8e6;border:1px solid #e74c3c26}.badge-variant-error .badge-dot-indicator{background-color:var(--color-error)}.badge-variant-neutral{background-color:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-variant-neutral .badge-dot-indicator{background-color:var(--color-text-muted)}.checkout-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-32) var(--content-padding) var(--space-64) var(--content-padding);gap:var(--space-24);min-height:80vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.checkout-back-header{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.checkout-title{color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:600}.checkout-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:3rem;display:grid}.checkout-left-col{flex-direction:column;gap:2rem;display:flex}.checkout-section-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 20px #00000005}.checkout-section-panel h2{color:var(--color-secondary);border-bottom:1px solid var(--color-border);margin:0;padding-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.shipping-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-full-row{grid-column:span 2}@media (width<=576px){.shipping-form-grid{grid-template-columns:1fr}.form-full-row{grid-column:span 1}}.payment-selector-tabs{flex-wrap:wrap;gap:.75rem;width:100%;display:flex}.payment-tab-btn{min-width:130px;color:var(--color-text-muted);background-color:var(--color-surface-alt);cursor:pointer;border:2px solid #0000;border-radius:12px;flex:1;min-height:44px;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.payment-tab-btn:hover{background-color:var(--color-border);color:var(--color-text)}.payment-tab-btn.active{color:var(--color-primary);border-color:var(--color-primary);background-color:#c67c4e0a}.payment-details-container{border:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:14px;padding:1.5rem}.card-details-fields{flex-direction:column;gap:1.25rem;display:flex}.card-expiry-cvv{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.upi-toggle-options{flex-wrap:wrap;gap:2rem;margin-bottom:1.25rem;display:flex}.upi-radio-label{color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;display:flex}.upi-radio-label input{accent-color:var(--color-primary);width:18px;height:18px}.upi-vpa-input-box{flex-direction:column;gap:.5rem;display:flex}.upi-disclaimer{color:var(--color-text-muted);font-size:.95rem}.upi-qr-display-box{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.mock-qr-code{border:2px solid var(--color-border);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.mock-qr-code:before{content:"";background-image:radial-gradient(var(--color-secondary) 30%, transparent 30%), radial-gradient(var(--color-secondary) 30%, transparent 30%);background-position:0 0,4px 4px;background-size:8px 8px;width:120px;height:120px}.qr-logo{background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.25rem;font-size:1.75rem;display:flex;position:absolute;box-shadow:0 2px 8px #0000001a}.qr-scanners-corners{pointer-events:none;border:4px solid #0000;position:absolute;inset:15px}.qr-scanners-corners:before{content:"";border-top:4px solid var(--color-primary);border-left:4px solid var(--color-primary);width:25px;height:25px;position:absolute;top:0;left:0}.qr-scanners-corners:after{content:"";border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary);width:25px;height:25px;position:absolute;top:0;right:0}.qr-hint{color:var(--color-text-muted);text-align:center;margin:0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.4}.qr-hint strong{color:var(--color-primary)}.cod-container p{color:var(--color-text);margin:0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5}.cod-container strong{color:var(--color-primary)}.checkout-summary-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 20px #00000005}.checkout-summary-panel h3{color:var(--color-secondary);margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.checkout-summary-items{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.75rem;padding-bottom:1.25rem;display:flex}.summary-item-row{justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:.875rem;display:flex}.summary-item-left{align-items:center;gap:.5rem;max-width:80%;display:flex}.qty-tag{color:var(--color-primary);background-color:var(--color-primary-light);border-radius:6px;padding:.1rem .4rem;font-size:.95rem;font-weight:600}.item-name{color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.checkout-summary-items .item-price{color:var(--color-secondary);font-family:Outfit,sans-serif;font-weight:600}.trust-indicator-box{background-color:var(--color-surface-alt);color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:10px;padding:.75rem;font-family:Inter,sans-serif;font-size:.95rem}@media (width<=992px){.checkout-grid{grid-template-columns:1fr;gap:2rem}}.input-group{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--font-size-body);color:var(--color-text);font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-12);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex;position:absolute}.input-field{width:100%;padding:0 var(--space-16);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:48px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);transition:border-color var(--motion-fast);outline:none}.input-field.has-icon{padding-left:var(--space-40)}.input-field::placeholder{color:var(--color-text-secondary)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.input-field:disabled{background-color:var(--color-bg);color:var(--color-text-secondary);cursor:not-allowed}.input-error-msg{font-size:var(--font-size-caption);color:var(--color-danger);margin-top:4px}.detail-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-32) var(--content-padding) var(--space-64) var(--content-padding);gap:var(--space-40);min-height:80vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.back-btn{font-weight:600;font-size:var(--font-size-body);color:var(--color-primary);cursor:pointer;align-items:center;gap:var(--space-8);width:fit-content;transition:transform var(--transition-fast);background:0 0;border:none;padding:0;display:flex}.back-btn:hover{transform:translate(-4px)}.detail-grid{gap:var(--space-56);grid-template-columns:1fr 1fr;align-items:start;display:grid}.gallery-section{gap:var(--space-16);flex-direction:column;display:flex}.main-image-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out)}.main-image-container:hover .main-image{transform:scale(1.03)}.thumbnails-row{gap:var(--space-12);display:flex}.thumbnail-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:80px;height:60px;transition:all var(--transition-fast);padding:0;overflow:hidden}.thumbnail-btn img{object-fit:cover;width:100%;height:100%}.thumbnail-btn:hover{border-color:var(--color-text-muted)}.thumbnail-btn.active{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.main-video{object-fit:cover;border-radius:inherit;width:100%;height:100%}.video-mute-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex;position:absolute;bottom:14px;right:14px}.video-mute-toggle:hover{background:#000000bf}.main-image-container,.video-thumb{position:relative}.thumb-play-overlay{border-radius:inherit;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.info-section{gap:var(--space-20);flex-direction:column;display:flex}.info-header{gap:var(--space-8);flex-direction:column;display:flex}.detail-tag{background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-micro);text-transform:uppercase;padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);width:fit-content;letter-spacing:var(--letter-spacing-caps);font-weight:600}.product-detail-title{font-family:var(--font-heading);font-size:var(--font-size-h1);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0;font-weight:600}.detail-rating{align-items:center;gap:var(--space-8);font-size:var(--font-size-caption);display:flex}.detail-rating strong{color:var(--color-text)}.detail-rating .count{color:var(--color-text-muted)}.detail-price-row{align-items:center;gap:var(--space-16);font-family:var(--font-heading);display:flex}.price-label{font-size:var(--font-size-body);color:var(--color-text-muted);font-weight:600}.price-value{font-size:var(--font-size-h1);color:var(--color-primary);font-weight:600}.detail-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-loose);margin:0}.variants-section{gap:var(--space-12);flex-direction:column;display:flex}.variants-section h3{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-text);margin:0;font-weight:600}.variants-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.variant-option-btn{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);border:2px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex}.variant-option-btn:hover{background-color:var(--color-surface-alt);border-color:#c8a97e4d}.variant-option-btn.active{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--glow-primary)}.variant-option-btn .v-name{font-weight:600;font-size:var(--font-size-body);color:var(--color-text)}.variant-option-btn .v-price{font-weight:600;font-size:var(--font-size-caption);color:var(--color-text-muted)}.variant-option-btn.active .v-price{color:var(--color-primary)}.purchase-controls-row{gap:var(--space-20);margin-top:var(--space-12);align-items:center;display:flex}.quantity-selector{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);align-items:center;height:48px;display:flex;overflow:hidden}.quantity-selector button{cursor:pointer;width:44px;height:100%;color:var(--color-text);transition:background-color var(--transition-fast);background:0 0;border:none;font-size:1.25rem;font-weight:600}.quantity-selector button:hover{background-color:var(--color-surface-alt)}.quantity-selector span{padding:0 var(--space-12);font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-body);color:var(--color-text);text-align:center;min-width:24px}.delivery-trust-badge{font-size:var(--font-size-caption);color:var(--color-success);background-color:var(--color-success-light);padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);width:fit-content;font-weight:600}.related-section{border-top:1px solid var(--color-border);padding-top:var(--space-40);gap:var(--space-24);flex-direction:column;display:flex}.related-section h2{font-family:var(--font-heading);font-size:var(--font-size-h2);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0;font-weight:600}.related-grid{gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.related-card-click{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--elevation-1);transition:all var(--transition-smooth);overflow:hidden}.related-card-click:hover{box-shadow:var(--elevation-3);border-color:#0000;transform:translateY(-4px)}.related-img-container{aspect-ratio:4/3;background-color:var(--color-surface-alt);overflow:hidden}.related-img-container img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out)}.related-card-click:hover .related-img-container img{transform:scale(1.05)}.related-card-info{padding:var(--space-16);gap:var(--space-4);flex-direction:column;display:flex}.related-card-info h4{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-text);margin:0;font-weight:600}.related-price{font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-primary);font-weight:600}.loading-detail{gap:var(--space-56);margin-top:var(--space-48);grid-template-columns:1fr 1fr;display:grid}.skeleton-image-large{aspect-ratio:4/3;border-radius:var(--radius-xl)}.skeleton-info-block{gap:var(--space-16);flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-xs)}@media (width<=768px){.detail-page{padding:var(--space-16) var(--content-padding) var(--space-48) var(--content-padding);gap:var(--space-24)}.detail-grid,.loading-detail{gap:var(--space-24);grid-template-columns:1fr}.product-detail-title,.price-value{font-size:var(--font-size-h2)}.purchase-controls-row{align-items:stretch;gap:var(--space-12);flex-direction:column}}.success-page{padding:var(--space-56) var(--content-padding);background-color:var(--color-bg);min-height:85vh;animation:fadeIn var(--motion-smooth) var(--ease-out) both;justify-content:center;align-items:center;display:flex}.success-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:650px;padding:3.5rem 3rem;display:flex;box-shadow:0 10px 40px #00000008}.success-check-wrapper{justify-content:center;display:flex}.success-check-circle{background-color:#4caf821a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scale-up;display:flex}.success-check-icon{color:var(--color-success);font-size:2.5rem;font-weight:600}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600}.success-subtitle{color:var(--color-text-muted);margin:0;font-family:Inter,sans-serif;font-size:.975rem;line-height:1.6}.success-subtitle strong{color:var(--color-text)}.order-brief-badges{justify-content:center;gap:1.5rem;width:100%;display:flex}.brief-badge{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.brief-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.brief-val{color:var(--color-secondary);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600}.whatsapp-preview-box{text-align:left;background-color:#4caf820d;border:1px solid #4caf8233;border-radius:16px;flex-direction:column;gap:.5rem;width:100%;padding:1.25rem;display:flex}.wa-header{color:var(--color-success);align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.95rem;display:flex}.wa-dot{background-color:var(--color-success);border-radius:50%;width:8px;height:8px}.wa-body{color:var(--color-secondary);margin:0;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5}.wa-link{color:var(--color-info);cursor:pointer;text-decoration:underline}.success-timeline-section{text-align:left;border-top:1px solid var(--color-border);flex-direction:column;gap:1.25rem;width:100%;padding-top:2rem;display:flex}.success-timeline-section h3{color:var(--color-secondary);letter-spacing:-.01em;margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.success-actions{gap:1rem;width:100%;display:flex}.success-actions button{flex:1}@media (width<=576px){.success-card{padding:2rem 1.5rem}.order-brief-badges{flex-direction:column;gap:1rem}.success-actions{flex-direction:column;gap:.75rem}}.timeline-container{flex-direction:column;width:100%;font-family:Inter,sans-serif;display:flex}.timeline-item{gap:1.25rem;padding-bottom:1.75rem;display:flex;position:relative}.timeline-connector{background-color:var(--color-border);z-index:1;width:2px;transition:background-color .3s;position:absolute;top:32px;bottom:0;left:20px}.timeline-status-completed .timeline-connector{background-color:var(--color-primary)}.timeline-indicator-wrapper{z-index:2;justify-content:center;align-items:flex-start;display:flex}.timeline-indicator{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000005}.timeline-indicator-dot{background-color:var(--color-text-muted);border-radius:50%;width:10px;height:10px;transition:all .3s}.timeline-indicator-icon{font-size:1.1rem}.timeline-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex:1;margin-top:-2px;padding:1rem 1.25rem;transition:all .3s;box-shadow:0 2px 10px #00000003}.timeline-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.timeline-item-title{color:var(--color-text);margin:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.timeline-item-time{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.timeline-item-description{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.4}.timeline-status-completed .timeline-indicator{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.timeline-status-completed .timeline-indicator-dot{background-color:var(--color-primary)}.timeline-status-completed .timeline-content{border-color:var(--color-primary-light);background-color:#c67c4e05}.timeline-status-current .timeline-indicator{border-color:var(--color-primary);background-color:var(--color-surface);animation:2s infinite pulse-border;box-shadow:0 0 0 4px #c67c4e26}.timeline-status-current .timeline-indicator-dot{background-color:var(--color-primary)}.timeline-status-current .timeline-content{border-color:var(--color-primary);box-shadow:0 4px 16px #c67c4e0d}.timeline-status-current .timeline-item-title{color:var(--color-primary)}.timeline-status-pending .timeline-indicator{border-color:var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-muted)}.timeline-status-pending .timeline-indicator-dot{background-color:var(--color-border)}.timeline-status-pending .timeline-content{opacity:.75}@keyframes pulse-border{0%{box-shadow:0 0 #c67c4e4d}70%{box-shadow:0 0 0 6px #c67c4e00}to{box-shadow:0 0 #c67c4e00}}.subscription-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-40) var(--content-padding) var(--space-64) var(--content-padding);animation:fadeIn var(--motion-smooth) var(--ease-out) both;margin:0 auto}.subscription-hero{text-align:center;margin-bottom:var(--space-56)}.badge-promo{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-20);border:1px solid #6f4e3726;font-weight:600;display:inline-block}.subscription-hero .hero-title{font-family:var(--font-heading);font-size:var(--font-size-h1);color:var(--color-text);margin-bottom:var(--space-16);letter-spacing:var(--letter-spacing-tight);font-weight:600}.hero-desc{max-width:640px;margin:0 auto var(--space-32) auto;color:var(--color-text-secondary);font-size:var(--font-size-body-lg);line-height:var(--line-height-loose)}.subscription-tabs{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);box-shadow:var(--elevation-1);display:inline-flex}.sub-tab-btn{padding:var(--space-10) var(--space-24);border-radius:var(--radius-full);font-size:var(--font-size-body);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);font-weight:600;font-family:var(--font-body);background:0 0;border:none}.sub-tab-btn:hover{color:var(--color-text)}.sub-tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--glow-primary)}.plans-grid{gap:var(--space-24);margin-bottom:var(--space-56);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.plan-card{border-radius:var(--radius-lg);height:100%;padding:var(--space-40);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--elevation-1);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);flex-direction:column;display:flex;position:relative}.plan-card:hover{box-shadow:var(--elevation-3);transform:translateY(-6px)}.plan-popular{border:2px solid var(--color-primary);box-shadow:var(--glow-primary)}.popular-ribbon{background:linear-gradient(135deg, var(--color-primary), #8b6347);color:#fff;padding:var(--space-6) var(--space-16);border-radius:var(--radius-full);font-size:var(--font-size-micro);box-shadow:var(--glow-primary);font-weight:600;position:absolute;top:-14px;right:24px}.plan-header h3{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text);margin-bottom:var(--space-12);font-weight:600}.plan-price-row{margin-bottom:var(--space-8);align-items:baseline;display:flex}.price-num{font-size:var(--font-size-h1);color:var(--color-text);font-weight:600;font-family:var(--font-heading)}.price-unit{color:var(--color-text-muted);font-size:var(--font-size-body);margin-left:var(--space-4)}.plan-items{font-size:var(--font-size-body);color:var(--color-primary);margin-bottom:var(--space-20);font-weight:600}.subscription-page .divider{background:var(--color-border);height:1px;margin:var(--space-20) 0;border:0;width:100%}.plan-features{margin:0 0 var(--space-32) 0;gap:var(--space-10);flex-direction:column;flex-grow:1;padding:0;list-style:none;display:flex}.plan-features li{font-size:var(--font-size-body);color:var(--color-text-secondary);align-items:center;gap:var(--space-8);display:flex}.plan-features li svg{color:var(--color-success);flex-shrink:0}.custom-builder-workspace{gap:var(--space-40);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-40);box-shadow:var(--elevation-1);grid-template-columns:1.2fr .8fr;display:grid}.builder-controls h3{font-family:var(--font-heading);font-size:var(--font-size-h3);margin-bottom:var(--space-32);color:var(--color-text);font-weight:600}.builder-group{margin-bottom:var(--space-24)}.builder-group label{font-size:var(--font-size-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-10);font-weight:600;display:block}.options-row{gap:var(--space-10);flex-wrap:wrap;display:flex}.builder-option{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-10) var(--space-20);font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:var(--space-6);font-weight:600;font-family:var(--font-body);display:flex}.builder-option:hover{background:var(--color-surface);border-color:#c8a97e4d}.builder-option.active{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.discount-tag{background:linear-gradient(135deg, var(--color-primary), #8b6347);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs);margin-left:var(--space-4);font-size:.6rem;font-weight:600}.label-row{margin-bottom:var(--space-10);justify-content:space-between;align-items:center;display:flex}.builder-qty-label{color:var(--color-primary);font-weight:600}.builder-slider{border-radius:var(--radius-full);background:var(--color-border);width:100%;height:6px;margin:var(--space-12) 0;-webkit-appearance:none;outline:none}.builder-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:3px solid var(--color-surface);width:22px;height:22px;box-shadow:var(--glow-primary);transition:transform var(--transition-fast);border-radius:50%}.builder-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-labels{font-size:var(--font-size-micro);color:var(--color-text-muted);justify-content:space-between;display:flex}.builder-preview-panel{flex-direction:column;display:flex}.preview-title{font-family:var(--font-heading);font-size:var(--font-size-h3);margin-bottom:var(--space-24);color:var(--color-text);font-weight:600}.preview-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-24);margin-bottom:var(--space-24);gap:var(--space-12);flex-direction:column;display:flex}.preview-item{font-size:var(--font-size-body);color:var(--color-text-secondary);justify-content:space-between;display:flex}.preview-item strong{color:var(--color-text)}.preview-item .text-free{color:var(--color-success);font-weight:600}.preview-card hr{background:var(--color-border);height:1px;margin:var(--space-8) 0;border:0}.preview-total-row{justify-content:space-between;align-items:center;display:flex}.preview-total-row span{font-size:var(--font-size-body);color:var(--color-text);font-weight:600}.subscription-page .total-val{font-size:var(--font-size-h2);color:var(--color-primary);font-weight:600;font-family:var(--font-heading)}.preview-footer-note{font-size:var(--font-size-micro);color:var(--color-text-muted);text-align:center;margin-top:var(--space-12)}.success-sub-card{max-width:600px;padding:var(--space-48);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;background:var(--color-surface);box-shadow:var(--elevation-2);margin:0 auto}.success-icon-circle{background:linear-gradient(135deg, var(--color-success), #22c55e);color:#fff;width:72px;height:72px;margin-bottom:var(--space-20);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #16a34a33}.success-sub-card h2{font-family:var(--font-heading);font-size:var(--font-size-h2);margin-bottom:var(--space-12);color:var(--color-text);font-weight:600}.success-sub-card p{color:var(--color-text-secondary);margin-bottom:var(--space-24)}.sub-summary-grid{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-24);margin-bottom:var(--space-24);gap:var(--space-12);text-align:left;flex-direction:column;display:flex}.subscription-page .summary-row{font-size:var(--font-size-body);color:var(--color-text-secondary);justify-content:space-between;display:flex}.subscription-page .summary-row strong,.subscription-page .summary-row span:last-child{color:var(--color-text);font-weight:600}.sub-helper-text{font-size:var(--font-size-caption);line-height:var(--line-height-base);color:var(--color-text-muted);margin-bottom:var(--space-32)}@media (width<=900px){.subscription-page{padding:var(--space-24) var(--content-padding) var(--space-48) var(--content-padding)}.custom-builder-workspace{padding:var(--space-24);gap:var(--space-24);grid-template-columns:1fr}.subscription-hero .hero-title{font-size:var(--font-size-h2)}}@media (width<=768px){.plans-grid{gap:var(--space-16);grid-template-columns:1fr}}.collections-page{width:100%;max-width:var(--max-width-xl);padding:var(--space-40) var(--content-padding) var(--space-64) var(--content-padding);animation:fadeIn var(--motion-smooth) var(--ease-out) both;margin:0 auto}.collections-header{text-align:center;margin-bottom:4rem}.badge-curated{text-transform:uppercase;letter-spacing:1px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-primary);border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.collections-title{color:var(--color-text);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:600}.collections-desc{max-width:750px;color:var(--color-text-muted);margin:0 auto;font-size:1.125rem;line-height:1.6}.collections-grid{flex-direction:column;gap:3rem;margin-bottom:4rem;display:flex}.collection-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:.9fr 1.1fr;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.collection-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.coll-image-container{height:100%;min-height:350px;position:relative;overflow:hidden}.coll-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.collection-card:hover .coll-image{transform:scale(1.05)}.coll-tag{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:50px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;position:absolute;top:20px;left:20px}.coll-details{flex-direction:column;padding:3rem;display:flex}.coll-card-title{color:var(--color-text);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:600}.coll-description{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.coll-divider{background:var(--color-border);border:0;height:1px;margin:1.5rem 0}.coll-items-preview h4{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.coll-items-preview ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.coll-items-preview li{color:var(--color-text);font-size:.95rem;font-weight:500}.coll-footer{justify-content:space-between;align-items:center;gap:2rem;margin-top:auto;padding-top:2rem;display:flex}.coll-price-block{flex-direction:column;display:flex}.price-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;font-size:.95rem;font-weight:600}.price-row{align-items:center;gap:.5rem;display:flex}.current-price{color:var(--color-primary);font-family:Outfit,sans-serif;font-size:2rem;font-weight:600}.original-price{color:var(--color-text-muted);font-size:1.125rem;text-decoration:line-through}@media (width<=900px){.collection-card{grid-template-columns:1fr}.coll-image-container{min-height:250px}.coll-details{padding:1.5rem}.coll-footer{flex-direction:column;align-items:stretch;gap:1.25rem}.collections-title{font-size:2.25rem}}.d2c-login-page{padding:var(--space-56) var(--content-padding);min-height:calc(80vh - 100px);animation:fadeIn var(--motion-smooth) var(--ease-out) both;justify-content:center;align-items:center;display:flex}.login-card-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-48) var(--space-40);box-shadow:var(--elevation-3)}.login-brand-header{text-align:center;margin-bottom:2rem}.brand-circle-logo{background:var(--color-primary);color:#1c0e08;width:60px;height:60px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.85rem;display:inline-flex}.brand-name{color:var(--color-text);margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:600}.brand-tagline{color:var(--color-text-muted);font-size:.95rem}.login-tab-bar{background:var(--color-background);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);margin-bottom:2rem;padding:.25rem;display:flex}.login-tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:.6rem;font-size:.95rem;font-weight:600;transition:all .2s}.login-tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.login-form-fields{flex-direction:column;gap:1.5rem;display:flex}.form-label-txt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.phone-prefix-input-wrap{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.phone-prefix-input-wrap:focus-within{border-color:var(--color-primary)}.phone-prefix-val{background:var(--color-border);color:var(--color-text);border-right:1px solid var(--color-border);padding:.75rem 1rem;font-size:.95rem;font-weight:600}.phone-styled-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600}.phone-styled-input::placeholder{color:var(--color-text-muted);font-weight:400}.login-disclaimer-txt{color:var(--color-text-muted);text-align:center;font-size:.7rem;line-height:1.4}.otp-entry-section{text-align:center}.otp-entry-section h3{color:var(--color-text);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem}.otp-sent-to-info{color:var(--color-text-muted);margin-bottom:2rem;font-size:.95rem}.otp-digit-boxes-row{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.otp-digit-box{border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);width:44px;height:50px;color:var(--color-text);justify-content:center;align-items:center;font-size:1.35rem;font-weight:600;transition:all .15s;display:flex}.otp-digit-box.filled{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:var(--color-surface)}.simulated-otp-banner{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:linear-gradient(135deg,#e09f3e26,#b8733340);flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.85rem 1rem;animation:.3s slideDown;display:flex;box-shadow:0 4px 12px #0000001a}.simulated-otp-banner .banner-text{color:var(--color-text);font-size:.88rem}.simulated-otp-banner .banner-text strong{color:var(--color-primary);letter-spacing:2px;background:var(--color-background);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:1.15rem}.simulated-otp-banner .autofill-btn{background:var(--color-primary);color:#1c0e08;cursor:pointer;border:none;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;transition:transform .15s}.simulated-otp-banner .autofill-btn:hover{transform:scale(1.04)}.otp-virtual-numpad{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:280px;margin:0 auto 2rem;display:grid}.otp-virtual-numpad button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--border-radius-sm);height:50px;color:var(--color-text);cursor:pointer;font-size:1.15rem;font-weight:600;transition:all .15s}.otp-virtual-numpad button:hover{background:var(--color-background);border-color:var(--color-primary)}.otp-virtual-numpad .numpad-clear{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.otp-virtual-numpad .numpad-submit{background:var(--color-primary);color:#1c0e08;border-color:var(--color-primary);font-size:1.15rem}.otp-virtual-numpad .numpad-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--color-border);color:var(--color-text-muted);border-color:var(--color-border)}.otp-back-link-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:600;text-decoration:underline}@media (width<=480px){.login-card-wrapper{padding:2rem 1.5rem}}.about-page{background:var(--c-cream,#faf6f0)}.about-hero{background:var(--c-espresso,#2c1a0e);padding:100px 0 80px}.about-hero-inner{max-width:640px}.about-hero .eyebrow{color:var(--c-caramel,#c8853e);margin-bottom:12px;display:block}.about-hero-title{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0 0 20px;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;line-height:1.15}.about-hero-sub{color:#f0e8dbb3;max-width:500px;font-size:1.0625rem;line-height:1.75}.about-image-break{padding:0}.about-story-img-wrap{border-radius:0 0 20px 20px;height:420px;overflow:hidden}.about-story-img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.about-story-img-wrap{height:260px}}.about-story-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=900px){.about-story-grid{grid-template-columns:1fr;gap:36px}}.about-story-text{flex-direction:column;gap:16px;display:flex}.about-story-text h2{font-family:var(--font-display,"Playfair Display", serif);color:var(--c-espresso,#2c1a0e);margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.2}.about-story-text p{color:var(--c-text-secondary,#6b4c35);font-size:1rem;line-height:1.75}.about-values-col{flex-direction:column;gap:16px;display:flex}.about-value-card{border:1px solid var(--c-cream-border,#e2d4c4);background:#fff;border-radius:12px;gap:14px;padding:16px;display:flex}.about-value-icon{width:36px;height:36px;color:var(--c-caramel,#c8853e);background:#c8853e1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-value-card strong{color:var(--c-espresso,#2c1a0e);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.about-value-card p{color:var(--c-text-muted,#9b8070);margin:0;font-size:15px;line-height:1.55}.brew-section{background:var(--c-cream-dark,#f0e8db)}.brew-steps{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}@media (width<=1000px){.brew-steps{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.brew-steps{grid-template-columns:1fr 1fr}}.brew-step{flex-direction:column;gap:10px;display:flex}.brew-step-num{color:var(--c-caramel,#c8853e);opacity:.35;font-size:40px;font-weight:600;line-height:1;font-family:var(--font-display,"Playfair Display", serif)}.brew-step h3{color:var(--c-espresso,#2c1a0e);margin:0;font-size:15px;font-weight:600}.brew-step p{color:var(--c-text-muted,#9b8070);font-size:12.5px;line-height:1.6}.about-cta-section{background:var(--c-espresso,#2c1a0e);padding:80px 0}.about-cta-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.about-cta-inner h2{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600}.about-cta-inner p{color:#f0e8dba6;max-width:400px;font-size:15px}.contact-page{background:var(--c-cream,#faf6f0)}.contact-hero{background:var(--c-espresso,#2c1a0e);padding:80px 0 64px}.contact-hero-inner{max-width:560px}.contact-hero .eyebrow{color:var(--c-caramel,#c8853e);margin-bottom:12px;display:block}.contact-hero h1{font-family:var(--font-display,"Playfair Display", serif);color:#fff;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}.contact-hero p{color:#f0e8dba6;font-size:1rem;line-height:1.7}.contact-grid{grid-template-columns:360px 1fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}.contact-info-col h2{color:var(--c-espresso,#2c1a0e);margin:0 0 20px;font-size:18px;font-weight:600}.contact-info-items{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.contact-info-item{border:1px solid var(--c-cream-border,#e2d4c4);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;text-decoration:none;transition:border-color .2s;display:flex}a.contact-info-item:hover{border-color:var(--c-caramel,#c8853e)}.ci-icon{width:38px;height:38px;color:var(--c-caramel,#c8853e);background:#c8853e1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item strong{color:var(--c-espresso,#2c1a0e);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.contact-info-item span{color:var(--c-text-muted,#9b8070);font-size:15px}.contact-social p{color:var(--c-text-muted,#9b8070);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:15px;font-weight:600}.social-links{flex-direction:column;gap:8px;display:flex}.social-link{color:var(--c-text-secondary,#6b4c35);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.social-link:hover{color:var(--c-caramel,#c8853e)}.contact-form-card{border:1px solid var(--c-cream-border,#e2d4c4);background:#fff;border-radius:16px;padding:32px}.contact-form-card h2{color:var(--c-espresso,#2c1a0e);margin:0 0 24px;font-size:18px;font-weight:600}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-field input,.form-field select,.form-field textarea{outline:none;width:100%;transition:border-color .2s,box-shadow .2s;border:1.5px solid var(--c-cream-border,#e2d4c4)!important;background:var(--c-cream,#faf6f0)!important;color:var(--c-espresso,#2c1a0e)!important;font-size:15px!important;font-family:var(--font-body,"Inter", sans-serif)!important;border-radius:10px!important;height:auto!important;min-height:auto!important;padding:10px 14px!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--c-caramel,#c8853e)!important;background:#fff!important;box-shadow:0 0 0 3px #c8853e1a!important}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--c-text-muted,#9b8070)}.form-field textarea{resize:vertical;min-height:120px}.contact-submit{cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;transition:background .2s;display:flex;background:var(--c-espresso,#2c1a0e)!important;color:#fff!important;border-radius:999px!important;height:48px!important;min-height:48px!important;font-size:15px!important;font-weight:600!important}.contact-submit:hover:not(:disabled){background:var(--c-espresso-mid,#4a2e1a)!important}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.operator-login-container{background:radial-gradient(circle at 10% 20%,#f5f9fc 0%,#e6f4ff 90%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.operator-login-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:420px;padding:40px 32px 32px;display:flex;box-shadow:0 12px 32px -5px #1f2a4414}.operator-login-title{color:#1f2a44;text-align:center;letter-spacing:-.02em;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600}.operator-login-subtitle{color:#4a5568;text-align:center;margin:0 0 28px;font-size:.95rem;font-weight:500}.operator-login-form{flex-direction:column;gap:18px;display:flex}.operator-form-group{flex-direction:column;gap:6px;display:flex}.operator-form-label{color:#999;text-transform:uppercase;letter-spacing:.1em;text-align:left;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.operator-form-input{color:#1a1a1a;box-sizing:border-box;background-color:#00000004;border:1px solid #00000014;border-radius:6px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:all .3s}.operator-form-input::placeholder{color:#bbb}.operator-form-input:focus{background-color:#fff;border-color:#0003;box-shadow:0 0 0 3px #00000005}.operator-form-input.input-error{background-color:#c4404008;border-color:#c44040}.operator-form-input.input-error:focus{box-shadow:0 0 0 3px #c440400f}.captcha-generator-wrapper{align-items:center;gap:10px;margin-bottom:2px;display:flex}.captcha-display-box{-webkit-user-select:none;user-select:none;background-color:#00000004;border:1px dashed #0000001a;border-radius:6px;flex-grow:1;justify-content:center;align-items:center;gap:10px;height:44px;display:flex;position:relative;overflow:hidden}.captcha-char{letter-spacing:4px;color:#1a1a1a;font-family:SF Mono,monospace;font-size:1.2rem;font-weight:600;display:inline-block}.captcha-noise-line{opacity:.2;pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 10px,#999 10px 12px,#0000 12px 20px,#bbb 20px 22px);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)rotate(-2deg)}.captcha-refresh-btn{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .3s;display:flex}.captcha-refresh-btn:hover{background-color:#00000005;border-color:#00000026;transform:rotate(30deg)}.captcha-input-field{background-color:#fff;border:1px solid #00000014}.operator-login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background-color:#1a1a1a;border:none;border-radius:6px;margin-top:8px;padding:13px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.operator-login-submit-btn:hover:not(:disabled){background-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.operator-login-submit-btn:active:not(:disabled){background-color:#333;transform:translateY(0)}.operator-login-submit-btn:disabled{color:#999;cursor:not-allowed;box-shadow:none;background-color:#00000014}.credentials-reference-container{border-top:1px solid #0000000f;margin-top:24px;padding-top:20px}.credentials-table-wrapper{background-color:#00000003;border:1px solid #0000000d;border-radius:6px;overflow:hidden}.credentials-reference-table{border-collapse:collapse;color:#555;width:100%;font-size:.78rem}.credentials-reference-table th{color:#999;text-align:left;text-transform:uppercase;letter-spacing:.1em;background-color:#00000004;border-bottom:1px solid #0000000f;padding:8px 14px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.credentials-reference-table td{vertical-align:middle;border-bottom:1px solid #00000008;padding:8px 14px}.credentials-reference-table tr{cursor:pointer;transition:background-color .2s}.credentials-reference-table tbody tr:hover{background-color:#00000003}.credentials-reference-table tr:last-child td{border-bottom:none}.role-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500;display:inline-block}.role-admin{color:#555;background-color:#0000000a;border:1px solid #0000000f}.role-kitchen{color:#c78d5a;background-color:#c78d5a0f;border:1px solid #c78d5a1a}.role-display{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1a}.crm-dashboard-page{flex-direction:column;gap:22px;font-family:Author,Inter,sans-serif;display:flex}.dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dash-title{color:var(--al-text);letter-spacing:-.02em;margin:0 0 4px;font-family:Author,Outfit,sans-serif;font-size:32px;font-weight:700}.dash-subtitle{color:var(--al-text-secondary);margin:0;font-size:16px}.sync-badge{background:var(--al-accent-light);border:1px solid var(--al-border);color:var(--al-accent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.sync-dot{background:var(--al-success);width:8px;height:8px;box-shadow:0 0 10px var(--al-success);border-radius:50%}.vasify-kpi-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=1200px){.vasify-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.vasify-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.vasify-kpi-grid{grid-template-columns:1fr}}.vasify-card{border-radius:var(--al-radius-sm);color:#fff;min-height:110px;box-shadow:var(--al-shadow-sm);transition:transform var(--al-transition), box-shadow var(--al-transition);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex}.vasify-card:hover{box-shadow:var(--al-shadow-lg);transform:translateY(-3px)}.vasify-card.purple{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)}.vasify-card.blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.vasify-card.cyan{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.vasify-card.orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.vasify-card.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.vasify-card-top{justify-content:space-between;align-items:center;display:flex}.vasify-card-label{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:12px;font-weight:600}.vasify-card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.vasify-card-val{color:#fff;letter-spacing:-.02em;margin:6px 0 2px;font-family:Outfit,Inter,sans-serif;font-size:30px;font-weight:700}.vasify-card-sub{opacity:.85;align-items:center;gap:3px;font-size:13px;font-weight:500;display:flex}.dashboard-charts-row{flex-wrap:wrap;gap:20px;display:flex}.flex-2{flex:2;min-width:320px}.flex-1{flex:1;min-width:280px}.chart-card,.content-card{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);transition:border-color var(--al-transition), box-shadow var(--al-transition);padding:20px}.chart-card:hover,.content-card:hover{box-shadow:var(--al-shadow-lg);border-color:var(--al-border)}.chart-card-header,.card-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-card-header h3,.card-header-row h3{color:var(--al-text);letter-spacing:-.01em;margin:0;font-family:Outfit,Inter,sans-serif;font-size:20px;font-weight:700}.chart-subtitle,.card-subtitle{color:var(--al-text-secondary);margin:2px 0 0;font-size:14px;font-weight:500;line-height:1.4}.concentrate-mix-card{container-type:inline-size}.concentrate-mix-body{flex-direction:column;align-items:center;gap:14px;min-width:0;min-height:auto;padding:8px 0;display:flex}.concentrate-pie{justify-content:center;align-items:center;width:100%;min-width:0;display:flex;height:160px!important}.btn-link{color:var(--al-accent);transition:color var(--al-transition);font-size:14px;font-weight:600;text-decoration:none}.btn-link:hover{color:var(--al-accent-hover);text-decoration:underline}.pie-legend-list{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.legend-item{border-radius:var(--al-radius-sm);border:1px solid var(--al-border);background:#00000005;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;line-height:1.35;display:flex}[data-theme=dark] .legend-item{background:#ffffff05}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:8px}.legend-name{color:var(--al-text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:8px;font-weight:600;overflow:hidden}.legend-pct{color:var(--al-accent);flex-shrink:0;font-weight:700}.dashboard-bottom-grid{flex-wrap:wrap;gap:20px;display:flex}.table-responsive{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.4}.dash-table th{text-align:left;color:var(--al-text-secondary);border-bottom:1px solid var(--al-border);background:#00000004;padding:12px 14px;font-size:13.5px;font-weight:600}[data-theme=dark] .dash-table th{background:#ffffff05}.dash-table td{border-bottom:1px solid var(--al-border);color:var(--al-text);vertical-align:middle;padding:14px;font-size:14px;font-weight:500}.dash-table td strong{font-weight:600}.terminal-badge{background:var(--al-accent-light);color:var(--al-accent);border:1px solid var(--al-border);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1.35}.products-cell{align-items:center;gap:6px;font-weight:500;display:flex}.cell-icon{color:var(--al-coffee-accent);flex-shrink:0}.status-pill{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;line-height:1.35;display:inline-block}.status-progress{background:var(--al-warning-bg);color:var(--al-warning)}.status-ready{background:var(--al-info-bg);color:var(--al-info)}.status-completed{background:var(--al-success-bg);color:var(--al-success)}.terminals-list{flex-direction:column;gap:10px;display:flex}.terminal-item{border-radius:var(--al-radius-sm);border:1px solid var(--al-border);transition:border-color var(--al-transition), background var(--al-transition);background:#00000004;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}[data-theme=dark] .terminal-item{background:#ffffff05}.terminal-item:hover{border-color:var(--al-accent)}.term-info{flex-direction:column;display:flex}.term-name{color:var(--al-text);font-size:14.5px;font-weight:600;line-height:1.35}.term-loc{color:var(--al-text-secondary);font-size:13px;font-weight:500;line-height:1.35}.term-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.term-orders{color:#007aff;font-size:14px;font-weight:500}.status-dot-online{color:#10b981;font-size:13px;font-weight:500}.icit-orders-page{flex-direction:column;gap:14px;width:100%;max-width:100%;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.icit-header{border-bottom:1px solid var(--al-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.icit-title{color:var(--al-text);letter-spacing:-.02em;margin:0 0 4px;font-size:30px;font-weight:700}.icit-header-stats{color:var(--al-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.icit-stat{align-items:center;gap:6px;display:flex}.icit-stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.icit-header-actions{align-items:center;gap:10px;display:flex}.icit-icon-btn{background:var(--al-bg-card);border:1px solid var(--al-border);border-radius:var(--al-radius-sm);color:var(--al-text-secondary);cursor:pointer;transition:all var(--al-transition);justify-content:center;align-items:center;padding:8px;display:flex}.icit-icon-btn:hover{background:var(--al-accent-light);color:var(--al-text)}.icit-export-btn{background:var(--al-bg-card);border:1px solid var(--al-border);border-radius:var(--al-radius-sm);color:var(--al-text-secondary);cursor:pointer;transition:all var(--al-transition);box-shadow:var(--al-shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.icit-export-btn:hover{background:var(--al-accent-light);color:var(--al-text)}@keyframes icit-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icit-spin{animation:1s linear infinite icit-spin-anim}.icit-category-switcher{border-radius:var(--al-radius-sm);border:1px solid var(--al-border);background:#00000005;align-items:center;gap:8px;width:fit-content;padding:4px;display:flex}[data-theme=dark] .icit-category-switcher{background:#ffffff05}.icit-category-tab{color:var(--al-text-secondary);cursor:pointer;transition:all var(--al-transition);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.icit-category-tab:hover{color:var(--al-text);background:#ffffff1a}.icit-category-tab--active{box-shadow:var(--al-shadow-sm);font-weight:700;background:var(--al-bg-card)!important;color:var(--al-text)!important}.icit-category-tab--combo.icit-category-tab--active{border:1px solid #ddd6fe;color:var(--al-accent)!important;background:#f3e8ff!important}.icit-tab-count{color:#475569;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.icit-category-tab--active .icit-tab-count{color:#0f172a;background:#f1f5f9}.icit-category-tab--combo .icit-tab-count{color:#7c3aed;background:#f3e8ff}.combo-tag-badge{color:#7c3aed;background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 100%);border:1px solid #ddd6fe;border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.icit-stats-bar{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.icit-toolbar-pill-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.icit-pill-search{background:var(--al-bg-card);border:1px solid var(--al-border);height:40px;box-shadow:var(--al-shadow-sm);transition:all var(--al-transition);border-radius:9999px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:320px;padding:0 16px;display:flex}.icit-pill-search:focus-within{border-color:var(--al-accent);box-shadow:var(--al-shadow-glow)}.icit-pill-search input{color:var(--al-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.icit-pill-search input::placeholder{color:var(--al-text-secondary);font-weight:500}.icit-search-icon{color:var(--al-text-secondary);flex-shrink:0}.icit-search-clear{color:var(--al-text-secondary);cursor:pointer;transition:color var(--al-transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.icit-search-clear:hover{color:var(--al-text)}.icit-pill-btn{background:var(--al-bg-card);border:1px solid var(--al-border);height:40px;color:var(--al-text-secondary);cursor:pointer;box-shadow:var(--al-shadow-sm);transition:all var(--al-transition);white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.icit-pill-btn:hover{background:var(--al-accent-light);border-color:var(--al-accent);color:var(--al-text)}.icit-pill-btn--active{border-color:var(--al-accent);box-shadow:var(--al-shadow-glow);color:var(--al-accent);background:var(--al-bg-card)}.icit-pill-btn--selected{border-color:var(--al-accent);background:var(--al-accent-light);color:var(--al-accent);font-weight:600}.icit-pill-btn--reset{color:#dc2626;background:#fef2f2;border-color:#fecaca;font-weight:600}.icit-pill-btn--reset:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.icit-pill-icon{color:var(--al-text-secondary);flex-shrink:0}.icit-pill-chevron{color:var(--al-text-secondary);flex-shrink:0;transition:transform .2s}.icit-pill-btn--active .icit-pill-chevron{color:var(--al-accent);transform:rotate(180deg)}.icit-pill-popover{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow-lg);flex-direction:column;gap:2px;padding:6px;animation:.12s ease-out icitFadeIn;display:flex}.icit-pill-popover-item{border-radius:var(--al-radius-sm);width:100%;color:var(--al-text);cursor:pointer;transition:all var(--al-transition);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.icit-pill-popover-item:hover{background:var(--al-accent-light);color:var(--al-text)}.icit-pill-popover-item--active{background:var(--al-accent-light);color:var(--al-accent);font-weight:600}.icit-pill-check{color:var(--al-accent);flex-shrink:0}.icit-pill-popover--date{padding:14px}.icit-date-picker-fields{flex-direction:column;gap:10px;display:flex}.icit-date-field{flex-direction:column;gap:4px;display:flex}.icit-date-field label{color:var(--al-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.icit-date-field input{border:1px solid var(--al-border);color:var(--al-text);border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:13.5px}.icit-date-field input:focus{border-color:var(--al-accent)}.icit-date-reset-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s}.icit-date-reset-btn:hover{background:#fca5a5}.icit-table-wrapper{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border-radius:var(--al-radius);border:1px solid var(--al-border);box-shadow:var(--al-shadow);overflow:hidden}.icit-table-scroll{z-index:10;position:relative;overflow-x:auto}.icit-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px;font-size:14px}.icit-table thead tr{border-bottom:1px solid var(--al-border);background:#00000004}.icit-table thead th{color:var(--al-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 16px;font-size:13.5px;font-weight:600}.icit-th-sticky{z-index:20;background:#00000004;min-width:140px;position:sticky;right:0;box-shadow:-4px 0 8px #0000000a;text-align:right!important}.icit-row{transition:background-color var(--al-transition);border-bottom:1px solid var(--al-border)}.icit-row:hover{background-color:var(--al-accent-light)}.icit-td{white-space:nowrap;vertical-align:middle;color:var(--al-text);padding:14px 16px;font-size:15px;font-weight:600}.icit-td-sticky{background:var(--al-bg-card);z-index:10;transition:background-color var(--al-transition);position:sticky;right:0;box-shadow:-4px 0 8px #0000000a}.icit-row:hover .icit-td-sticky{background-color:var(--al-accent-light)}.icit-order-id{color:var(--al-text);font-size:15.5px;font-weight:600}.icit-customer-cell{align-items:center;gap:12px;display:flex}.icit-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000f}.icit-customer-info{min-width:0}.icit-customer-name{color:var(--al-text);text-overflow:ellipsis;max-width:180px;margin:0;font-size:15.5px;font-weight:600;line-height:1.3;overflow:hidden}.icit-customer-email{color:var(--al-text-secondary);text-overflow:ellipsis;max-width:180px;margin:2px 0 0;font-size:13.5px;font-weight:600;overflow:hidden}.icit-products-text{color:var(--al-text);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:15px;font-weight:600;display:block;overflow:hidden}.icit-status-control{z-index:1;display:inline-flex;position:relative}.icit-status-control--open{z-index:80}.icit-status-badge{white-space:nowrap;cursor:pointer;border:0;border-radius:100px;align-items:center;gap:8px;min-width:140px;height:38px;min-height:38px;padding:0 14px;font-size:15px;font-weight:600;transition:filter .15s;display:inline-flex}.icit-status-badge:hover{filter:brightness(.98)}.icit-status-badge:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.icit-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.icit-status-label{line-height:1}.icit-status-chevron{opacity:.7;flex-shrink:0;margin-left:auto}.icit-status-picker{z-index:999999;background:var(--al-bg-card);width:160px;-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius-sm);box-shadow:var(--al-shadow-lg);transform-origin:0 0;flex-direction:column;gap:2px;padding:5px;animation:.12s ease-out icitFadeIn;display:flex;position:absolute;top:calc(100% + 5px);left:0}.icit-status-picker--portal{z-index:999999!important;position:fixed!important}@keyframes icitFadeIn{0%{opacity:0;transform:translateY(-3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.icit-status-picker-item{width:100%;min-height:34px;color:var(--al-text);cursor:pointer;transition:all var(--al-transition);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-family:inherit;font-size:14.5px;font-weight:600;display:flex}.icit-status-picker-item:hover{background:var(--al-accent-light)}.icit-status-picker-item--active{background:var(--al-accent-light);color:#007aff;font-weight:600}.icit-status-check{color:#007aff;flex-shrink:0;margin-left:auto}.icit-date{color:#1e293b;font-size:14.5px;font-weight:600}.icit-time{color:#334155;font-size:14.5px;font-weight:600}.icit-amount{font-size:16px;font-weight:600;color:#16a34a!important}.icit-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.icit-action-primary{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.icit-action-primary:hover{opacity:.88;box-shadow:0 2px 6px #0000001f}.icit-action-outline{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.icit-action-outline:hover{background:#f8fafc;border-color:#cbd5e1}.icit-action-view{color:#007aff;cursor:pointer;white-space:nowrap;background:#007aff0f;border:1px solid #007aff4d;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.icit-action-view:hover{background:#007aff1f;border-color:#007aff66}.icit-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.icit-pagination-info{color:#007aff;font-size:12px;font-weight:600}.icit-pagination-btns{gap:4px;display:flex}.icit-pagination-btns button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s}.icit-pagination-btns button:hover:not(:disabled){color:#1e293b;background:#f8fafc}.icit-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.icit-page-active{color:#fff!important;background:#007aff!important;border-color:#007aff!important}@media (width<=1100px){.icit-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.icit-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icit-toolbar{flex-direction:column}.icit-filter-pills{width:100%;overflow-x:auto}}@media (width<=480px){.icit-stats-bar{grid-template-columns:1fr}}.order-detail-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a75;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.order-detail-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 48px);animation:.2s ease-out orderModalIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a3d}@keyframes orderModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.order-detail-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.order-detail-modal__header h3{color:#0f172a;margin:0;font-size:22px;font-weight:700}.order-detail-modal__header p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.panel-close-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.panel-close-btn:hover{color:#0f172a;background:#f1f5f9}.order-detail-modal__body{flex:1;min-height:0;padding:24px;overflow-y:auto}.order-detail-modal__footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.detail-section{padding:0}.detail-section h4{color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:700}.detail-row{color:#0f172a;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:15px;font-weight:500;display:flex}.detail-label{color:#64748b;font-size:14px;font-weight:500}.detail-items-scroll{width:100%;overflow-x:auto}.detail-items-table{border-collapse:collapse;width:100%;min-width:520px;margin-top:8px;font-size:15px}.detail-items-table th,.detail-items-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px}.detail-items-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:13px;font-weight:700}.detail-items-table tfoot td{border-top:2px solid #e2e8f0;font-weight:700}.status-badge{border-radius:100px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.status-badge.status-pending{color:#92400e;background:#fef3c7}.status-badge.status-in_progress{color:#1e40af;background:#dbeafe}.status-badge.status-ready{color:#5b21b6;background:#ede9fe}.status-badge.status-completed{color:#065f46;background:#d1fae5}.status-badge.status-cancelled{color:#991b1b;background:#fee2e2}.status-badge.status-refunded{color:#374151;background:#f3f4f6}@media (width<=640px){.order-detail-modal-overlay{padding:12px}.order-detail-modal{border-radius:14px;max-height:calc(100vh - 24px)}.order-detail-modal__header,.order-detail-modal__body{padding:16px}.order-detail-modal__footer{padding:12px 16px}.detail-grid{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion:reduce){.order-detail-modal{animation:none}}.odp-overlay{-webkit-backdrop-filter:blur(5px);z-index:6000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:20px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.odp-page{background:#f8fafc;border-radius:20px;flex-direction:column;width:100%;max-width:1140px;margin-bottom:20px;animation:.22s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 32px 80px -16px #00000047}.odp-topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.odp-topbar-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.odp-topbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.odp-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.odp-back-btn:hover{color:#1e293b;background:#f1f5f9}.odp-topbar-title{align-items:center;gap:8px;display:flex}.odp-order-num{color:#0f172a;letter-spacing:-.01em;font-size:18px;font-weight:800}.odp-date-stamp{color:#94a3b8;font-size:13px;font-weight:500}.odp-status-chip{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.odp-action-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.odp-action-btn:hover{opacity:.88;transform:translateY(-1px)}.odp-print-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.odp-print-btn:hover{color:#1e293b;background:#e2e8f0}.odp-body{grid-template-columns:360px 1fr;gap:20px;min-height:500px;padding:20px;display:grid}.odp-left{flex-direction:column;gap:16px;display:flex}.odp-right{flex-direction:column;display:flex}.odp-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.odp-card-header{color:#1e293b;letter-spacing:.02em;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.odp-card-body{padding:18px}.odp-item-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.odp-timeline{align-items:flex-start;gap:0;display:flex;position:relative}.odp-timeline-step{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.odp-timeline-icon{color:#94a3b8;z-index:2;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.odp-timeline-step.done .odp-timeline-icon{color:#fff;background:linear-gradient(135deg,#007aff,#05c);box-shadow:0 4px 12px #007aff59}.odp-timeline-label{color:#94a3b8;margin-top:6px;font-size:11px;font-weight:600}.odp-timeline-step.done .odp-timeline-label{color:#1e293b}.odp-timeline-line{z-index:1;background:#e2e8f0;width:100%;height:2px;position:absolute;top:16px;left:50%}.odp-timeline-line.done{background:linear-gradient(90deg,#007aff,#60a5fa)}.odp-info-rows{flex-direction:column;gap:12px;display:flex}.odp-info-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.odp-info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:600}.odp-info-val{color:#1e293b;font-size:13.5px;font-weight:600}.odp-items-card{flex-direction:column;flex:1;display:flex}.odp-items-table{border-collapse:collapse;width:100%}.odp-items-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.odp-items-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;padding:12px 16px;font-size:11px;font-weight:700}.odp-items-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.odp-items-table tbody tr:hover{background:#f8fafc}.odp-item-name{color:#0f172a;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.odp-item-meta{color:#64748b;margin-top:3px;font-size:12.5px}.odp-items-table tfoot tr{background:#f0f9ff}.odp-total-row td{color:#0f172a;text-align:right;padding:16px;font-size:16px;font-weight:800}.odp-total-row td:first-child{text-align:right;color:#64748b;font-weight:600}.odp-status-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding:16px 20px;display:flex}.odp-status-opt{cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.odp-status-opt:hover{filter:brightness(.92);transform:translateY(-1px)}@media (width<=900px){.odp-body{grid-template-columns:1fr}.odp-left{order:2}.odp-right{order:1}.odp-timeline{padding-bottom:8px;overflow-x:auto}}@media (width<=600px){.odp-topbar{gap:10px;padding:12px 16px}.odp-body{gap:12px;padding:12px}.odp-order-num{font-size:15px}}.admin-metric-card{color:#fff;text-align:left;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:5px;width:100%;min-width:0;min-height:126px;padding:16px 18px;font-family:Author,Inter,sans-serif;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #0f172a14}button.admin-metric-card{cursor:pointer}button.admin-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a29}button.admin-metric-card:focus-visible{outline-offset:3px;outline:3px solid #007aff47}.admin-metric-card--active{box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #007aff3d,0 8px 22px #0f172a24}.admin-metric-card--purple{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}.admin-metric-card--blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.admin-metric-card--cyan{background:linear-gradient(135deg,#06b6d4 0%,#0369a1 100%)}.admin-metric-card--orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.admin-metric-card--green{background:linear-gradient(135deg,#10b981 0%,#047857 100%)}.admin-metric-card--red{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)}.admin-metric-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-metric-card__label{letter-spacing:.05em;text-transform:uppercase;opacity:.96;min-width:0;font-size:13px;font-weight:600;line-height:1.2}.admin-metric-card__icon{background:#ffffff40;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.admin-metric-card__value{color:#fff;letter-spacing:-.01em;font-size:32px;font-weight:500;line-height:1.05}.admin-metric-card__description{text-overflow:ellipsis;white-space:nowrap;color:#fff;opacity:.94;min-width:0;font-size:13.5px;font-weight:600;line-height:1.2;overflow:hidden}@media (prefers-reduced-motion:reduce){.admin-metric-card{transition:none}}.confirm-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:440px;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) confirmSlideUp;position:relative;box-shadow:0 20px 40px -10px #0f172a4d,0 10px 20px -5px #0f172a33}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.confirm-modal-close:hover{color:#334155;background:#f1f5f9}.confirm-modal-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.confirm-modal-icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.confirm-modal-icon-badge--danger{color:#dc2626;background:#fee2e2}.confirm-modal-icon-badge--warning{color:#d97706;background:#fef3c7}.confirm-modal-icon-badge--primary{color:#2563eb;background:#dbeafe}.confirm-modal-icon-badge--success{color:#059669;background:#d1fae5}.confirm-modal-header-text{flex:1}.confirm-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.3}.confirm-modal-step-tag{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:2px 0 0;font-size:12px;font-weight:600}.confirm-modal-body{margin-bottom:24px}.confirm-modal-message{color:#475569;margin:0;font-size:14.5px;line-height:1.5}.confirm-modal-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:10px;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.confirm-modal-btn--cancel{color:#475569;background:#f1f5f9}.confirm-modal-btn--cancel:hover{color:#1e293b;background:#e2e8f0}.confirm-modal-btn--confirm{color:#fff;box-shadow:0 2px 6px #0000001a}.confirm-modal-btn--danger{background:#dc2626}.confirm-modal-btn--danger:hover{background:#b91c1c}.confirm-modal-btn--warning{background:#d97706}.confirm-modal-btn--warning:hover{background:#b45309}.confirm-modal-btn--primary{background:#007aff}.confirm-modal-btn--primary:hover{background:#0056b3}.confirm-modal-btn--success{background:#10b981}.confirm-modal-btn--success:hover{background:#059669}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite confirmSpin;display:inline-block}@keyframes confirmSpin{to{transform:rotate(360deg)}}.export-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.15s exportOverlayIn;display:flex;position:fixed;inset:0}@keyframes exportOverlayIn{0%{opacity:0}to{opacity:1}}.export-modal-container{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) exportModalIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -12px #00000040}@keyframes exportModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.export-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.export-modal-header-left{align-items:center;gap:12px;display:flex}.export-modal-icon{color:#007aff;background:#e6f4ff;border:1px solid #bae0ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.export-modal-title{color:#1f2a44;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px;font-weight:800}.export-modal-subtitle{color:#007aff;text-transform:uppercase;letter-spacing:.06em;margin:2px 0 0;font-size:11px;font-weight:700}.export-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.export-modal-close:hover{color:#1f2a44;background:#f1f5f9}.export-wizard-stepper{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.stepper-step{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.stepper-step.active{color:#007aff}.stepper-step.completed{color:#10b981}.step-num{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.stepper-step.active .step-num{color:#fff;background:#007aff}.stepper-step.completed .step-num{color:#10b981;background:#d1fae5}.stepper-line{background:#e2e8f0;flex:1;height:2px;margin:0 10px}.export-modal-body{flex-direction:column;flex:1;gap:18px;padding:20px;display:flex;overflow-y:auto}.export-step-container{flex-direction:column;gap:16px;display:flex}.export-field-group{flex-direction:column;gap:6px;display:flex}.export-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-left:2px;font-size:11px;font-weight:800}.export-select{color:#1f2a44;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s}.export-select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.export-custom-dates{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.export-date-field{flex-direction:column;gap:4px;display:flex}.export-date-input{color:#1f2a44;cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:all .15s}.export-date-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.export-columns-section{border-top:1px solid #e2e8f0;padding-top:14px}.export-columns-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.export-columns-actions{color:#94a3b8;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.col-action-btn{cursor:pointer;color:#64748b;font:inherit;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.col-action-btn.highlight{color:#007aff}.col-action-btn:hover{text-decoration:underline}.col-separator{color:#cbd5e1}.export-columns-grid{grid-template-columns:1fr 1fr;gap:8px;max-height:180px;padding-right:4px;display:grid;overflow-y:auto}.export-columns-grid.standalone-grid{max-height:210px}.export-col-chip{text-align:left;cursor:pointer;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.export-col-chip:hover:not(.locked){background:#f8fafc}.export-col-chip.checked{color:#1f2a44;background:#007aff0f;border-color:#007aff4d}.export-col-chip.locked{cursor:not-allowed;color:#94a3b8;background:#f1f5f9}.icon-checked{color:#007aff}.icon-locked{color:#94a3b8}.icon-unchecked{color:#cbd5e1}.col-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.required-star{color:#dc2626;margin-left:2px}.export-quantity-options{flex-direction:column;gap:10px;display:flex}.quantity-tile{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .18s;display:flex}.quantity-tile:hover{background:#f8fafc;border-color:#94a3b8}.quantity-tile.active{background:#e6f4ff;border-color:#007aff;box-shadow:0 0 0 2px #007aff1f}.quantity-tile input[type=radio]{accent-color:#007aff;cursor:pointer;width:16px;height:16px}.quantity-tile-content{flex-direction:column;flex:1;gap:2px;display:flex}.quantity-tile-content.custom-qty-wrap{flex-direction:row;justify-content:space-between;align-items:center}.quantity-title{color:#1f2a44;font-size:13px;font-weight:700}.quantity-desc{color:#64748b;font-size:11px}.custom-qty-input{color:#007aff;background:#fff;border:1px solid #007aff;border-radius:8px;outline:none;width:90px;padding:6px 10px;font-size:13px;font-weight:700}.export-preview-badge{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600}.export-format-grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.export-format-btn{cursor:pointer;text-align:center;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;transition:all .18s;display:flex}.export-format-btn:hover{background:#f8fafc;border-color:#94a3b8}.export-format-btn.active{color:#007aff;background:#e6f4ff;border-color:#007aff;box-shadow:0 0 0 2px #007aff1f}.export-format-btn.active svg{color:#007aff}.format-btn-title{text-transform:uppercase;letter-spacing:.04em;color:inherit;margin:0;font-size:12px;font-weight:800}.format-btn-desc{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:2px 0 0;font-size:10px;font-weight:700}.export-format-btn.active .format-btn-desc{color:#007aff}.export-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.summary-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:800}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-item{flex-direction:column;gap:2px;display:flex}.summary-label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.summary-value{color:#1f2a44;font-size:12px;font-weight:700}.summary-value.highlight{color:#007aff}.export-modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.export-btn{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.export-btn.cancel{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.export-btn.cancel:hover{background:#e2e8f0}.export-btn.primary{color:#fff;background:#007aff;border:1px solid #007aff}.export-btn.primary:hover{background:#0056b3}.export-btn:disabled{opacity:.6;cursor:not-allowed}.zenith-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.zenith-breadcrumb{color:var(--c-text-secondary);margin-bottom:8px;font-size:.85rem}.zenith-title{color:var(--c-espresso);margin:0 0 4px;font-size:1.6rem;font-weight:600}.zenith-subtitle{color:var(--c-text-muted);margin:0;font-size:.9rem}.zenith-btn-dark{background-color:var(--c-espresso);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:400;transition:background-color .2s,opacity .2s;display:flex}.zenith-btn-dark:hover{background-color:var(--c-espresso-mid)}.zenith-filters-row{background-color:var(--c-cream-dark);border:1px solid var(--c-cream-border);border-radius:12px;gap:8px;width:fit-content;padding:4px;display:flex}.zenith-filter-pill{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:400;transition:all .2s}.zenith-filter-pill:hover{color:var(--c-espresso)}.zenith-filter-pill.active{background-color:var(--c-espresso);color:#fff;box-shadow:0 1px 3px #2c1a0e1a}.zenith-control-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.zenith-search-box{border:1px solid var(--c-cream-border);background-color:#fff;border-radius:8px;align-items:center;gap:8px;min-width:300px;padding:8px 16px;display:flex}.zenith-search-box input{width:100%;color:var(--c-espresso);background:0 0;border:none;outline:none;font-size:.9rem}.zenith-search-box input::placeholder{color:var(--c-text-muted)}.zenith-toolbar-actions{align-items:center;gap:8px;display:flex}.zenith-select-wrapper{align-items:center;display:flex;position:relative}.select-icon-left{pointer-events:none;color:var(--c-text-secondary);position:absolute;left:12px}.zenith-select{color:var(--al-text);background-color:var(--al-bg-card);border:1px solid var(--al-border);border-radius:var(--al-radius-sm);cursor:pointer;appearance:none;outline:none;padding:8px 16px 8px 36px;font-size:.9rem;font-weight:500}.zenith-btn-outline{background-color:var(--al-bg-card);color:var(--al-text);border-radius:var(--al-radius-sm);border:1px solid var(--al-border);cursor:pointer;transition:all var(--al-transition);align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;display:flex}.zenith-btn-outline:hover{background-color:var(--al-accent-light);border-color:var(--al-accent)}.menu-view{height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}.zenith-table-card{background-color:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);flex-grow:0!important;overflow:visible!important}.zenith-table{border-collapse:collapse;text-align:left;width:100%}.zenith-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--al-text-secondary);border-bottom:1px solid var(--al-border);background-color:#00000004;padding:14px 16px;font-size:.85rem;font-weight:700}[data-theme=dark] .zenith-table th{background-color:#ffffff05}.zenith-table td{border-bottom:1px solid var(--al-border);vertical-align:middle;color:var(--al-text);padding:16px;font-size:1rem}.zenith-table tr:last-child td{border-bottom:none}.zenith-checkbox{border:1px solid var(--al-border);cursor:pointer;border-radius:4px;width:18px;height:18px}.product-info-cell{align-items:center;gap:14px;display:flex}.product-thumb{object-fit:cover;border:1px solid var(--al-border);background-color:var(--al-accent-light);border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.product-text-details{flex-direction:column;gap:3px;display:flex}.product-name{color:var(--al-text);font-size:17.5px;font-weight:600}.product-desc{color:var(--al-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:340px;font-size:14.5px;font-weight:400;overflow:hidden}.zenith-category-badge{border-radius:var(--al-radius-sm);color:var(--al-text);background-color:var(--al-accent-light);border:1px solid var(--al-border);padding:6px 14px;font-size:14.5px;font-weight:600;display:inline-flex}.zenith-status-pill{background-color:var(--al-accent-light);color:var(--al-accent);border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:15.5px;font-weight:600;display:inline-flex}.zenith-status-pill.active{background-color:var(--al-accent-light);color:var(--al-accent)}.zenith-status-pill.draft{color:var(--al-text-secondary);background-color:#00000008}.zenith-status-pill .status-dot{color:var(--al-accent);font-size:11px;line-height:1}.zenith-status-pill.draft .status-dot{color:var(--al-text-secondary)}.zenith-status-pill .status-label{font-size:15.5px;font-weight:600}.zenith-status-pill .status-chevron{color:var(--al-accent);margin-left:2px}.zenith-status-pill.draft .status-chevron{color:var(--al-text-secondary)}.clickable-status-pill{cursor:pointer;border:1px solid #0000;transition:all .15s}.clickable-status-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.inline-editable-cell{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;transition:all .15s;display:inline-flex}.inline-editable-cell:hover{background-color:var(--al-accent-light)}.edit-hint-icon{opacity:0;font-size:11px;transition:opacity .15s}.inline-editable-cell:hover .edit-hint-icon{opacity:.7}.inline-edit-wrap{background:var(--al-bg-card);border:1.5px solid var(--al-accent);border-radius:var(--al-radius-sm);align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.inline-edit-input{width:70px;color:var(--al-text);background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.price-currency-symbol{color:var(--al-success);font-size:13px;font-weight:700}.product-stock-count{color:var(--al-text-secondary);font-size:15px;font-weight:400}.product-price-value{font-size:15px;font-weight:600;color:var(--al-success)!important}.product-date{color:var(--al-text-secondary);font-size:.85rem}.zenith-action-trigger{background:var(--al-bg-card);border:1px solid var(--al-border);cursor:pointer;color:var(--al-text);border-radius:var(--al-radius-sm);width:36px;height:36px;transition:all var(--al-transition);justify-content:center;align-items:center;padding:8px;display:inline-flex}.zenith-action-trigger:hover{background-color:var(--al-accent-light);color:var(--al-accent);border-color:var(--al-accent)}.zenith-dropdown-backdrop{z-index:90;background:0 0;position:fixed;inset:0}.zenith-dropdown-menu{background-color:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow-lg);z-index:9999;white-space:nowrap;flex-direction:column;min-width:180px;padding:6px;animation:.15s ease-out fadeIn;display:flex}.zenith-dropdown-menu button{color:var(--al-text);text-align:left;border-radius:var(--al-radius-sm);cursor:pointer;width:100%;transition:all var(--al-transition);background:0 0;border:none;padding:10px 14px;font-size:14px;font-weight:500}.zenith-dropdown-menu button:hover{background-color:var(--al-accent-light);color:var(--al-accent)}.zenith-dropdown-menu button{color:var(--al-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:.8rem}.zenith-dropdown-menu button:hover{background-color:var(--al-accent-light)}.zenith-dropdown-menu button.danger{color:var(--color-danger)}.zenith-dropdown-menu button.danger:hover{background-color:var(--color-danger-light)}.menu-modal{max-width:820px}.menu-form{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--al-text-secondary);margin-bottom:6px;font-size:.65rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--al-bg-card);border:1px solid var(--al-border);width:100%;color:var(--al-text);transition:border-color var(--al-transition);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:.84rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--al-accent);outline:none}.form-group input:disabled{opacity:.4;cursor:not-allowed}.form-section{border-top:1px solid var(--al-border);margin-top:24px;padding-top:20px}.form-section h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--al-text-secondary);margin-bottom:12px;font-size:.68rem;font-weight:500}.variants-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-footer{border-top:1px solid var(--al-border);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.product-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:flex-end;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.product-drawer{background:var(--al-bg-card);width:100%;max-width:580px;height:100%;box-shadow:var(--al-shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow:hidden}.product-drawer-header{border-bottom:1px solid var(--al-border);background:#00000004;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.product-drawer-title-wrap h2{color:var(--al-text);margin:0 0 4px;font-size:1.25rem;font-weight:700}.product-drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.drawer-hero-gallery{background:var(--al-accent-light);border-radius:var(--al-radius);border:1px solid var(--al-border);flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.drawer-main-image{object-fit:contain;filter:drop-shadow(0 8px 16px #0000001a);width:220px;height:220px}.drawer-thumbs-list{gap:10px;display:flex}.drawer-thumb-btn{background:var(--al-bg-card);cursor:pointer;border:2px solid #0000;border-radius:8px;width:50px;height:50px;padding:2px;overflow:hidden}.drawer-thumb-btn.active{border-color:var(--al-accent)}.drawer-thumb-btn img{object-fit:cover;border-radius:4px;width:100%;height:100%}.drawer-spec-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drawer-spec-card{border:1px solid var(--al-border);border-radius:var(--al-radius-sm);background:#00000004;padding:12px 16px}.drawer-spec-label{text-transform:uppercase;color:var(--al-text-secondary);margin-bottom:4px;font-size:.75rem;font-weight:600}.drawer-spec-value{color:var(--al-text);font-size:.95rem;font-weight:600}.drawer-ingredients-list{flex-wrap:wrap;gap:8px;display:flex}.ingredient-pill{background:var(--al-accent-light);color:var(--al-accent);border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.drawer-review-box{background:var(--al-warning-bg);border:1px solid var(--al-warning);border-radius:var(--al-radius-sm);padding:16px}.product-drawer-footer{border-top:1px solid var(--al-border);background:#00000004;justify-content:space-between;padding:16px 24px;display:flex}.zenith-table-card{width:100%;overflow-x:auto}.zenith-table{min-width:780px}@media (width<=1024px){.zenith-control-bar{gap:12px}.zenith-search-box{flex:1;min-width:220px}}@media (width<=768px){.zenith-page-header{flex-direction:column;align-items:flex-start;gap:12px}.zenith-header-right{justify-content:flex-start;width:100%}.zenith-control-bar{flex-direction:column;align-items:stretch}.zenith-filters-row{justify-content:space-between;width:100%}.zenith-search-box{width:100%;min-width:unset}.zenith-toolbar-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.zenith-select-wrapper{flex:1}.zenith-select{width:100%}.product-drawer{width:100%;max-width:100%}}@media (width<=480px){.drawer-spec-grid,.form-grid{grid-template-columns:1fr}}.pdp-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:5000;background:#0f172a99;justify-content:center;align-items:flex-start;padding:24px 20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.pdp-modal{background:var(--al-bg-card);-webkit-backdrop-filter:var(--al-glass-backdrop);border-radius:var(--al-radius);width:100%;max-width:1100px;box-shadow:var(--al-shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden}.pdp-modal-topbar{border-bottom:1px solid var(--al-border);background:#00000004;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.pdp-modal-topbar-left{align-items:center;gap:16px;display:flex}.pdp-back-btn{border:1px solid var(--al-border);border-radius:var(--al-radius-sm);color:var(--al-text-secondary);cursor:pointer;transition:all var(--al-transition);background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.pdp-back-btn:hover{background:var(--al-accent-light);color:var(--al-text)}.pdp-preview-tag{letter-spacing:.07em;text-transform:uppercase;color:#7c3aed;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.pdp-modal-body{grid-template-columns:1fr 1fr;gap:0;min-height:500px;display:grid}.pdp-image-col{background:var(--al-accent-light);border-right:1px solid var(--al-border);flex-direction:column;align-items:center;gap:20px;padding:40px 32px;display:flex}.pdp-main-image-wrap{background:var(--al-bg-card);border-radius:var(--al-radius);width:100%;max-width:340px;box-shadow:var(--al-shadow);justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.pdp-main-image{object-fit:contain;filter:drop-shadow(0 12px 24px #00000026);width:100%;max-width:260px;height:260px;transition:transform .3s}.pdp-main-image-wrap:hover .pdp-main-image{transform:scale(1.04)}.pdp-badge-stack{flex-direction:column;gap:5px;display:flex;position:absolute;top:14px;left:14px}.pdp-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.pdp-badge--organic{background:var(--al-success-bg);color:#065f46}.pdp-badge--new{background:var(--al-accent-light);color:var(--al-accent)}.pdp-badge--bestseller{background:var(--al-warning-bg);color:#92400e}.pdp-badge--popular{color:#991b1b;background:#fee2e2}.pdp-thumbs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pdp-thumb{background:var(--al-bg-card);border:2px solid var(--al-border);border-radius:var(--al-radius-sm);cursor:pointer;transition:all var(--al-transition);color:var(--al-text-secondary);flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:10px;font-weight:500;display:flex}.pdp-thumb.active{border-color:var(--al-accent);color:var(--al-accent)}.pdp-thumb img{object-fit:cover;border-radius:6px;width:48px;height:48px}.pdp-spec-tiles{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.pdp-spec-tile{background:var(--al-bg-card);border:1px solid var(--al-border);border-radius:var(--al-radius-sm);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.pdp-spec-label{text-transform:uppercase;letter-spacing:.06em;color:var(--al-text-secondary);font-size:10px;font-weight:700}.pdp-spec-val{color:var(--al-text);text-align:center;font-size:12px;font-weight:700}.pdp-info-col{flex-direction:column;gap:24px;max-height:85vh;padding:40px 36px;display:flex;overflow-y:auto}.pdp-info-header{flex-direction:column;gap:6px;display:flex}.pdp-category{text-transform:uppercase;letter-spacing:.1em;color:var(--al-accent);font-size:11px;font-weight:700}.pdp-title{color:var(--al-text);margin:0;font-family:Author,Inter,sans-serif;font-size:2rem;font-weight:800;line-height:1.15}.pdp-tagline{color:var(--al-text-secondary);margin:0;font-size:15px;font-style:italic}.pdp-rating{color:var(--al-text-secondary);align-items:center;gap:6px;font-size:14px;display:inline-flex}.pdp-rating strong{color:#f59e0b}.pdp-desc{color:var(--al-text-secondary);margin:0;font-size:15px;line-height:1.7}.pdp-section{flex-direction:column;gap:12px;display:flex}.pdp-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--al-text-secondary);margin:0;font-size:12px;font-weight:700}.pdp-sizes{flex-wrap:wrap;gap:10px;display:flex}.pdp-size-chip{border:2px solid var(--al-border);border-radius:var(--al-radius-sm);min-width:80px;transition:all var(--al-transition);background:#00000004;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;display:flex}.pdp-size-chip:hover{border-color:var(--al-accent);background:var(--al-accent-light)}.pdp-size-label{color:var(--al-text);font-size:13px;font-weight:700}.pdp-size-price{color:var(--al-success);font-size:12px;font-weight:600}.pdp-size-price small{color:var(--al-text-secondary);font-weight:400}.pdp-ingredients{flex-wrap:wrap;gap:8px;display:flex}.pdp-cta-bar{border:1px solid var(--al-border);border-radius:var(--al-radius);background:#00000004;align-items:center;gap:16px;padding:20px;display:flex}.pdp-price-display{flex-direction:column;display:flex}.pdp-price-label{text-transform:uppercase;color:var(--al-text-secondary);letter-spacing:.06em;font-size:11px;font-weight:600}.pdp-price-value{color:var(--al-success);font-size:28px;font-weight:800;line-height:1}.pdp-add-btn{color:#fff;cursor:not-allowed;opacity:.5;background:#0f172a;border:none;border-radius:12px;flex:1;padding:14px 24px;font-size:15px;font-weight:700}.pdp-crm-stock-panel{background:var(--al-success-bg);border:1px solid var(--al-success);border-radius:var(--al-radius-sm);padding:18px 20px}.pdp-crm-panel-title{color:#065f46;margin:0 0 12px;font-size:13px;font-weight:700}@media (width<=768px){.pdp-modal-body{grid-template-columns:1fr}.pdp-image-col{border-right:none;border-bottom:1px solid var(--al-border)}.pdp-title{font-size:1.5rem}}.recipe-builder-page{flex-direction:column;height:100%;padding:24px;display:flex}.recipe-builder-layout{flex:1;gap:20px;min-height:0;margin-top:20px;display:flex}.rb-left-pane{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.rb-search-wrapper{border-bottom:1px solid var(--color-border,#e2e8f0);padding:12px;position:relative}.rb-search-icon{color:var(--color-text-tertiary,#94a3b8);position:absolute;top:50%;left:22px;transform:translateY(-50%)}.rb-search-input{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg,#f8fafc);width:100%;color:var(--color-text,#1e293b);border-radius:6px;outline:none;padding:8px 8px 8px 32px;font-size:15px}.rb-search-input:focus{border-color:var(--color-primary,#6b46c1)}.rb-recipes-list{flex:1;padding:8px;overflow-y:auto}.rb-recipe-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text,#1e293b);background:0 0;border:none;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;transition:background .15s;display:flex}.rb-recipe-item:hover{background:var(--color-bg-hover,#f1f5f9)}.rb-recipe-item.active{background:var(--color-primary-bg,#ede9fe);border-left:3px solid var(--color-primary,#6b46c1)}.rb-item-name{font-size:15px;font-weight:600}.rb-item-code{color:var(--color-text-tertiary,#94a3b8);font-family:monospace;font-size:15px}.rb-item-cost{color:var(--color-text-secondary,#64748b);margin-top:2px;font-size:15px}.rb-main-pane{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden}.rb-placeholder{height:100%;color:var(--color-text-tertiary,#94a3b8);justify-content:center;align-items:center;font-size:15px;display:flex}.rb-detail-header{border-bottom:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.rb-detail-header h3{margin:0;font-size:18px;font-weight:600}.rb-recipe-code{color:var(--color-text-tertiary,#94a3b8);margin-left:8px;font-family:monospace;font-size:15px}.rb-linked-product{color:var(--color-primary,#6b46c1);margin-left:8px;font-size:15px;font-weight:500}.rb-tabs{background:var(--color-bg,#f8fafc);border-radius:8px;gap:4px;padding:3px;display:flex}.rb-tab{cursor:pointer;color:var(--color-text-secondary,#64748b);background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:15px;font-weight:500;transition:all .15s}.rb-tab.active{background:var(--color-surface,#fff);color:var(--color-text,#1e293b);box-shadow:0 1px 3px #00000014}.rb-detail-body{flex:1;padding:16px 20px;overflow-y:auto}.rb-detail-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rb-ing-count{color:var(--color-text-secondary,#64748b);font-size:15px}.rb-detail-actions{gap:6px;display:flex}.rb-btn-sm{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);cursor:pointer;color:var(--color-text,#1e293b);border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:15px;transition:all .15s;display:inline-flex}.rb-btn-sm:hover{background:var(--color-bg-hover,#f1f5f9)}.rb-btn-sm.primary{background:var(--color-primary,#6b46c1);color:#fff;border-color:var(--color-primary,#6b46c1)}.rb-btn-sm.primary:hover{background:var(--color-primary-dark,#553c9a)}.rb-btn-sm:disabled{opacity:.6;cursor:not-allowed}.rb-add-ing-form{background:var(--color-bg,#f8fafc);border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;display:flex}.rb-input-sm{border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);color:var(--color-text,#1e293b);border-radius:6px;outline:none;flex:1;min-width:80px;padding:6px 10px;font-size:15px}.rb-input-sm:focus{border-color:var(--color-primary,#6b46c1)}.rb-input-narrow{flex:none;max-width:80px}.rb-ing-table{border-collapse:collapse;width:100%;font-size:15px}.rb-ing-table th{text-align:left;border-bottom:2px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:15px;font-weight:600}.rb-ing-table td{border-bottom:1px solid var(--color-border-light,#f1f5f9);padding:8px 10px}.rb-ing-table tbody tr:hover{background:var(--color-bg-hover,#f8fafc)}.rb-remove-btn{cursor:pointer;width:24px;height:24px;color:var(--color-danger,#ef4444);opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex}.rb-remove-btn:hover{opacity:1;background:var(--color-danger-bg,#fef2f2)}.rb-costing-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.rb-cost-card{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;padding:16px}.rb-cost-card.profit{border-color:var(--color-success,#22c55e)}.rb-cost-card.margin{border-color:var(--color-primary,#6b46c1)}.rb-cost-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary,#94a3b8);margin-bottom:4px;font-size:15px;display:block}.rb-cost-value{color:var(--color-text,#1e293b);font-size:22px;font-weight:600}.rb-cost-card.profit .rb-cost-value{color:var(--color-success,#22c55e)}.rb-cost-card.margin .rb-cost-value{color:var(--color-primary,#6b46c1)}.rb-costing-detail,.rb-costing-raw{margin-top:20px}.rb-costing-detail h4,.rb-costing-raw h4{color:var(--color-text-secondary,#64748b);margin:0 0 10px;font-size:15px;font-weight:600}.rb-costing-table{border-collapse:collapse;width:100%;font-size:15px}.rb-costing-table th{text-align:left;border-bottom:2px solid var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;font-size:15px;font-weight:600}.rb-costing-table td{border-bottom:1px solid var(--color-border-light,#f1f5f9);padding:8px 10px}.rb-costing-table tfoot td{border-top:2px solid var(--color-border,#e2e8f0);border-bottom:none;padding-top:10px}.rb-loading{color:var(--color-text-tertiary,#94a3b8);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:15px;display:flex}.rb-empty{text-align:center;color:var(--color-text-tertiary,#94a3b8);padding:40px 20px;font-size:15px}.beverage-formulator{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;padding:16px}.formulator-header{border-bottom:1px solid var(--color-border-light,#f1f5f9);margin-bottom:20px;padding-bottom:12px}.formulator-header h4{color:var(--color-text,#1e293b);margin:0;font-size:16px}.formulator-grid{flex-direction:column;gap:16px;display:flex}.formulator-row{gap:16px;display:flex}.formulator-row .form-group{flex:1}.formulator-row.full-width .form-group{width:100%}.formulator-actions{border-top:1px solid var(--color-border-light,#f1f5f9);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.rb-connectivity-pipeline{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:stretch;gap:8px;margin:0 20px 20px;padding:16px;display:flex}.pipeline-node{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;padding:12px;transition:all .2s;display:flex}.pipeline-node.active{border-color:var(--color-primary,#6b46c1);box-shadow:0 4px 12px #6b46c114}.pipeline-node.warning{border-color:var(--color-warning,#f59e0b);background-color:var(--color-warning-light,#fffbeb)}.pipeline-connector{color:var(--color-text-tertiary,#94a3b8);justify-content:center;align-items:center;padding:0 4px;font-size:18px;display:flex}.pipeline-node-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#64748b);margin-bottom:6px;font-size:10px;font-weight:600}.pipeline-node-value{color:var(--color-text,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pipeline-node-meta{color:var(--color-text-tertiary,#94a3b8);margin-top:4px;font-size:15px}.ingredients-view{flex-direction:column;gap:16px;display:flex}.ingredients-toolbar{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.ingredients-search-input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:15px}.ingredients-search-input::placeholder{color:#9ca3af}.ingredients-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#fafafa;border-bottom:1px solid #eaeaea;padding:16px 24px;font-size:15px;font-weight:500}.ingredient-name-cell{flex-direction:column;gap:2px;display:flex}.ingredient-id{color:#bbb;font-family:SF Mono,monospace;font-size:.62rem}.unit-text{color:#999;font-family:SF Mono,monospace;font-size:.72rem}.not-applicable{color:#ccc;font-size:.95rem;font-style:italic}.margin-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.margin-badge.high{color:#2d9d5c;background:#2d9d5c0f;border:1px solid #2d9d5c1a}.margin-badge.medium{color:#d4940a;background:#d4940a0f;border:1px solid #d4940a1a}.margin-badge.low{color:#c44040;background:#c440400f;border:1px solid #c440401a}.status-badge.active{color:#2d9d5c}.status-badge.inactive{color:#c44040}.stock-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.95rem;font-weight:600;display:inline-flex}.stock-badge.ok{color:#2e7d32;background:#e8f5e9}.stock-badge.low{color:#e65100;background:#fff3e0}.stock-badge.critical{color:#c62828;background:#fce4ec}.stock-badge.out{color:#b71c1c;background:#fce4ec}.ingredients-modal{max-width:600px}.ingredients-form{padding:24px}.form-hint{color:#999;margin-bottom:12px;font-size:.95rem}.action-btn-sm.danger{color:#c44040;border-color:#c4404033}.action-btn-sm.danger:hover{background:#c440400f}.wide-modal{max-width:800px}.rm-mappings-section{padding:20px 24px}.rm-table select,.rm-table input[type=number]{background:#fafafa;border:1px solid #00000014;border-radius:4px;width:100%;padding:6px 8px;font-size:.82rem}.rm-table select:focus,.rm-table input[type=number]:focus{border-color:var(--color-primary);background:#fff;outline:none}.slide-over-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.slide-over-panel{background-color:var(--color-surface,#fff);flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}.animate-slide-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight}.slide-over-header{border-bottom:1px solid var(--color-border,#e2e8f0);background-color:var(--color-bg,#f8fafc);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.slide-over-header h2{color:var(--color-text,#111827);margin:0;font-size:1.25rem;font-weight:600}.slide-over-close{color:var(--color-text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.slide-over-close:hover{background-color:var(--color-border-light,#f1f5f9);color:var(--color-text,#111827)}.slide-over-body{background-color:var(--color-surface,#fff);flex:1;padding:24px;overflow-y:auto}@media (width<=768px){.slide-over-panel{width:100%!important}}.data-table-wrapper{gap:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;padding:var(--space-12);box-shadow:var(--elevation-1);flex-direction:column;display:flex}.data-table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.data-table-search-wrapper{width:100%;max-width:280px;position:relative}.data-table-search-wrapper svg{color:var(--color-text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.data-table-search-input{width:100%;font-size:.95rem;background-color:var(--color-surface-alt)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding-left:32px!important}.data-table-export-btn{align-items:center;gap:var(--space-6);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.95rem;font-weight:600;transition:all .2s;display:flex;padding:6px 12px!important}.data-table-export-btn:hover{background-color:var(--color-surface-hover)}.data-table-container{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);color:#334155;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:.82rem;font-weight:600;padding:12px 14px!important}.data-table th:hover{color:var(--color-text)}.data-table-header-cell{align-items:center;gap:var(--space-4);display:flex}.data-table td{border-bottom:1px solid var(--color-border-subtle);color:#1e293b;vertical-align:middle;font-size:1rem;font-weight:600;padding:12px 14px!important}.data-table tr:hover td{background-color:var(--color-surface-alt);color:var(--color-text)}.data-table-footer{justify-content:space-between;align-items:center;gap:var(--space-12);padding-top:var(--space-8);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.95rem;display:flex}.data-table-pagination{gap:var(--space-4);align-items:center;display:flex}.data-table-pg-btn{transition:all .2s;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;background-color:var(--color-surface)!important;color:var(--color-text-secondary)!important;height:28px!important;min-height:28px!important;padding:4px 10px!important;font-size:.95rem!important}.data-table-pg-btn:hover:not(:disabled){background-color:var(--color-surface-hover)!important}.data-table-pg-btn:disabled{opacity:.4;cursor:not-allowed}.data-table-pg-btn.active{background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.data-table-row-clickable{cursor:pointer;transition:background-color .15s}.data-table-row-clickable:hover td{background-color:var(--color-surface-hover,#f8fafc)!important}.ci-top-metrics{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.metric-card{align-items:center;padding:24px;flex-direction:row!important;gap:16px!important}.metric-icon{color:#0284c7;background:#e0f2fe;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-icon.warning{color:#d97706;background:#fef3c7}.metric-icon.info{color:#4b5563;background:#f3f4f6}.metric-label{color:#6b7280;margin:0 0 4px;font-size:15px;font-weight:500}.metric-value{color:#111827;margin:0;font-size:24px;font-weight:600}.ci-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.crm-section-title{color:#111827;margin-bottom:24px;font-size:20px;font-weight:600}.ci-cards-list{flex-direction:column;gap:24px;display:flex}.ci-timeline-card{padding:0;overflow:hidden}.ci-timeline{margin:0;padding:24px;list-style:none}.ci-timeline-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.ci-timeline-item:last-child{padding-bottom:0}.ci-timeline-item:before{content:"";background:#eaeaea;width:2px;position:absolute;top:32px;bottom:0;left:15px}.ci-timeline-item:last-child:before{display:none}.ci-timeline-icon{color:#4b5563;z-index:1;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ci-timeline-content{flex:1}.ci-timeline-title{color:#111827;margin:0 0 4px;font-size:15px;font-weight:500}.ci-timeline-title strong{font-weight:600}.ci-timeline-meta{color:#6b7280;margin:0;font-size:15px}.raw-materials-page{padding:24px}.raw-materials-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.raw-materials-page .page-header-left h2{color:#111827;margin:0 0 4px;font-size:32px;font-weight:600}.raw-materials-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.raw-materials-page .page-header-actions{gap:8px;display:flex}.raw-materials-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.raw-materials-page .search-wrapper{flex:1;max-width:400px}.raw-materials-page .search-input{color:#111827;background:#fff;border:1px solid #eaeaea;border-radius:12px;outline:none;width:100%;height:40px;padding:0 16px;font-size:15px;transition:border-color .2s}.raw-materials-page .search-input:focus{border-color:#d1d5db}.raw-materials-page .filter-select{color:#111827;background:#fff;border:1px solid #eaeaea;border-radius:12px;outline:none;min-width:180px;height:40px;padding:0 16px;font-size:15px}.raw-materials-page .data-table-container{background:#fff;border:1px solid #eaeaea;border-radius:16px;margin-bottom:24px;overflow:hidden}.raw-materials-page .stock-badge{border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.raw-materials-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.raw-materials-page .status-badge.active{color:#2e7d32;background:#e8f5e9}.raw-materials-page .status-badge.inactive{color:#757575;background:#f5f5f5}.raw-materials-page .quick-actions{margin-bottom:24px}.raw-materials-page .quick-actions h3{color:var(--color-secondary);margin:0 0 12px;font-size:.95rem}.raw-materials-page .action-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.raw-materials-page .action-card{cursor:pointer;color:#111827;background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-family:inherit;transition:all .2s;display:flex}.raw-materials-page .action-card:hover{box-shadow:none;background:#f9fafb;border-color:#d1d5db}.raw-materials-page .action-card small{color:var(--color-text-muted);font-size:.95rem}.raw-materials-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.raw-materials-page .modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 16px 48px #0000001f}.raw-materials-page .modal-content.modal-wide{max-width:800px}.raw-materials-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.raw-materials-page .modal-hint{color:var(--color-text-muted);margin:-12px 0 16px;font-size:.95rem}.raw-materials-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.raw-materials-page .modal-header-row h3{margin:0}.raw-materials-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.raw-materials-page .form-group{flex-direction:column;gap:6px;display:flex}.raw-materials-page .form-group.full-width{grid-column:1/-1}.raw-materials-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.raw-materials-page .form-group input,.raw-materials-page .form-group select,.raw-materials-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.raw-materials-page .form-group input:focus,.raw-materials-page .form-group select:focus,.raw-materials-page .form-group textarea:focus{border-color:var(--color-primary)}.raw-materials-page .checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.raw-materials-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.raw-materials-page .purchases-table{border-collapse:collapse;width:100%}.raw-materials-page .purchases-table th,.raw-materials-page .purchases-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:.875rem}.raw-materials-page .purchases-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.raw-materials-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.raw-materials-page .stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.raw-materials-page .stat-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;gap:4px;padding:24px;display:flex}.raw-materials-page .stat-card .stat-value{color:var(--color-secondary);font-size:1.5rem;font-weight:600}.raw-materials-page .stat-card .stat-label{color:var(--color-text-muted);font-size:.95rem}.raw-materials-page .stat-card.warning{border-left:3px solid #e65100}.raw-materials-page .stat-card.danger{border-left:3px solid #c62828}.raw-materials-page .stock-cell{align-items:center;gap:8px;display:flex}.raw-materials-page .stock-bar-container{background:#f0f0f0;border-radius:3px;width:60px;height:6px;overflow:hidden}.raw-materials-page .stock-bar{border-radius:3px;height:100%;transition:width .3s}.raw-materials-page .stock-bar.ok{background:#4caf50}.raw-materials-page .stock-bar.low{background:#ff9800}.raw-materials-page .stock-bar.critical{background:#f44336}.raw-materials-page .stock-bar.out{background:#b71c1c}.raw-materials-page .stock-badge.ok{color:#2e7d32;background:#e8f5e9}.raw-materials-page .stock-badge.low{color:#e65100;background:#fff3e0}.raw-materials-page .stock-badge.critical{color:#c62828;background:#fce4ec}.raw-materials-page .stock-badge.out{color:#b71c1c;background:#fce4ec}.raw-materials-page .status-indicator{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.raw-materials-page .status-indicator.ok{color:#2e7d32;background:#e8f5e9}.raw-materials-page .status-indicator.low{color:#e65100;background:#fff3e0}.raw-materials-page .status-indicator.critical{color:#c62828;background:#fce4ec}.raw-materials-page .status-indicator.out{color:#b71c1c;background:#fce4ec}.production-dashboard{background-color:var(--color-background,#fafafa);color:var(--color-text,#111827);flex-direction:column;gap:24px;padding:24px;font-family:Inter,-apple-system,sans-serif;display:flex}.production-header{justify-content:space-between;align-items:flex-start;display:flex}.production-header h2{color:#111827;margin:0;font-size:32px;font-weight:600}.production-header p{color:#6b7280;margin:4px 0 0;font-size:15px}.production-header-actions{gap:12px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.kpi-card{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;gap:8px;padding:24px;display:flex}.kpi-card-label{color:#6b7280;font-size:15px;font-weight:500}.kpi-card-value{color:#111827;font-size:36px;font-weight:600}.kpi-card-trend{align-items:center;gap:4px;font-size:15px;display:flex}.kpi-card-trend.positive{color:#059669}.kpi-card-trend.negative{color:#dc2626}.kpi-card-trend.neutral{color:#6b7280}.dashboard-split{flex:1;gap:24px;display:flex}.dashboard-main{flex-direction:column;flex:2;gap:24px;display:flex}.dashboard-side{flex-direction:column;flex:1;gap:24px;display:flex}.dashboard-card{box-shadow:none;background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.dashboard-card-header{justify-content:space-between;align-items:center;display:flex}.dashboard-card-title{margin:0;font-size:20px;font-weight:600}.active-batches-list{flex-direction:column;gap:12px;display:flex}.active-batch-item{cursor:pointer;border:1px solid #eaeaea;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;transition:all .2s;display:flex}.active-batch-item:hover{background:#f9fafb;border-color:#d1d5db}.batch-info-main{align-items:center;gap:12px;display:flex}.batch-status-dot{border-radius:50%;width:8px;height:8px}.batch-status-dot.in_progress{background:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.batch-status-dot.completed{background:#10b981}.batch-status-dot.quarantined{background:#f59e0b}.batch-status-dot.draft{background:#9ca3af}.batch-status-dot.cancelled{background:#ef4444}.batch-title{color:#111827;font-size:15px;font-weight:600}.batch-meta{color:#6b7280;margin-top:4px;font-size:15px}.batch-progress{text-align:right}.wizard-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wizard-modal{background:#fff;border-radius:16px;flex-direction:column;width:800px;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0000001f}.wizard-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.wizard-steps{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 24px;display:flex}.wizard-step{background:#e5e7eb;border-radius:2px;flex:1;height:4px;position:relative}.wizard-step.active{background:#6f4e37}.wizard-step.completed{background:#c4a484}.wizard-body{flex:1;padding:24px;overflow-y:auto}.wizard-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px;display:flex}.wizard-product-select{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.product-card-select{cursor:pointer;text-align:center;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.product-card-select:hover{border-color:#6f4e37}.product-card-select.selected{background:#fdfaf6;border-color:#6f4e37;box-shadow:0 0 0 1px #6f4e37}.rm-wizard-row{background:#f9fafb;border-radius:8px;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex}.batch-drawer-overlay{z-index:1000;background:#0000004d;justify-content:flex-end;display:flex;position:fixed;inset:0}.batch-drawer{background:#fff;flex-direction:column;width:500px;max-width:100vw;height:100%;animation:.3s ease-out forwards slideInRight;display:flex;box-shadow:-4px 0 15px #0000000d}.drawer-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.drawer-body{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow-y:auto}.drawer-section-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:8px;font-size:15px;font-weight:600}.timeline-item{margin-bottom:16px;padding-left:24px;position:relative}.timeline-item:before{content:"";background:#d1d5db;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0}.timeline-item.active:before{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.timeline-item.completed:before{background:#10b981}.timeline-line{background:#e5e7eb;width:2px;position:absolute;top:14px;bottom:-16px;left:3px}.timeline-item:last-child .timeline-line{display:none}.qc-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.qc-metric{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.qc-metric-label{color:#6b7280;font-size:15px}.qc-metric-value{color:#111827;margin-top:4px;font-size:16px;font-weight:600}.qc-metric.pass{background:#ecfdf5;border-color:#10b981}.qc-metric.fail{background:#fef2f2;border-color:#ef4444}.qc-metric-target{color:#9ca3af;margin-top:2px;font-size:15px}.qc-status-badge{letter-spacing:.05em;vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.qc-status-badge.pass{color:#065f46;background:#d1fae5}.qc-status-badge.fail{color:#991b1b;background:#fee2e2}.costing-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.costing-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.costing-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:15px}.costing-value{color:#111827;margin-top:4px;font-size:18px;font-weight:600}.costing-value.positive{color:#059669}.costing-value.negative{color:#dc2626}@media (width<=1024px){.dashboard-split{flex-direction:column}}@media (width<=768px){.production-dashboard{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}}.crm-recipes-page{flex-direction:column;gap:20px;display:flex}.recipe-main-tabs{border-bottom:2px solid #e2e8f0;gap:12px;padding-bottom:2px;display:flex}.recipe-main-tabs .tab-btn{color:#4a5568;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-family:Author,Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:flex}.recipe-main-tabs .tab-btn:hover{color:#007aff;background:#f5f9fc}.recipe-main-tabs .tab-btn.active{color:#007aff;background:#fff;border-bottom-color:#007aff}.count-pill{color:#007aff;background:#e6f4ff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:15px;font-weight:600;display:inline-flex}.count-pill.warning{color:#d97706;background:#fef3c7}.recipe-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.concentrate-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-label{color:#4a5568;margin-right:4px;font-size:15px;font-weight:600}.chip-btn{color:#1f2a44;cursor:pointer;background:#f5f9fc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:600;transition:all .15s}.chip-btn:hover{color:#007aff;border-color:#007aff}.chip-btn.active{color:#fff;background:#007aff;border-color:#007aff}.recipe-search-box{align-items:center;min-width:260px;display:flex;position:relative}.recipe-search-box .search-icon{color:#9ca3af;position:absolute;left:12px}.recipe-search-box input{background:#f5f9fc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:13.5px;transition:all .15s}.recipe-search-box input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.recipe-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #1f2a440a}.recipe-card-media{background:#f5f9fc;height:160px;position:relative;overflow:hidden}.recipe-card-media img{object-fit:cover;width:100%;height:100%}.concentrate-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:15px;font-weight:600;position:absolute;top:12px;right:12px}.badge-classic{color:#fff;background:#007aff}.badge-bold{color:#fff;background:#1f2a44}.badge-kappi{color:#fff;background:#c67c4e}.recipe-card-content{flex-direction:column;flex:1;padding:16px;display:flex}.recipe-author-row{color:#718096;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:15px;display:flex}.author-name{color:#007aff;font-family:Author,sans-serif;font-size:14.5px;font-weight:600}.recipe-title{color:#1f2a44;margin:0 0 6px;font-family:Author,Outfit,sans-serif;font-size:20px;font-weight:600}.recipe-desc{color:#4a5568;margin:0 0 14px;font-size:14.5px;line-height:1.45}.recipe-ingredients-preview{background:#f5f9fc;border-radius:10px;flex:1;margin-bottom:16px;padding:12px 14px;font-size:13.5px}.recipe-ingredients-preview strong{color:#1f2a44;margin-bottom:4px;font-weight:600;display:block}.recipe-ingredients-preview ul{color:#4a5568;margin:0;padding-left:16px}.recipe-ingredients-preview li{margin-bottom:3px}.more-ingredients{color:#007aff;margin-top:4px;margin-left:-16px;font-weight:600;list-style:none}.recipe-card-actions{box-sizing:border-box;gap:6px;width:100%;margin-top:auto;padding-top:12px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:9px 4px;font-family:Author,Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.view-btn{color:#1f2a44;background:#f5f9fc;border-color:#e2e8f0}.view-btn:hover{color:#007aff;background:#e6f4ff;border-color:#007aff}.approve-btn{color:#fff;background:#007aff}.approve-btn:hover{background:#0056b3}.edit-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.edit-btn:hover{color:#0f172a;background:#e2e8f0}.hide-btn{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.hide-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.restore-btn{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.restore-btn:hover{color:#fff;background:#16a34a}.reject-btn,.delete-btn,.danger-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.reject-btn:hover,.delete-btn:hover,.danger-btn:hover{color:#fff;background:#dc2626}.hidden-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.rejected-badge{color:#991b1b;background:#fee2e2;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.btn-hide-kiosk{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex}.btn-hide-kiosk:hover{color:#0f172a;background:#e2e8f0}.recipe-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1f2a441f}.card-likes-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f2a44;background:#ffffffeb;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000001a}.card-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.recipe-tag-pill{color:#007aff;background:#e6f4ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.full-recipe-page-view{flex-direction:column;gap:24px;display:flex}.recipe-detail-nav-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.back-to-catalog-btn{color:#1f2a44;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .15s}.back-to-catalog-btn:hover{color:#fff;background:#007aff;border-color:#007aff}.nav-bar-admin-actions{align-items:center;gap:10px;display:flex}.approved-badge{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.brand-author-tag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.kiosk-full-hero{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:28px;padding:28px;display:grid;box-shadow:0 4px 16px #1f2a440a}.more-recipes-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex}.more-recipes-title{color:#1f2a44;margin:0;font-family:Author,Inter,sans-serif;font-size:20px;font-weight:700}.modal-logo-brand{align-items:center;gap:10px;display:flex}.brand-word{color:#007aff;letter-spacing:-.02em;font-family:Author,Inter,sans-serif;font-size:24px;font-weight:800}.modal-badge-subtitle{color:#94a3b8;border-left:1px solid #334155;padding-left:10px;font-size:13px;font-weight:500}.kiosk-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.kiosk-modal-close:hover{color:#fff}.kiosk-modal-scrollable{background:#f8fafc;flex-direction:column;flex:1;gap:28px;padding:24px;display:flex;overflow-y:auto}.kiosk-modal-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1.2fr 1fr;gap:24px;padding:24px;display:grid}.hero-left-col{flex-direction:column;gap:14px;display:flex}.hero-title-row{align-items:center;gap:10px;display:flex}.pending-badge{color:#d97706;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.hero-recipe-name{color:#1f2a44;margin:0;font-family:Author,Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.hero-likes-bar{align-items:center;gap:12px;display:flex}.kiosk-like-btn{color:#1f2a44;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.kiosk-like-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.kiosk-like-btn.is-liked{color:#dc2626;background:#fee2e2;border-color:#dc2626}.hero-desc-box{background:#f8fafc;border-left:3px solid #007aff;border-radius:0 8px 8px 0;padding:10px 14px}.desc-eyebrow{letter-spacing:.08em;color:#007aff;margin:0 0 4px;font-size:11px;font-weight:800}.desc-text{color:#334155;margin:0;font-size:14.5px;line-height:1.5}.hero-tags-wrapper{flex-wrap:wrap;gap:8px;display:flex}.hero-tag{color:#007aff;background:#e6f4ff;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.hero-meta-table{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:12px;display:flex}.meta-row{justify-content:space-between;font-size:14px;display:flex}.meta-label{color:#64748b;font-weight:500}.meta-val{color:#1f2a44;font-weight:600}.hero-right-col{flex-direction:column;display:flex}.hero-image-card{border:1px solid #e2e8f0;border-radius:12px;width:100%;height:100%;min-height:220px;position:relative;overflow:hidden}.hero-image-card img{object-fit:cover;width:100%;height:100%}.ai-note{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#0009;border-radius:4px;padding:4px 8px;font-size:11px;font-style:italic;position:absolute;bottom:8px;left:8px;right:8px}.kiosk-cooking-grid{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}.ingredients-box,.steps-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.ingredients-box h2,.steps-box h2,.kiosk-comments-section h2{color:#1f2a44;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:10px;font-family:Author,Inter,sans-serif;font-size:18px;font-weight:700;display:flex}.ingredients-list{color:#334155;margin:0;padding-left:20px;font-size:14.5px;line-height:1.8}.ingredients-list li{margin-bottom:6px}.steps-timeline{flex-direction:column;gap:14px;display:flex}.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:14px;padding:12px 14px;display:flex}.step-number{color:#fff;background:#007aff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.step-info h4{color:#1f2a44;margin:0 0 4px;font-size:15px;font-weight:700}.step-info p{color:#475569;margin:0;font-size:14px;line-height:1.5}.kiosk-comments-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.comment-input-row{gap:10px;margin-bottom:18px;display:flex}.comment-input-row input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px}.comment-input-row input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.post-comment-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;align-items:center;gap:6px;height:42px;padding:0 18px;font-size:14px;font-weight:600;display:flex}.post-comment-btn:hover{background:#0056b3}.post-comment-btn:disabled{cursor:not-allowed;background:#cbd5e1}.comments-stream{flex-direction:column;gap:12px;display:flex}.comment-card{background:#f8fafc;border-left:3px solid #007aff;border-radius:0 8px 8px 0;padding:12px 16px}.comment-header{justify-content:space-between;margin-bottom:4px;font-size:13.5px;display:flex}.comment-header strong{color:#1f2a44}.comment-time{color:#94a3b8;font-size:12px}.comment-body{color:#334155;margin:0;font-size:14px;line-height:1.5}.kiosk-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-approve-kiosk{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .15s;display:flex}.btn-approve-kiosk:hover{background:#15803d}.btn-reject-kiosk{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.btn-reject-kiosk:hover{color:#fff;background:#dc2626}.btn-close-kiosk{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-close-kiosk:hover{background:#e2e8f0}.customers-view{flex-direction:column;gap:16px;display:flex}.cust-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cust-page-title{color:#1f2a44;margin:0;font-family:Author,Outfit,sans-serif;font-size:32px;font-weight:600}.cust-page-sub{color:#4a5568;margin:4px 0 0;font-size:15px}.cust-header-actions{gap:8px;display:flex}.cust-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:Author,sans-serif;font-size:15px;font-weight:500;transition:all .15s;display:inline-flex}.cust-btn.ghost{color:#1f2a44;background:#fff;border:1px solid #e2e8f0}.cust-btn.ghost:hover{color:#007aff;background:#f5f9fc}.cust-btn.primary{color:#fff;background:#007aff}.cust-btn.primary:hover{background:#0056b3}.cust-kpi-strip{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.cust-kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.cust-kpi-strip{grid-template-columns:1fr}}.cust-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cust-search-box{border:1px solid var(--c-cream-border);background:#fff;border-radius:12px;flex:1;align-items:center;gap:8px;max-width:340px;height:40px;padding:0 16px;transition:border-color .15s;display:flex}.cust-search-box:focus-within{border-color:var(--c-caramel)}.cust-search-input{color:var(--c-espresso);background:0 0;border:none;outline:none;width:100%;font-size:15px}.cust-search-input::placeholder{color:var(--c-text-muted)}.cust-segment-tabs{flex-wrap:wrap;gap:4px;display:flex}.cust-seg-btn{height:36px;color:var(--c-text-secondary);border:1px solid var(--c-cream-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:0 16px;font-size:15px;font-weight:400;transition:all .15s}.cust-seg-btn:hover{background:var(--c-cream-dark);color:var(--c-espresso)}.cust-seg-btn.active{background:var(--c-espresso);color:#fff;border-color:var(--c-espresso)}@media (width<=768px){.cust-search-box{flex:1 0 100%;max-width:none}.cust-segment-tabs{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.cust-segment-tabs::-webkit-scrollbar{display:none}}.cust-table-card{border:1px solid var(--c-cream-border);background:#fff;border-radius:16px;flex-grow:1;overflow-y:auto}.cust-table{border-collapse:collapse;width:100%}.cust-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);border-bottom:1px solid var(--c-cream-border);background:var(--c-cream-dark);white-space:nowrap;padding:14px 20px;font-size:13px;font-weight:500}.cust-table td{color:#1f2a44;border-bottom:1px solid var(--c-cream-border);padding:14px 20px;font-size:15px;font-weight:400}.cust-table tr:last-child td{border-bottom:none}.cust-row{cursor:pointer;transition:background .12s}.cust-row:hover td{background:var(--c-caramel-faint)}.cust-identity-cell{align-items:center;gap:12px;display:flex}.cust-avatar{background:var(--c-caramel-faint);width:36px;height:36px;color:var(--c-caramel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.cust-name{color:var(--c-espresso);font-size:15px;font-weight:500;display:block}.cust-id{color:var(--c-text-muted);margin-top:1px;font-size:12px;display:block}.cust-contact-cell{flex-direction:column;gap:2px;display:flex}.cust-contact-cell span:first-child{color:var(--c-espresso-light);font-size:14px;font-weight:400}.cust-contact-cell span:last-child{color:var(--c-text-muted);font-size:13px}.cust-ltv{font-size:15px;font-weight:600;color:#16a34a!important}.cust-orders-count{font-weight:600;color:var(--c-espresso)!important}.cust-seg-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:15px;font-weight:600;display:inline-flex}.cust-status-badge{color:var(--c-text-secondary);align-items:center;gap:5px;font-size:15px;font-weight:500;display:inline-flex}.cust-status-badge.active{color:var(--color-success)}.cust-status-badge.inactive{color:var(--color-text-muted)}.cust-status-dot{background:var(--c-cream-border);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.cust-status-dot.active{background:var(--color-success)}.cust-empty-row{text-align:center;color:var(--c-text-muted);font-size:13px;padding:40px!important}.cust-loading,.cust-error{color:var(--c-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:13px;display:flex}.cust-spinner{border:2.5px solid var(--c-caramel-faint);border-top-color:var(--c-caramel);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.cust-table-footer{border-top:1px solid var(--c-cream-border);color:var(--c-text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.cust-clear-filter{color:var(--c-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;transition:color .15s;display:inline-flex}.cust-clear-filter:hover{color:var(--c-espresso)}.cust-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;background:#2c1a0e33;position:fixed;inset:0}.cust-panel{border-left:1px solid var(--c-cream-border);z-index:501;background:#fff;flex-direction:column;width:360px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideFromRight;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #2c1a0e14}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=480px){.cust-panel{width:100vw}}.cust-panel-header{border-bottom:1px solid var(--c-cream-border);z-index:1;background:#fff;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.cust-panel-avatar{background:var(--c-caramel-faint);width:40px;height:40px;color:var(--c-caramel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.cust-panel-title{flex:1;min-width:0}.cust-panel-title h3{color:var(--c-espresso);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.cust-panel-title p{color:var(--c-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.cust-panel-close{border:1px solid var(--c-cream-border);width:28px;height:28px;color:var(--c-text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cust-panel-close:hover{color:var(--c-espresso);background:var(--c-cream-dark)}.cust-panel-kpis{background:var(--c-cream-border);border-bottom:1px solid var(--c-cream-border);gap:1px;display:flex}.cust-kpi{text-align:center;background:#fff;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px;display:flex}.cust-kpi strong{color:var(--c-espresso);font-size:18px;font-weight:700;line-height:1}.cust-kpi span{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.cust-segment-pill{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.cust-panel-section{border-bottom:1px solid var(--c-cream-border);padding:14px 16px}.cust-panel-section h4{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:10px;font-weight:700}.cust-info-rows{flex-direction:column;gap:8px;display:flex}.cust-info-row{color:var(--c-espresso-light);align-items:center;gap:8px;font-size:12px;display:flex}.cust-info-row svg{color:var(--c-text-muted);flex-shrink:0}.cust-recent-orders{flex-direction:column;gap:6px;display:flex}.cust-recent-order-row{color:var(--c-text-secondary);border-bottom:1px solid var(--c-cream-border);justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.cust-recent-order-row:last-child{border-bottom:none}.cust-order-amount{color:var(--c-caramel);font-weight:600}.cust-panel-actions{border-top:1px solid var(--c-cream-border);background:#fff;gap:8px;margin-top:auto;padding:14px 16px;display:flex;position:sticky;bottom:0}.cust-action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.cust-action-btn.outline{border:1px solid var(--c-cream-border);color:var(--c-text-secondary);background:0 0}.cust-action-btn.outline:hover{background:var(--c-cream-dark)}.cust-action-btn.primary{background:var(--c-caramel);color:#fff}.cust-action-btn.primary:hover{background:var(--c-caramel-dark)}.roles-view-container{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.roles-header-banner{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a14}.roles-header-banner:before{content:"";pointer-events:none;background:#ffffff08;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.banner-content{align-items:center;gap:20px;display:flex}.banner-icon-wrapper{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:inset 0 1px 3px #ffffff1a}.roles-header-banner h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.5rem;font-weight:600}.roles-header-banner p{color:#94a3b8;margin:0;font-size:.825rem;font-weight:400}.new-role-btn{align-items:center;gap:8px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d;color:#0f172a!important;background-color:#fff!important;border:none!important;border-radius:10px!important;padding:10px 18px!important;font-size:.95rem!important;font-weight:600!important}.new-role-btn:hover{transform:translateY(-1px);background-color:#f8fafc!important}.roles-matrix-layout{grid-template-columns:320px 1fr 340px;align-items:start;gap:24px;display:grid}@media (width<=1100px){.roles-matrix-layout{grid-template-columns:1fr}}.matrix-column{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;min-height:550px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.column-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.column-header.border-bottom{border-bottom:1px solid #e2e8f0}.column-header .badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:.725rem;font-weight:600}.column-subtitle{color:#64748b;margin:2px 0 0;font-size:.775rem;font-weight:400}.search-box-wrapper{border-bottom:1px solid #f1f5f9;align-items:center;padding:12px 16px;display:flex;position:relative}.search-icon{color:#94a3b8;width:16px;height:16px;position:absolute;left:28px}.search-input{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:.95rem;font-weight:500;transition:all .2s}.search-input:focus{background-color:#fff;border-color:#64748b;box-shadow:0 0 0 3px #64748b14}.roles-items-list{flex-direction:column;gap:4px;max-height:520px;padding:8px;display:flex;overflow-y:auto}.role-item-btn{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:all .2s;display:flex}.role-item-btn:hover{background-color:#f8fafc}.role-item-btn.active{background-color:#f1f5f9;border-color:#e2e8f0}.role-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.role-item-title{align-items:center;gap:8px;display:flex}.role-item-title h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:7500}.sys-badge{color:#0f172a;text-transform:uppercase;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:600}.role-item-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.role-item-users-count{color:#475569;margin-top:4px;font-size:.7rem;font-weight:550}.chevron-icon{color:#cbd5e1;width:16px;height:16px;transition:transform .2s}.role-item-btn:hover .chevron-icon{color:#64748b;transform:translate(2px)}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;font-size:.775rem;display:flex}.permission-matrix-card{padding-bottom:16px}.matrix-control-group{border-bottom:1px solid #f1f5f9;padding:16px 24px}.all-access-banner{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.all-access-info{flex-direction:column;gap:2px;display:flex}.all-access-info strong{color:#0f172a;font-size:.825rem}.all-access-info p{color:#64748b;margin:0;font-size:.725rem}.switch-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#0f172a}input:focus+.slider{box-shadow:0 0 1px #0f172a}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.switch-toggle input:disabled+.slider{opacity:.5;cursor:not-allowed}.modules-list{flex-direction:column;gap:12px;max-height:480px;padding:16px 24px;display:flex;overflow-y:auto}.module-permission-row{cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.module-permission-row:hover{background-color:#f8fafc;border-color:#64748b}.module-permission-row.authorized{background-color:#f8fafc;border-color:#0f172a}.module-permission-row.disabled{cursor:not-allowed}.module-info-cell{flex-direction:column;gap:4px;display:flex}.module-title-group{align-items:center;gap:8px;display:flex}.module-title-group h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:600}.module-key-badge{color:#475569;background-color:#f1f5f9;border-radius:4px;padding:1px 6px;font-family:SF Mono,monospace;font-size:.65rem}.module-info-cell p{color:#64748b;margin:0;font-size:.95rem}.module-checkbox-cell{justify-content:center;align-items:center;display:flex}.matrix-checkbox{border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.module-permission-row:hover .matrix-checkbox{border-color:#64748b}.module-permission-row.authorized .matrix-checkbox{background-color:#0f172a;border-color:#0f172a}.role-details-card{padding-bottom:24px}.role-properties-form{flex-direction:column;gap:20px;padding:24px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.725rem;font-weight:600}.prop-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;font-weight:500;transition:all .2s}.prop-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.prop-textarea{resize:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;font-weight:500;line-height:1.4;transition:all .2s}.prop-textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0d}.prop-input:disabled,.prop-textarea:disabled{color:#64748b;cursor:not-allowed;background-color:#f8fafc}.sys-lock-warning{color:#b45309;background-color:#fffbeb;border:1px solid #fef3c7;border-radius:10px;gap:8px;padding:12px;font-size:.725rem;line-height:1.3;display:flex}.sys-lock-warning svg{flex-shrink:0}.properties-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.save-matrix-btn{justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 2px 4px #0f172a0d;background-color:#0f172a!important;border-radius:10px!important;padding:11px 20px!important;font-size:.95rem!important;font-weight:600!important}.delete-role-btn{justify-content:center;align-items:center;gap:8px;display:flex;border-radius:10px!important;padding:11px 20px!important;font-size:.95rem!important;font-weight:600!important}.roles-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;font-size:.95rem;display:flex}.spinner{border:3px solid #f3f3f3;border-top-color:#0f172a;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}.cms-page{flex-direction:column;gap:20px;display:flex}.cms-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.cms-title{letter-spacing:-.02em;color:#1a1a1a;margin:0 0 4px;font-size:1.6rem;font-weight:200}.cms-subtitle{color:#999;margin:0;font-size:.82rem}.cms-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cms-section{flex-direction:column;gap:12px;display:flex}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.section-header{justify-content:space-between;align-items:center;display:flex}.banner-content-cell{flex-direction:column;gap:2px;display:flex}.banner-content-cell span{color:#bbb;font-size:.72rem}.cms-tag{text-transform:uppercase;letter-spacing:.04em;color:#555;background:#00000005;border:1px solid #0000000f;border-radius:4px;padding:3px 8px;font-family:SF Mono,monospace;font-size:.65rem}.cms-tag-muted{color:#bbb;font-size:.78rem;font-style:italic}.cta-preview{flex-direction:column;gap:2px;display:flex}.cta-btn{color:#1a1a1a;font-size:.78rem;font-weight:500}.cta-link{color:#bbb;font-family:SF Mono,monospace;font-size:.68rem}.status-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.status-chip.active{color:#2d9d5c;background:#2d9d5c0f;border:1px solid #2d9d5c1a}.status-chip.inactive,.status-chip.draft{color:#999;background:#00000005;border:1px solid #0000000f}.seo-form{background:#fff;border:1px solid #0000000d;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.seo-form .form-group{position:relative}.char-count{color:#bbb;font-family:SF Mono,monospace;font-size:.62rem;position:absolute;bottom:-16px;right:0}.cms-modal{max-width:600px}.cms-modal-form{flex-direction:column;gap:16px;padding:24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-section-header{text-transform:uppercase;letter-spacing:.1em;color:#999;border-bottom:1px solid #0000000d;margin-top:12px;padding-bottom:8px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}@media (width<=1024px){.cms-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}}.notifications-view{max-width:1400px;margin:0 auto;padding:0}.notifications-layout-grid{grid-template-columns:320px 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.templates-list-card{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000005}.templates-list-card h3{text-transform:uppercase;letter-spacing:.12em;color:#999;border-bottom:1px solid #0000000d;margin-bottom:14px;padding-bottom:10px;font-family:SF Mono,monospace;font-size:.68rem;font-weight:500}.templates-stack{flex-direction:column;gap:8px;display:flex}.template-item-row{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.template-item-row:hover{border-color:#0000001f}.template-item-row.active{background:#00000005;border-color:#1a1a1a}.item-row-left{flex-direction:column;gap:4px;display:flex}.item-row-left strong{color:#1a1a1a;font-size:.84rem;font-weight:450}.channel-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;max-width:fit-content;padding:2px 6px;font-family:SF Mono,monospace;font-size:.58rem;font-weight:500;display:inline-block}.channel-badge.whatsapp{color:#2d9d5c;background:#2d9d5c0f;border:1px solid #2d9d5c1a}.channel-badge.sms{color:#4a8fd4;background:#4a8fd40f;border:1px solid #4a8fd41a}.channel-badge.email{color:#c78d5a;background:#c78d5a0f;border:1px solid #c78d5a1a}.toggle-switch{width:38px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#0000001a;border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000014}input:checked+.toggle-slider{background-color:#1a1a1a}input:checked+.toggle-slider:before{transform:translate(18px)}.template-composer-panel{background:#fff;border:1px solid #0000000d;border-radius:8px;padding:24px;box-shadow:0 1px 4px #00000005}.composer-card-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.composer-card-header h3{color:#1a1a1a;margin:0;font-size:1rem;font-weight:300}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-area{flex-direction:column;gap:8px;display:flex}.editor-label{color:#999;text-transform:uppercase;letter-spacing:.1em;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.styled-textarea{color:#1a1a1a;resize:vertical;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.84rem;transition:border-color .3s}.styled-textarea:focus{border-color:#0003}.editor-tokens-hint{color:#bbb;font-size:.72rem;line-height:1.5}.editor-tokens-hint code{background:#00000008;border:1px solid #0000000d;border-radius:3px;padding:1px 4px;font-weight:500}.device-mockup-wrap{flex-direction:column;gap:8px;display:flex}.phone-screen-mockup{background:#efeae2;border:1px solid #00000014;border-radius:10px;flex-direction:column;min-height:220px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.chat-bubble-header{color:#fff;background:#075e54;align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-avatar{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:inline-flex}.chat-header-info{flex-direction:column;display:flex}.chat-header-info strong{font-size:.78rem;font-weight:500}.chat-header-info span{opacity:.8;font-size:.62rem}.chat-bubble-body{background:#fff;border-radius:0 8px 8px;align-self:flex-start;max-width:80%;margin:16px;padding:10px;position:relative;box-shadow:0 1px 2px #00000014}.chat-bubble-body p{color:#111;white-space:pre-wrap;margin-bottom:4px;font-size:.82rem;line-height:1.5}.chat-bubble-body .wa-link{color:#039be5;text-decoration:underline}.chat-timestamp{text-align:right;color:#999;font-size:.6rem;display:block}.campaign-broadcast-card{background:#fff;border:1px solid #0000000d;border-radius:8px;margin-top:16px;margin-bottom:16px;padding:24px;box-shadow:0 1px 4px #00000005}.campaign-broadcast-card h3{color:#1a1a1a;margin-bottom:4px;font-size:1rem;font-weight:300}.campaign-form{flex-direction:column;margin-top:16px;display:flex}.campaign-input-group{grid-template-columns:2fr 1fr;gap:16px;display:grid}.select-group{flex-direction:column;justify-content:flex-end;display:flex}.campaign-actions{justify-content:flex-start;margin-top:12px;display:flex}@media (width<=1024px){.notifications-layout-grid,.editor-grid,.campaign-input-group{grid-template-columns:1fr}}.analytics-view{flex-direction:column;gap:16px;display:flex}.tab-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;margin-bottom:16px;display:flex}.analytics-time-tabs{background-color:#fff;border:1px solid #0000000f;border-radius:6px;padding:3px;display:inline-flex}.time-tab-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:.78rem;font-weight:450;transition:all .3s cubic-bezier(.16,1,.3,1)}.time-tab-btn:hover{color:#555}.time-tab-btn.active{color:#fff;background-color:#1a1a1a;font-weight:500}.last-sync-tag{color:#2d9d5c;letter-spacing:.04em;text-transform:uppercase;background-color:#2d9d5c0f;border:1px solid #2d9d5c1a;border-radius:4px;padding:4px 12px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;margin-bottom:24px;display:grid}.analytics-charts-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.chart-container{background-color:#fff;border:1px solid #0000000d;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000005}.chart-container h3{text-transform:uppercase;letter-spacing:.12em;color:#999;border-bottom:1px solid #0000000a;margin-bottom:16px;padding-bottom:8px;font-family:SF Mono,monospace;font-size:.68rem;font-weight:500}.analytics-details-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;margin-bottom:16px;display:grid}.details-card{background-color:#fff;border:1px solid #0000000d;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000005}.details-card h3{text-transform:uppercase;letter-spacing:.12em;color:#999;border-bottom:1px solid #0000000a;margin-bottom:16px;padding-bottom:8px;font-family:SF Mono,monospace;font-size:.68rem;font-weight:500}.styled-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;text-align:left;width:100%}.analytics-table th{text-transform:uppercase;color:#999;letter-spacing:.1em;border-bottom:1px solid #0000000f;padding:10px 16px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.analytics-table td{color:#444;border-bottom:1px solid #00000008;padding:12px 16px;font-size:.84rem}.analytics-table tr:last-child td{border-bottom:none}.analytics-table td strong{color:#1a1a1a;font-weight:500}.profit-col{color:#c78d5a;font-family:SF Mono,monospace;font-weight:500}.alert-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500;display:inline-block}.alert-badge.low{color:#c44040;background-color:#c440400f;border:1px solid #c440401a}.alert-badge.ok{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1a}@media (width<=900px){.stats-grid,.analytics-charts-grid,.analytics-details-grid{grid-template-columns:1fr}}.kpi-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:all var(--motion-base);gap:var(--space-12);flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.kpi-clickable{cursor:pointer}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-title{font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:600}.kpi-icon-container{border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--font-size-h3);justify-content:center;align-items:center;display:flex}.kpi-color-primary .kpi-icon-container{background-color:var(--color-bg);color:var(--color-primary)}.kpi-color-success .kpi-icon-container{background-color:var(--color-success-light);color:var(--color-success)}.kpi-color-warning .kpi-icon-container{background-color:var(--color-warning-light);color:var(--color-warning)}.kpi-body{justify-content:space-between;align-items:flex-end;gap:var(--space-16);display:flex}.kpi-value-container{gap:var(--space-4);flex-direction:column;display:flex}.kpi-value{font-size:var(--font-size-h1);color:var(--color-text);font-weight:600;line-height:1}.kpi-trend{align-items:center;gap:var(--space-4);font-size:var(--font-size-caption);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);width:fit-content;font-weight:600;display:inline-flex}.kpi-trend.trend-positive{background-color:var(--color-success-light);color:var(--color-success)}.kpi-trend.trend-negative{background-color:var(--color-danger-light);color:var(--color-danger)}.kpi-sparkline{justify-content:flex-end;align-items:center;display:flex}:root{--kpi-stroke-trend-up:var(--color-success);--kpi-stroke-trend-down:var(--color-danger);--kpi-stroke-trend-neutral:var(--color-text-secondary)}.kpi-skeleton{pointer-events:none}.kpi-skeleton-header{justify-content:space-between;align-items:center;display:flex}.kpi-skeleton-title{background-color:var(--color-border);border-radius:var(--radius-sm);width:100px;height:16px}.kpi-skeleton-icon{background-color:var(--color-border);border-radius:var(--radius-md);width:40px;height:40px}.kpi-skeleton-value{background-color:var(--color-border);border-radius:var(--radius-sm);width:120px;height:32px;margin-top:var(--space-8)}.kpi-skeleton-trend{background-color:var(--color-border);border-radius:var(--radius-full);width:80px;height:18px;margin-top:var(--space-4)}.shimmer{background:var(--color-bg);background-image:linear-gradient(to right, var(--color-bg) 0%, var(--color-border) 20%, var(--color-bg) 40%, var(--color-bg) 100%);background-repeat:no-repeat;background-size:1000px 100%;animation:1.5s linear infinite forwards shimmer}.financials-view{flex-direction:column;gap:16px;display:flex}.financials-kpi-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.finance-kpi{background-color:#fff;border:1px solid #0000000d;border-radius:8px;flex-direction:column;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 4px #00000005}.finance-kpi:hover{border-color:#0000001a}.finance-kpi span:first-child{color:#999;text-transform:uppercase;letter-spacing:.12em;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.finance-kpi strong{color:#1a1a1a;margin:6px 0;font-family:SF Mono,monospace;font-size:1.8rem;font-weight:200}.finance-kpi strong.gst-liability-text{color:#c78d5a}.finance-kpi-sub{color:#999;font-size:.78rem}.financials-split-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.finance-panel-card{background-color:#fff;border:1px solid #0000000d;border-radius:8px;padding:24px;box-shadow:0 1px 4px #00000005}.finance-panel-card h3{text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:8px;font-family:SF Mono,monospace;font-size:.68rem;font-weight:500}.panel-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-card-header h3{margin:0}.ledger-tag{color:#555;text-transform:uppercase;letter-spacing:.04em;background-color:#00000005;border:1px solid #0000000f;border-radius:4px;padding:3px 8px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.ledger-table-wrap{overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%}.ledger-table th{color:#999;text-transform:uppercase;letter-spacing:.1em;text-align:left;border-bottom:1px solid #0000000f;padding:10px 16px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.ledger-table td{color:#444;border-bottom:1px solid #00000008;padding:12px 16px;font-size:.84rem}.ledger-table tr:last-child td{border-bottom:none}.num-col{font-family:SF Mono,monospace;text-align:right!important}.ledger-table td code{background-color:#00000005;border:1px solid #0000000d;border-radius:3px;padding:2px 6px;font-size:.78rem;font-weight:500}.text-debit{color:#2d9d5c;font-family:SF Mono,monospace;font-weight:500}.text-credit{color:#c78d5a;font-family:SF Mono,monospace;font-weight:500}.integration-subtitle{color:#888;margin-bottom:20px;font-size:.82rem;line-height:1.5}.integration-workspace{flex-direction:column;gap:16px;display:flex}.target-select-row{flex-direction:column;gap:6px;display:flex}.target-select-row label{color:#999;text-transform:uppercase;letter-spacing:.1em;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.target-buttons{gap:8px;display:flex}.target-btn{color:#555;cursor:pointer;background-color:#fff;border:1px solid #00000014;border-radius:6px;flex:1;padding:10px;font-size:.82rem;font-weight:450;transition:all .3s cubic-bezier(.16,1,.3,1)}.target-btn:hover{border-color:#0000002e}.target-btn.active{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.erp-sync-card{background-color:#00000003;border:1px solid #0000000d;border-radius:6px;padding:16px}.sync-status-indicator{color:#1a1a1a;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;display:flex}.status-dot.online{background-color:#2d9d5c;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 6px #2d9d5c4d}.sync-text-desc{color:#888;font-size:.95rem;line-height:1.5}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}@media (width<=900px){.financials-kpi-row,.financials-split-grid{grid-template-columns:1fr}}.stores-view{flex-direction:column;gap:16px;display:flex}.store-panel-card{background-color:#fff;border:1px solid #0000000d;border-radius:8px;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 4px #00000005}.store-panel-card:hover{border-color:#0000001a}.store-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.store-info-left{gap:12px;display:flex}.store-geo-pin{font-size:1.4rem}.store-info-left h3{color:#1a1a1a;margin:0 0 3px;font-size:.92rem;font-weight:450}.store-address-txt{color:#999;margin:0;font-size:.78rem}.store-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.store-status-badge.active{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1a}.store-status-badge.suspended{color:#c44040;background-color:#c440400f;border:1px solid #c440401a}.store-status-badge.coming-soon{color:#d4940a;background-color:#d4940a0f;border:1px solid #d4940a1a}.store-divider{background-color:#0000000d;border:0;height:1px;margin:16px 0}.store-metrics-panel{background-color:#00000003;border:1px solid #0000000a;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:14px;display:grid}.metric-box{flex-direction:column;gap:2px;display:flex}.metric-lbl{text-transform:uppercase;letter-spacing:.1em;color:#999;font-family:SF Mono,monospace;font-size:.58rem;font-weight:500}.metric-box strong{color:#1a1a1a;font-family:SF Mono,monospace;font-size:.92rem;font-weight:400}.store-panel-actions{gap:8px;margin-top:auto;display:flex}.store-panel-actions button{flex:1}@media (width<=480px){.store-panel-actions{flex-direction:column}}.settings-view{flex-direction:column;gap:16px;display:flex}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-title{color:#111;margin:0;font-size:18px;font-weight:600}.settings-sub{color:#888;margin:3px 0 0;font-size:15px}.settings-tabs{border-bottom:1px solid #00000012;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.settings-tab{color:#777;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.settings-tab:hover{color:#111}.settings-tab.active{color:#111;border-bottom-color:#c8853e;font-weight:600}.settings-panel{background:#fff;border:1px solid #0000000f;border-radius:10px;padding:20px}.panel-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-header-row h2{color:#111;margin:0 0 3px;font-size:15px;font-weight:600}.panel-header-row p{color:#888;margin:0;font-size:15px}.btn-sm-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#c8853e;border:none;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.btn-sm-primary:hover{background:#a0692a}.btn-sm-ghost{color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000001a;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.btn-sm-ghost:hover{background:#0000000a}.roles-list{flex-direction:column;gap:8px;display:flex}.role-card{background:#fafafa;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;display:flex}.role-color{border-radius:2px;flex-shrink:0;width:4px;height:36px}.role-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.role-info strong{color:#111;font-size:15px;font-weight:600}.role-info span{color:#888;font-size:15px}.role-users{color:#777;white-space:nowrap;align-items:center;gap:4px;font-size:15px;display:flex}.role-actions{gap:4px;display:flex}.icon-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.icon-btn:hover:not(:disabled){color:#111;background:#0000000d}.icon-btn.danger:hover:not(:disabled){color:#dc2626;background:#dc26260f;border-color:#dc262633}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.stores-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.store-card{background:#fafafa;border:1px solid #00000012;border-radius:10px;flex-direction:column;gap:6px;padding:14px;transition:box-shadow .15s;display:flex}.store-card:hover{box-shadow:0 4px 12px #0000000f}.store-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.store-icon{color:#c8853e;background:#c8853e1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.store-status{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.store-status.open{color:#16a34a;background:#16a34a1a}.store-status.closed{color:#999;background:#0000000d}.store-name{color:#111;font-size:15px;font-weight:600}.store-type{color:#888;font-size:15px}.store-revenue{color:#c8853e;font-size:15px;font-weight:600}.store-edit-btn{color:#777;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:15px;font-weight:600;transition:color .15s;display:flex}.store-edit-btn:hover{color:#111}.activity-table-wrap{overflow-x:auto}.activity-table{border-collapse:collapse;width:100%}.activity-table th{text-align:left;color:#aaa;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafafa;border-bottom:1px solid #0000000d;padding:8px 12px;font-size:10px;font-weight:600}.activity-table td{color:#444;border-bottom:1px solid #0000000a;padding:9px 12px;font-size:15px}.activity-table tr:last-child td{border-bottom:none}.activity-table tr:hover td{background:#c8853e05}.log-time{color:#999;white-space:nowrap;font-size:15px}.log-user{color:#111;font-weight:600}.log-target{color:#666}.log-ip{color:#bbb;font-family:monospace;font-size:15px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;max-width:520px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h3{color:#111;margin:0 0 18px;font-size:15px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group select{color:#111;background:#fafafa;border:1px solid #0000001a;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#c8853e}.modal-actions{border-top:1px solid #0000000f;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;display:flex}.checkbox-section-label{color:#555;text-transform:uppercase;margin-bottom:6px;font-size:15px;font-weight:600;display:block}.permissions-grid{background:#fafafa;border:1px solid #0000000d;border-radius:8px;grid-template-columns:1fr;gap:8px;margin-top:6px;padding:12px;display:grid}.checkbox-label{color:#444;cursor:pointer;align-items:center;gap:8px;font-size:15px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#c8853e;cursor:pointer;width:14px;height:14px}.role-desc{color:#888;margin-top:2px;font-size:15px;line-height:1.4}.role-permission-badges{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.permission-badge{color:#c8853e;text-transform:capitalize;background:#c8853e14;border:1px solid #c8853e1f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.permission-badge.none{color:#999;background:0 0;border:none;padding:0;font-style:italic;font-weight:400}.store-address{color:#666;margin-top:2px;font-size:15px;line-height:1.4}.store-contact{color:#888;margin-top:2px;font-size:15px}.store-card-actions{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.store-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:15px;font-weight:600;transition:all .15s}.store-toggle-btn.danger{color:#dc2626;background:#dc26260f}.store-toggle-btn.danger:hover{background:#dc26261a}.store-toggle-btn.success{color:#16a34a;background:#16a34a0f}.store-toggle-btn.success:hover{background:#16a34a1a}.logs-filters-bar{background:#fafafa;border:1px solid #0000000a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px;display:flex}.search-wrapper{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.search-wrapper .search-icon{color:#999;position:absolute;left:10px}.search-wrapper .search-input{color:#111;background:#fff;border:1px solid #0000001a;border-radius:6px;outline:none;width:100%;padding:6px 10px 6px 30px;font-family:inherit;font-size:15px}.search-wrapper .search-input:focus{border-color:#c8853e}.filter-select{color:#111;background:#fff;border:1px solid #0000001a;border-radius:6px;outline:none;min-width:140px;padding:6px 10px;font-family:inherit;font-size:15px}.filter-select:focus{border-color:#c8853e}.logs-pagination{color:#666;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:15px;display:flex}.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-page{color:#111;font-weight:600}.log-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.log-badge.login{color:#0369a1;background:#e0f2fe}.log-badge.update{color:#b45309;background:#fef3c7}.log-badge.add{color:#047857;background:#ecfdf5}.log-badge.delete{color:#b91c1c;background:#fee2e2}.log-badge.refund{color:#6b21a8;background:#f3e8ff}.log-badge.fulfill{color:#0369a1;background:#e0f2fe}.loading-spinner-wrap{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;font-size:15px;display:flex}.loading-spinner{border:2px solid #c8853e26;border-top-color:#c8853e;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:15px;display:flex}.error-retry{color:#b91c1c;cursor:pointer;background:0 0;border:none;margin-left:auto;font-family:inherit;font-weight:600;text-decoration:underline}.empty-message{color:#888;text-align:center;padding:24px;font-size:15px}.empty-message.text-center{text-align:center}.refresh-btn{align-items:center;gap:4px;display:flex}.suppliers-page{padding:24px}.suppliers-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.suppliers-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.suppliers-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.suppliers-page .page-header-actions{gap:8px;display:flex}.suppliers-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.suppliers-page .search-wrapper{flex:1;max-width:400px}.suppliers-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.suppliers-page .search-input:focus{border-color:var(--color-primary)}.suppliers-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:180px;padding:10px 14px;font-size:.95rem}.suppliers-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.suppliers-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.suppliers-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.suppliers-page .modal-content.modal-wide{max-width:800px}.suppliers-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.suppliers-page .modal-hint{color:var(--color-text-muted);margin:-12px 0 16px;font-size:.95rem}.suppliers-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.suppliers-page .modal-header-row h3{margin:0}.suppliers-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.suppliers-page .form-group{flex-direction:column;gap:6px;display:flex}.suppliers-page .form-group.full-width{grid-column:1/-1}.suppliers-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.suppliers-page .form-group input,.suppliers-page .form-group select,.suppliers-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.suppliers-page .form-group input:focus,.suppliers-page .form-group select:focus,.suppliers-page .form-group textarea:focus{border-color:var(--color-primary)}.suppliers-page .checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.suppliers-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.suppliers-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.suppliers-page .status-badge.active{color:#2e7d32;background:#e8f5e9}.suppliers-page .status-badge.suspended{color:#e65100;background:#fff3e0}.suppliers-page .status-badge.inactive{color:#c62828;background:#fce4ec}.suppliers-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.purchase-orders-page{padding:24px}.purchase-orders-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.purchase-orders-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.purchase-orders-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.purchase-orders-page .page-header-actions{gap:8px;display:flex}.purchase-orders-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.purchase-orders-page .search-wrapper{flex:1;max-width:400px}.purchase-orders-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.purchase-orders-page .search-input:focus{border-color:var(--color-primary)}.purchase-orders-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:180px;padding:10px 14px;font-size:.95rem}.purchase-orders-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.purchase-orders-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.purchase-orders-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.purchase-orders-page .modal-content.modal-wide{max-width:800px}.purchase-orders-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.purchase-orders-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.purchase-orders-page .modal-header-row h3{margin:0}.purchase-orders-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.purchase-orders-page .form-group{flex-direction:column;gap:6px;display:flex}.purchase-orders-page .form-group.full-width{grid-column:1/-1}.purchase-orders-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.purchase-orders-page .form-group input,.purchase-orders-page .form-group select,.purchase-orders-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.purchase-orders-page .form-group input:focus,.purchase-orders-page .form-group select:focus,.purchase-orders-page .form-group textarea:focus{border-color:var(--color-primary)}.purchase-orders-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.purchase-orders-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.purchase-orders-page .status-badge.draft{color:#757575;background:#f5f5f5}.purchase-orders-page .status-badge.pending{color:#1565c0;background:#e3f2fd}.purchase-orders-page .status-badge.ordered{color:#e65100;background:#fff3e0}.purchase-orders-page .status-badge.received{color:#2e7d32;background:#e8f5e9}.purchase-orders-page .status-badge.cancelled{color:#c62828;background:#fce4ec}.purchase-orders-page .items-table{border-collapse:collapse;width:100%;margin-bottom:16px}.purchase-orders-page .items-table th,.purchase-orders-page .items-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 12px;font-size:.875rem}.purchase-orders-page .items-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.purchase-orders-page .items-table input{border:1px solid var(--color-border);background:var(--color-bg);width:80px;color:var(--color-secondary);border-radius:6px;outline:none;padding:6px 8px;font-size:.95rem}.purchase-orders-page .items-table input:focus{border-color:var(--color-primary)}.purchase-orders-page .add-item-row{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.purchase-orders-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.waste-logs-page{padding:24px}.waste-logs-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.waste-logs-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.waste-logs-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.waste-logs-page .page-header-actions{gap:8px;display:flex}.waste-logs-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.waste-logs-page .search-wrapper{flex:1;max-width:400px}.waste-logs-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.waste-logs-page .search-input:focus{border-color:var(--color-primary)}.waste-logs-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:180px;padding:10px 14px;font-size:.95rem}.waste-logs-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.waste-logs-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.waste-logs-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.waste-logs-page .modal-content.modal-wide{max-width:800px}.waste-logs-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.waste-logs-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.waste-logs-page .modal-header-row h3{margin:0}.waste-logs-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.waste-logs-page .form-group{flex-direction:column;gap:6px;display:flex}.waste-logs-page .form-group.full-width{grid-column:1/-1}.waste-logs-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.waste-logs-page .form-group input,.waste-logs-page .form-group select,.waste-logs-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.waste-logs-page .form-group input:focus,.waste-logs-page .form-group select:focus,.waste-logs-page .form-group textarea:focus{border-color:var(--color-primary)}.waste-logs-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.waste-logs-page .stats-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.waste-logs-page .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.waste-logs-page .stat-card .stat-value{color:var(--color-secondary);font-size:1.25rem;font-weight:600}.waste-logs-page .stat-card .stat-label,.waste-logs-page .stat-card .stat-sub{color:var(--color-text-muted);font-size:.95rem}.waste-logs-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.store-transfers-page{padding:24px}.store-transfers-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.store-transfers-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.store-transfers-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.store-transfers-page .page-header-actions{gap:8px;display:flex}.store-transfers-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.store-transfers-page .search-wrapper{flex:1;max-width:400px}.store-transfers-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.store-transfers-page .search-input:focus{border-color:var(--color-primary)}.store-transfers-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:180px;padding:10px 14px;font-size:.95rem}.store-transfers-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.store-transfers-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.store-transfers-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.store-transfers-page .modal-content.modal-wide{max-width:800px}.store-transfers-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.store-transfers-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.store-transfers-page .modal-header-row h3{margin:0}.store-transfers-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.store-transfers-page .form-group{flex-direction:column;gap:6px;display:flex}.store-transfers-page .form-group.full-width{grid-column:1/-1}.store-transfers-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.store-transfers-page .form-group input,.store-transfers-page .form-group select,.store-transfers-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.store-transfers-page .form-group input:focus,.store-transfers-page .form-group select:focus,.store-transfers-page .form-group textarea:focus{border-color:var(--color-primary)}.store-transfers-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.store-transfers-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.store-transfers-page .status-badge.draft{color:#757575;background:#f5f5f5}.store-transfers-page .status-badge.pending{color:#1565c0;background:#e3f2fd}.store-transfers-page .status-badge.approved{color:#2e7d32;background:#e8f5e9}.store-transfers-page .status-badge.in_transit{color:#e65100;background:#fff3e0}.store-transfers-page .status-badge.completed{color:#1b5e20;background:#e8f5e9}.store-transfers-page .status-badge.cancelled{color:#c62828;background:#fce4ec}.store-transfers-page .items-table{border-collapse:collapse;width:100%;margin-bottom:16px}.store-transfers-page .items-table th,.store-transfers-page .items-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 12px;font-size:.875rem}.store-transfers-page .items-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.store-transfers-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.packaging-page{padding:24px}.packaging-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.packaging-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.packaging-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.packaging-page .page-header-actions{gap:8px;display:flex}.packaging-page .tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:20px;display:flex}.packaging-page .tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.packaging-page .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.packaging-page .tab:hover{color:var(--color-secondary)}.packaging-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.packaging-page .search-wrapper{flex:1;max-width:400px}.packaging-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.packaging-page .search-input:focus{border-color:var(--color-primary)}.packaging-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:180px;padding:10px 14px;font-size:.95rem}.packaging-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.packaging-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.packaging-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.packaging-page .modal-content.modal-wide{max-width:800px}.packaging-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.packaging-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.packaging-page .modal-header-row h3{margin:0}.packaging-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.packaging-page .form-group{flex-direction:column;gap:6px;display:flex}.packaging-page .form-group.full-width{grid-column:1/-1}.packaging-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.packaging-page .form-group input,.packaging-page .form-group select,.packaging-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.packaging-page .form-group input:focus,.packaging-page .form-group select:focus,.packaging-page .form-group textarea:focus{border-color:var(--color-primary)}.packaging-page .checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.packaging-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.packaging-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.cash-view{flex-direction:column;gap:16px;display:flex}.cash-header{justify-content:space-between;align-items:flex-start;display:flex}.cash-refresh-btn{color:#888;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.cash-refresh-btn:hover{color:#111;border-color:#0000002e}.cash-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cash-stat-card{background-color:#fff;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:14px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 4px #00000005}.cash-stat-card:hover{border-color:#0000001a;transform:translateY(-1px)}.stat-icon-cash{color:#555;background-color:#00000005;border:1px solid #0000000a;border-radius:6px;padding:10px}.cash-tabs{border-bottom:1px solid #0000000f;gap:4px;padding-bottom:0;display:flex}.cash-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.82rem;font-weight:500;transition:all .2s}.cash-tab:hover{color:#555}.cash-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.cash-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cash-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.cash-action-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.cash-action-btn.primary:hover{background-color:#333}.cash-action-btn.primary:disabled{opacity:.4;cursor:not-allowed}.cash-action-btn.ghost{color:#555;background:0 0;border:1px solid #00000014}.cash-action-btn.ghost:hover{border-color:#0000002e}.cash-session-picker{align-items:center;gap:8px;display:flex}.cash-session-picker label{color:#888;font-size:.95rem;font-weight:500}.cash-select{color:#333;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;min-width:220px;padding:8px 14px;font-size:.82rem}.cash-select:focus{border-color:#0000002e}.cash-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.status-open{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.status-closed{color:#4a8fd4;background-color:#4a8fd40f;border:1px solid #4a8fd41f}.status-reconciled{color:#2d9d5c;background-color:#2d9d5c0a;border:1px solid #2d9d5c14}.status-discrepancy{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.tx-type-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.tx-type-badge.sale{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.tx-type-badge.payout{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.tx-type-badge.refund{color:#999;background-color:#00000008;border:1px solid #00000014}.close-session-modal{max-width:480px}.cash-input{color:#333;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;padding:10px 14px;font-size:.84rem;transition:border-color .2s}.cash-input:focus{border-color:#0000002e}.cash-textarea{resize:vertical;font-family:inherit}.b2b-view{flex-direction:column;gap:16px;display:flex}.b2b-header{justify-content:space-between;align-items:flex-start;display:flex}.b2b-header-actions{gap:8px;display:flex}.b2b-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.b2b-action-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.b2b-action-btn.primary:hover{background-color:#333}.b2b-action-btn.ghost{color:#555;background:0 0;border:1px solid #00000014}.b2b-action-btn.ghost:hover{border-color:#0000002e}.b2b-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.b2b-search-box{background-color:#fff;border:1px solid #00000014;border-radius:6px;flex:1;align-items:center;max-width:360px;padding:8px 14px;display:flex}.b2b-search-input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.b2b-search-input::placeholder{color:#bbb}.b2b-select{color:#333;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;padding:8px 14px;font-size:.82rem}.b2b-select:focus{border-color:#0000002e}.b2b-table-card{background:#fff;border:1px solid #0000000d;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000005}.b2b-table{border-collapse:collapse;width:100%}.b2b-table th{color:#999;text-transform:uppercase;letter-spacing:.1em;text-align:left;border-bottom:1px solid #0000000f;padding:12px 16px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.b2b-table td{color:#444;border-bottom:1px solid #00000008;padding:12px 16px;font-size:.84rem}.b2b-row{cursor:pointer;transition:background .15s}.b2b-row:hover{background-color:#00000003}.b2b-company-cell{align-items:center;gap:8px;display:flex}.b2b-expand-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #0000000f;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.b2b-expand-btn:hover{color:#555;border-color:#0000002e}.b2b-expanded-row td{border-bottom:1px solid #00000008;padding:0}.b2b-expanded-content{background-color:#00000003;padding:20px 32px}.b2b-loading-text{color:#999;padding:12px 0;font-size:.84rem}.b2b-expanded-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.b2b-expanded-section h4{text-transform:uppercase;letter-spacing:.12em;color:#999;align-items:center;gap:6px;margin-bottom:12px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500;display:flex}.b2b-empty-text{color:#bbb;font-size:.95rem;font-style:italic}.b2b-inner-table{border-collapse:collapse;width:100%}.b2b-inner-table th{color:#999;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid #0000000f;padding:6px 8px;font-size:.6rem;font-weight:500}.b2b-inner-table td{color:#444;border-bottom:1px solid #00000008;padding:6px 8px;font-size:.95rem}.b2b-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.b2b-status-badge.active{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.b2b-status-badge.inactive{color:#999;background-color:#00000008;border:1px solid #00000014}.b2b-status-badge.suspended{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.b2b-currency{font-family:SF Mono,monospace;font-weight:500}.b2b-empty-row{text-align:center;color:#999;padding:40px 0}.b2b-table-footer{color:#999;border-top:1px solid #00000008;padding:12px 16px;font-size:.78rem}.b2b-loading{text-align:center;color:#999;padding:60px 0}.b2b-modal{max-width:600px}.b2b-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.b2b-input{color:#333;box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:.84rem;transition:border-color .2s}.b2b-input:focus{border-color:#0000002e}@media (width<=900px){.b2b-expanded-grid,.b2b-form-grid{grid-template-columns:1fr}}.gst-view{flex-direction:column;gap:16px;display:flex}.gst-header{justify-content:space-between;align-items:flex-start;display:flex}.gst-refresh-btn{color:#888;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.gst-refresh-btn:hover{color:#111;border-color:#0000002e}.gst-tabs{border-bottom:1px solid #0000000f;gap:4px;padding-bottom:0;display:flex}.gst-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.82rem;font-weight:500;transition:all .2s}.gst-tab:hover{color:#555}.gst-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.gst-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gst-generate-row{flex:1;align-items:center;gap:8px;max-width:480px;display:flex}.gst-input{color:#333;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:.84rem;transition:border-color .2s}.gst-input:focus{border-color:#0000002e}.gst-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.gst-action-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.gst-action-btn.primary:hover{background-color:#333}.gst-action-btn.ghost{color:#555;background:0 0;border:1px solid #00000014}.gst-action-btn.ghost:hover{border-color:#0000002e}.gst-code{background-color:#00000005;border:1px solid #0000000d;border-radius:3px;padding:2px 6px;font-size:.78rem;font-weight:500}.gst-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.gst-status-badge.generated{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.gst-status-badge.cancelled{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.gst-modal{max-width:560px}.gst-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}@media (width<=600px){.gst-form-grid{grid-template-columns:1fr}}.loyalty-view{flex-direction:column;gap:16px;display:flex}.loyalty-header{justify-content:space-between;align-items:flex-start;display:flex}.loyalty-refresh-btn{color:#888;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.loyalty-refresh-btn:hover{color:#111;border-color:#0000002e}.loyalty-tabs{border-bottom:1px solid #0000000f;gap:4px;padding-bottom:0;display:flex}.loyalty-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 20px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.loyalty-tab:hover{color:#555}.loyalty-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.loyalty-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.loyalty-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.loyalty-action-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.loyalty-action-btn.primary:hover{background-color:#333}.loyalty-action-btn.ghost{color:#555;background:0 0;border:1px solid #00000014}.loyalty-action-btn.ghost:hover{border-color:#0000002e}.loyalty-tier-badge{text-transform:uppercase;letter-spacing:.04em;color:#c8853e;background-color:#c8853e0f;border:1px solid #c8853e1f;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.loyalty-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.loyalty-status-badge.active{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.loyalty-status-badge.inactive{color:#999;background-color:#00000008;border:1px solid #00000014}.reward-type-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.reward-type-badge.discount{color:#4a8fd4;background-color:#4a8fd40f;border:1px solid #4a8fd41f}.reward-type-badge.free_item{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.reward-type-badge.free_delivery{color:#c8853e;background-color:#c8853e0f;border:1px solid #c8853e1f}.ledger-type-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.ledger-type-badge.earn{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.ledger-type-badge.redeem{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.ledger-type-badge.expiry{color:#999;background-color:#00000008;border:1px solid #00000014}.text-earned{color:#2d9d5c}.text-redeemed{color:#c44040}.loyalty-modal{max-width:560px}.ledger-modal{max-width:700px}.loyalty-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.loyalty-input{color:#333;box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:.84rem;transition:border-color .2s}.loyalty-input:focus{border-color:#0000002e}@media (width<=600px){.loyalty-form-grid{grid-template-columns:1fr}}.promo-view{flex-direction:column;gap:16px;display:flex}.promo-header{justify-content:space-between;align-items:flex-start;display:flex}.promo-header-actions{gap:8px;display:flex}.promo-action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.promo-action-btn.primary{color:#fff;background-color:#1a1a1a;border:none}.promo-action-btn.primary:hover{background-color:#333}.promo-action-btn.primary.small{padding:4px 10px;font-size:.95rem}.promo-action-btn.ghost{color:#555;background:0 0;border:1px solid #00000014}.promo-action-btn.ghost:hover{border-color:#0000002e}.promo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.promo-search-box{background-color:#fff;border:1px solid #00000014;border-radius:6px;flex:1;align-items:center;max-width:300px;padding:8px 14px;display:flex}.promo-search-input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.promo-search-input::placeholder{color:#bbb}.promo-filter-group{align-items:center;gap:8px;display:flex}.promo-select{color:#333;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;padding:8px 14px;font-size:.82rem}.promo-select:focus{border-color:#0000002e}.promo-date-input{color:#333;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;padding:8px 14px;font-size:.78rem}.promo-date-input:focus{border-color:#0000002e}.promo-table-card{background:#fff;border:1px solid #0000000d;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000005}.promo-table{border-collapse:collapse;width:100%}.promo-table th{color:#999;text-transform:uppercase;letter-spacing:.1em;text-align:left;border-bottom:1px solid #0000000f;padding:12px 16px;font-family:SF Mono,monospace;font-size:.62rem;font-weight:500}.promo-table td{color:#444;border-bottom:1px solid #00000008;padding:12px 16px;font-size:.84rem}.promo-row{cursor:pointer;transition:background .15s}.promo-row:hover{background-color:#00000003}.promo-name-cell{align-items:center;gap:8px;display:flex}.promo-expand-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #0000000f;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.promo-expand-btn:hover{color:#555;border-color:#0000002e}.promo-expanded-row td{border-bottom:1px solid #00000008;padding:0}.promo-expanded-content{background-color:#00000003;padding:20px 32px}.promo-codes-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.promo-codes-header h4{text-transform:uppercase;letter-spacing:.12em;color:#999;align-items:center;gap:6px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500;display:flex}.promo-loading-text{color:#999;padding:12px 0;font-size:.84rem}.promo-empty-text{color:#bbb;padding:12px 0;font-size:.95rem;font-style:italic}.promo-inner-table{border-collapse:collapse;width:100%}.promo-inner-table th{color:#999;text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid #0000000f;padding:6px 8px;font-size:.6rem;font-weight:500}.promo-inner-table td{color:#444;border-bottom:1px solid #00000008;padding:6px 8px;font-size:.95rem}.promo-code-text{letter-spacing:.04em;background-color:#00000005;border:1px solid #0000000d;border-radius:3px;padding:2px 8px;font-size:.78rem;font-weight:600}.promo-type-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.type-percentage{color:#4a8fd4;background-color:#4a8fd40f;border:1px solid #4a8fd41f}.type-fixed{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.type-bogo{color:#c8853e;background-color:#c8853e0f;border:1px solid #c8853e1f}.type-bundle{color:#8c78c8;background-color:#8c78c80f;border:1px solid #8c78c81f}.promo-value-cell{font-family:SF Mono,monospace;font-weight:500}.promo-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 10px;font-family:SF Mono,monospace;font-size:.65rem;font-weight:500}.promo-status-badge.active{color:#2d9d5c;background-color:#2d9d5c0f;border:1px solid #2d9d5c1f}.promo-status-badge.inactive{color:#999;background-color:#00000008;border:1px solid #00000014}.promo-status-badge.expired{color:#c44040;background-color:#c440400f;border:1px solid #c440401f}.promo-empty-row{text-align:center;color:#999;padding:40px 0}.promo-table-footer{color:#999;border-top:1px solid #00000008;padding:12px 16px;font-size:.78rem}.promo-loading{text-align:center;color:#999;padding:60px 0}.promo-modal-lg{max-width:640px}.promo-code-modal{max-width:480px}.promo-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.promo-code-form{flex-direction:column;gap:16px;display:flex}.promo-input{color:#333;box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:.84rem;transition:border-color .2s}.promo-input:focus{border-color:#0000002e}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#555;font-size:.78rem;font-weight:500}.actions-cell{gap:6px;display:flex}@media (width<=600px){.promo-form-grid{grid-template-columns:1fr}.promo-toolbar{flex-direction:column;align-items:stretch}.promo-filter-group{flex-wrap:wrap}}.subs-view{flex-direction:column;gap:16px;display:flex}.subs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subs-title{color:var(--color-text,#111);margin:0;font-size:18px;font-weight:600}.subs-sub{color:var(--color-text-muted,#888);margin:3px 0 0;font-size:15px}.subs-header-actions{gap:8px;display:flex}.subs-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.subs-action-btn.ghost{border:1px solid var(--color-border,#0000001a);color:var(--color-text-secondary,#555);background:0 0}.subs-action-btn.ghost:hover{background:#0000000a}.subs-action-btn.primary{background:var(--color-primary,#c8853e);color:#fff}.subs-action-btn.primary:hover{opacity:.9}.subs-action-btn.danger{color:#fff;background:#dc2626}.subs-action-btn.danger:hover{opacity:.9}.subs-tabs{border-bottom:1px solid var(--color-border,#00000014);gap:4px;padding-bottom:0;display:flex}.subs-tab{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:15px;font-weight:600;transition:all .15s}.subs-tab.active{color:var(--color-primary,#c8853e);border-bottom-color:var(--color-primary,#c8853e)}.subs-tab:hover{color:var(--color-text,#111)}.subs-loading{color:var(--color-text-muted,#888);justify-content:center;align-items:center;padding:60px 0;font-size:15px;display:flex}.subs-modal{max-width:520px}.subs-modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;display:flex}.form-group label{color:var(--color-text-muted,#888);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}.form-group input,.form-group select{border:1px solid var(--color-border,#0000001a);height:36px;color:var(--color-text,#111);background:#fff;border-radius:6px;outline:none;padding:0 10px;font-size:15px}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary,#c8853e)}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex;text-transform:none!important;color:var(--color-text,#111)!important;font-size:15px!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.action-btn-sm.primary{background:var(--color-primary,#c8853e);color:#fff}.action-btn-sm.primary:hover{opacity:.9}.action-btn-sm.danger{color:#fff;background:#dc2626}.action-btn-sm.danger:hover{opacity:.85}.support-view{flex-direction:column;gap:16px;display:flex}.support-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.support-title{color:var(--color-text,#111);margin:0;font-size:18px;font-weight:600}.support-sub{color:var(--color-text-muted,#888);margin:3px 0 0;font-size:15px}.support-header-actions{gap:8px;display:flex}.support-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.support-action-btn.ghost{border:1px solid var(--color-border,#0000001a);color:var(--color-text-secondary,#555);background:0 0}.support-action-btn.ghost:hover{background:#0000000a}.support-action-btn.primary{background:var(--color-primary,#c8853e);color:#fff}.support-action-btn.primary:hover{opacity:.9}.support-stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.support-stat-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#0000000f);border-radius:8px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.support-stat-card.urgent{border-color:#dc262640}.support-stat-card.urgent .stat-num{color:#dc2626}.support-loading{color:var(--color-text-muted,#888);justify-content:center;align-items:center;padding:60px 0;font-size:15px;display:flex}.support-ticket-meta{background:var(--color-surface,#fff);border:1px solid var(--color-border,#0000000f);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;display:flex}.support-assign-select{border:1px solid var(--color-border,#0000001a);height:28px;color:var(--color-text,#111);cursor:pointer;background:#fff;border-radius:4px;outline:none;padding:0 8px;font-size:15px}.support-messages{flex-direction:column;gap:10px;max-height:350px;padding:8px 0;display:flex;overflow-y:auto}.support-no-msgs{text-align:center;color:var(--color-text-muted,#999);padding:24px;font-size:15px}.support-msg{display:flex}.support-msg.customer{justify-content:flex-start}.support-msg.staff{justify-content:flex-end}.support-msg-bubble{border-radius:10px;max-width:75%;padding:10px 14px;font-size:15px;line-height:1.4}.support-msg.customer .support-msg-bubble{background:var(--color-surface,#f5f5f5);border:1px solid var(--color-border,#0000000f);color:var(--color-text,#111)}.support-msg.staff .support-msg-bubble{background:var(--color-primary,#c8853e);color:#fff}.support-msg-time{opacity:.6;margin-top:4px;font-size:10px;display:block}.support-chat-footer{border-top:1px solid var(--color-border,#0000000f);background:var(--color-surface,#fff);gap:8px;padding:12px 16px;display:flex}.support-chat-input{border:1px solid var(--color-border,#0000001a);height:36px;color:var(--color-text,#111);background:#fff;border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:15px}.support-chat-input:focus{border-color:var(--color-primary,#c8853e)}.support-send-btn{background:var(--color-primary,#c8853e);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.support-send-btn:hover{opacity:.9}.support-priority{text-transform:uppercase;font-size:15px;font-weight:600}.badge-success{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a26}.badge-warning{color:#d97706;background:#d977061a;border:1px solid #d9770626}.badge-danger{color:#dc2626;background:#dc26261a;border:1px solid #dc262626}.badge-info{color:#2563eb;background:#2563eb14;border:1px solid #2563eb1f}.badge-muted{color:#999;background:#0000000a;border:1px solid #00000014}.action-btn-sm{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;height:26px;padding:0 10px;font-size:15px;font-weight:600;transition:all .12s}.action-btn-sm.outline{border:1px solid var(--color-border,#0000001a);color:var(--color-text-secondary,#555);background:0 0}.action-btn-sm.outline:hover{background:#0000000a}.action-btn-sm.primary{color:#fff;background:#007aff}.action-btn-sm.primary:hover{background:#0056b3}.support-view .data-table-container,.support-view .data-table-wrapper,.support-view .data-table,.support-view .data-table tbody,.support-view .data-table tr,.support-view .data-table td{overflow:visible!important}.support-priority-pill{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:14px;font-weight:700;transition:background-color .15s;display:inline-flex}.support-priority-pill:hover{background:#0000000d}.support-status-btn{cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.support-status-btn:hover{opacity:.85;box-shadow:0 2px 6px #0000000f}.picker-chevron{opacity:.6}.support-dropdown-picker{border-radius:12px;flex-direction:column;gap:3px;min-width:150px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) pickerFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;z-index:999999!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 14px 35px -5px #0f172a38,0 8px 16px -6px #0f172a1f!important}.support-dropdown-picker--portal{z-index:999999!important;position:fixed!important}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.picker-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;font-weight:600;transition:background-color .12s;display:flex}.picker-item:hover{background-color:#f1f5f9}.picker-item--active{background-color:#e6f4ff!important}.picker-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.crm-dashboard{background-color:#fafafa;padding:24px}.crm-header{margin-bottom:32px}.crm-header h2{color:#111827;margin:0 0 8px;font-size:32px;font-weight:600}.crm-header p{color:#6b7280;margin:0;font-size:15px}.qc-cards-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;display:grid}.crm-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex}.crm-card-header{justify-content:space-between;align-items:flex-start;display:flex}.crm-card-title{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.crm-card-subtitle{color:#6b7280;margin:0;font-size:15px}.qc-badge.pending{color:#d97706;background:#fef3c7;border-radius:12px;padding:4px 12px;font-size:15px;font-weight:500}.qc-metrics-list{flex-direction:column;gap:16px;display:flex}.qc-progress-container{flex-direction:column;gap:8px;display:flex}.qc-progress-header{color:#4b5563;justify-content:space-between;font-size:15px;display:flex}.qc-progress-label{font-weight:500}.qc-progress-values strong{color:#111827}.qc-progress-track{background:#e5e7eb;border-radius:4px;height:8px;position:relative;overflow:visible}.qc-progress-fill{border-radius:4px;height:100%;transition:width .3s}.qc-progress-target{z-index:1;background:#000;width:2px;position:absolute;top:-4px;bottom:-4px}.qc-card-actions{border-top:1px solid #f3f4f6;gap:12px;margin-top:auto;padding-top:16px;display:flex}.qc-card-actions button{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:40px;font-size:15px;display:flex}.crm-empty-state{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:0 auto;padding:48px;display:flex}.crm-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600}.crm-empty-state p{color:#6b7280;margin:0;font-size:15px}.equipment-page{padding:24px}.equipment-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.equipment-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.equipment-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.equipment-page .page-header-actions{gap:8px;display:flex}.equipment-page .alert-bar{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.95rem;display:flex}.equipment-page .stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.equipment-page .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.equipment-page .stat-card .stat-value{color:var(--color-secondary);font-size:1.5rem;font-weight:600}.equipment-page .stat-card .stat-label{color:var(--color-text-muted);font-size:.95rem}.equipment-page .stat-card.warning{border-left:3px solid #e65100}.equipment-page .stat-card.danger{border-left:3px solid #c62828}.equipment-page .data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.equipment-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.equipment-page .action-btn-group{gap:6px;display:flex}.equipment-page .action-btn-sm{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.equipment-page .action-btn-sm.outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.equipment-page .action-btn-sm:hover{opacity:.8}.equipment-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.equipment-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.equipment-page .modal-content.modal-wide{max-width:800px}.equipment-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.equipment-page .modal-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.equipment-page .modal-header-row h3{margin:0}.equipment-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.equipment-page .form-group{flex-direction:column;gap:6px;display:flex}.equipment-page .form-group.full-width{grid-column:1/-1}.equipment-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.equipment-page .form-group input,.equipment-page .form-group select,.equipment-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.equipment-page .form-group input:focus,.equipment-page .form-group select:focus,.equipment-page .form-group textarea:focus{border-color:var(--color-primary)}.equipment-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.equipment-page .maintenance-table{border-collapse:collapse;width:100%}.equipment-page .maintenance-table th,.equipment-page .maintenance-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:.875rem}.equipment-page .maintenance-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.equipment-page .empty-state{text-align:center;color:var(--color-text-muted);padding:32px}.equipment-page .badge{background:var(--color-bg);color:var(--color-secondary);text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-block}.food-safety-page{padding:24px}.food-safety-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.food-safety-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.food-safety-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.food-safety-page .safety-tabs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;gap:2px;margin-bottom:24px;padding:4px;display:flex}.food-safety-page .tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.food-safety-page .tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #0000000f}.food-safety-page .tab-btn:hover:not(.active){color:var(--color-secondary)}.food-safety-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.food-safety-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.food-safety-page .search-input:focus{border-color:var(--color-primary)}.food-safety-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.food-safety-page .status-badge.active{color:#2e7d32;background:#e8f5e9}.food-safety-page .status-badge.expired{color:#c62828;background:#fce4ec}.food-safety-page .status-badge.expiring_soon{color:#e65100;background:#fff3e0}.food-safety-page .allergen-editor,.food-safety-page .nutrition-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.food-safety-page .allergen-table-wrapper{margin-bottom:16px;overflow-x:auto}.food-safety-page .allergen-table{border-collapse:collapse;width:100%}.food-safety-page .allergen-table th,.food-safety-page .allergen-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:.875rem}.food-safety-page .allergen-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.food-safety-page .allergen-table input[type=text],.food-safety-page .allergen-table input[type=checkbox]{font-family:inherit}.food-safety-page .allergen-table input[type=text]{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-secondary);border-radius:6px;outline:none;padding:6px 10px;font-size:.95rem}.food-safety-page .allergen-table input[type=text]:focus{border-color:var(--color-primary)}.food-safety-page .checkbox-label{cursor:pointer;align-items:center;gap:6px;font-size:.95rem;display:inline-flex}.food-safety-page .icon-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.food-safety-page .icon-btn.danger:hover{color:#c62828;background:#fce4ec}.food-safety-page .allergen-actions,.food-safety-page .nutrition-actions{justify-content:flex-end;gap:8px;display:flex}.food-safety-page .empty-state{text-align:center;color:var(--color-text-muted);padding:48px}.food-safety-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.food-safety-page .form-group{flex-direction:column;gap:6px;display:flex}.food-safety-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.food-safety-page .form-group input,.food-safety-page .form-group select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.food-safety-page .form-group input:focus,.food-safety-page .form-group select:focus{border-color:var(--color-primary)}.food-safety-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.food-safety-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.food-safety-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.food-safety-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.staff-page{padding:24px}.staff-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.staff-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.staff-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.staff-page .page-header-actions{gap:8px;display:flex}.staff-page .staff-tabs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;gap:2px;margin-bottom:24px;padding:4px;display:flex}.staff-page .tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.staff-page .tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #0000000f}.staff-page .tab-btn:hover:not(.active){color:var(--color-secondary)}.staff-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.staff-page .search-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.staff-page .search-input:focus{border-color:var(--color-primary)}.staff-page .stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.staff-page .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.staff-page .stat-card .stat-value{color:var(--color-secondary);font-size:1.5rem;font-weight:600}.staff-page .stat-card .stat-label{color:var(--color-text-muted);font-size:.95rem}.staff-page .stat-card.danger{border-left:3px solid #c62828}.staff-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.staff-page .status-badge.active{color:#2e7d32;background:#e8f5e9}.staff-page .status-badge.inactive{color:#757575;background:#f5f5f5}.staff-page .status-badge.scheduled{color:#1565c0;background:#e3f2fd}.staff-page .status-badge.checked_in{color:#2e7d32;background:#e8f5e9}.staff-page .status-badge.checked_out{color:#7b1fa2;background:#f3e5f5}.staff-page .status-badge.absent{color:#c62828;background:#fce4ec}.staff-page .badge{background:var(--color-bg);color:var(--color-secondary);text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-block}.staff-page .action-btn-group{gap:6px;display:flex}.staff-page .action-btn-sm{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.staff-page .action-btn-sm.success{color:#2e7d32;background:#e8f5e9}.staff-page .action-btn-sm.warning{color:#e65100;background:#fff3e0}.staff-page .action-btn-sm.danger{color:#c62828;background:#fce4ec}.staff-page .action-btn-sm:hover{opacity:.8}.staff-page .text-muted{color:var(--color-text-muted);font-size:.95rem}.staff-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.staff-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.staff-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.staff-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.staff-page .form-group{flex-direction:column;gap:6px;display:flex}.staff-page .form-group.full-width{grid-column:1/-1}.staff-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.staff-page .form-group input,.staff-page .form-group select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.staff-page .form-group input:focus,.staff-page .form-group select:focus{border-color:var(--color-primary)}.staff-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.shipping-page{padding:24px}.shipping-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.shipping-page .page-header-left h2{color:var(--color-secondary);margin:0 0 4px;font-size:1.5rem}.shipping-page .page-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.shipping-page .page-header-actions{gap:8px;display:flex}.shipping-page .shipping-tabs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;gap:2px;margin-bottom:24px;padding:4px;display:flex}.shipping-page .tab-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.shipping-page .tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px #0000000f}.shipping-page .tab-btn:hover:not(.active){color:var(--color-secondary)}.shipping-page .filters-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.shipping-page .filter-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);border-radius:8px;outline:none;min-width:200px;padding:10px 14px;font-family:inherit;font-size:.95rem}.shipping-page .filter-select:focus{border-color:var(--color-primary)}.shipping-page .status-badge{border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:500;display:inline-flex}.shipping-page .status-badge.active{color:#2e7d32;background:#e8f5e9}.shipping-page .status-badge.inactive{color:#757575;background:#f5f5f5}.shipping-page .action-btn-group{align-items:center;gap:6px;display:flex}.shipping-page .action-btn-sm{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.shipping-page .action-btn-sm.outline{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.shipping-page .action-btn-sm:hover{opacity:.8}.shipping-page .status-select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:.78rem}.shipping-page .modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shipping-page .modal-content{background:var(--color-surface);border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.shipping-page .modal-content h3{color:var(--color-secondary);margin:0 0 20px;font-size:1.15rem}.shipping-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.shipping-page .form-group{flex-direction:column;gap:6px;display:flex}.shipping-page .form-group.full-width{grid-column:1/-1}.shipping-page .form-group label{color:var(--color-secondary);font-size:.95rem;font-weight:500}.shipping-page .form-group input,.shipping-page .form-group select,.shipping-page .form-group textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.shipping-page .form-group input:focus,.shipping-page .form-group select:focus,.shipping-page .form-group textarea:focus{border-color:var(--color-primary)}.shipping-page .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.dops-view{flex-direction:column;gap:16px;display:flex}.dops-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dops-title{color:var(--color-text,#111);margin:0;font-size:18px;font-weight:600}.dops-sub{color:var(--color-text-muted,#888);margin:3px 0 0;font-size:15px}.dops-header-actions{align-items:center;gap:8px;display:flex}.dops-date-input{border:1px solid var(--color-border,#0000001a);background:var(--color-surface,#fff);height:30px;color:var(--color-text,#111);cursor:pointer;border-radius:6px;outline:none;padding:0 10px;font-size:15px}.dops-date-input:focus{border-color:var(--color-primary,#c8853e)}.dops-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.dops-action-btn.ghost{border:1px solid var(--color-border,#0000001a);color:var(--color-text-secondary,#555);background:0 0}.dops-action-btn.ghost:hover{background:#0000000a}.dops-action-btn.primary{background:var(--color-primary,#c8853e);color:#fff}.dops-action-btn.primary:hover{opacity:.9}.dops-tabs{border-bottom:1px solid var(--color-border,#00000014);gap:4px;display:flex}.dops-tab{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:15px;font-weight:600;transition:all .15s}.dops-tab.active{color:var(--color-primary,#c8853e);border-bottom-color:var(--color-primary,#c8853e)}.dops-tab:hover{color:var(--color-text,#111)}.dops-loading{color:var(--color-text-muted,#888);justify-content:center;align-items:center;padding:60px 0;font-size:15px;display:flex}.dops-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.dops-stat-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#0000000f);border-radius:8px;align-items:center;gap:12px;padding:16px;transition:box-shadow .15s;display:flex}.dops-stat-card:hover{box-shadow:0 4px 12px #0000000a}.dops-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dops-stat-icon.orders-icon{background:#2563eb14}.dops-stat-icon.revenue-icon{background:#c8853e1a}.dops-stat-icon.cogs-icon{background:#dc262614}.dops-stat-icon.profit-icon{background:#16a34a14}.dops-stat-icon.margin-icon{background:#8b5cf614}.dops-stat-body{flex-direction:column;gap:2px;display:flex}.dops-stat-label{color:var(--color-text-muted,#999);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.dops-stat-value{color:var(--color-text,#111);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.dops-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=900px){.dops-grid{grid-template-columns:1fr}}.dops-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#0000000f);border-radius:8px;overflow:hidden}.dops-card-header{border-bottom:1px solid var(--color-border,#0000000d);padding:12px 16px}.dops-card-header h3{color:var(--color-text,#111);margin:0;font-size:15px;font-weight:600}.dops-card-body{padding:12px 16px}.dops-empty{text-align:center;color:var(--color-text-muted,#999);margin:0;padding:20px;font-size:15px}.dops-table{border-collapse:collapse;width:100%;font-size:15px}.dops-table th{text-align:left;color:var(--color-text-muted,#999);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border,#0000000d);background:0 0;padding:6px 8px;font-size:10px;font-weight:600}.dops-table td{border-bottom:1px solid var(--color-border,#00000008);color:var(--color-text,#333);padding:8px}.dops-table tr:last-child td{border-bottom:none}.dops-table-full{display:block;overflow-x:auto}.dops-product-name{color:var(--color-text,#111);font-weight:600}.dops-alerts-list{flex-direction:column;gap:8px;display:flex}.dops-alert-item{background:#dc26260a;border:1px solid #dc26261f;border-radius:6px;align-items:center;gap:12px;padding:8px 10px;font-size:15px;display:flex}.dops-alert-name{color:var(--color-text,#111);flex:1;font-weight:600}.dops-alert-qty{color:#dc2626;font-weight:600}.dops-alert-reorder{color:var(--color-text-muted,#999)}.dops-staff-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dops-staff-item{background:var(--color-surface-hover,#00000005);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.dops-staff-count{font-size:22px;font-weight:600}.dops-staff-count.on-duty{color:#16a34a}.dops-staff-count.scheduled{color:#2563eb}.dops-staff-count.absent{color:#dc2626}.dops-staff-label{color:var(--color-text-muted,#999);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.dops-peak-list{flex-wrap:wrap;gap:8px;display:flex}.dops-peak-tag{color:var(--color-primary,#c8853e);background:#c8853e14;border:1px solid #c8853e26;border-radius:4px;padding:4px 10px;font-size:15px;font-weight:600}.customer-queries-page{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.customer-queries-page .page-header{justify-content:space-between;align-items:center;display:flex}.customer-queries-page .page-header h2{color:var(--color-text-primary,#1e293b);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.customer-queries-page .page-header .page-subtitle{color:var(--color-text-secondary,#64748b);font-size:.875rem}.customer-queries-page .page-header-actions{align-items:center;gap:.75rem;display:flex}.customer-queries-page .filters-row{align-items:center;gap:1rem;display:flex}.customer-queries-page .filter-select,.customer-queries-page .filter-search{border:1px solid var(--color-border,#e2e8f0);background-color:var(--color-bg-card,#fff);color:var(--color-text-primary,#1e293b);border-radius:.5rem;outline:none;min-width:150px;padding:.5rem 1rem;font-size:.875rem}.customer-queries-page .filter-search{flex:1;max-width:400px}.customer-queries-page .filter-select:focus,.customer-queries-page .filter-search:focus{border-color:var(--color-primary,#059669)}.customer-queries-page .data-table-container{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:.75rem;padding:1rem;box-shadow:0 4px 6px -1px #0000000d}.customer-queries-page .status-badge{border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.95rem;font-weight:600;display:inline-flex}.customer-queries-page .status-badge.open{color:#ef4444;background-color:#fee2e2}.customer-queries-page .status-badge.in_progress{color:#d97706;background-color:#fef3c7}.customer-queries-page .status-badge.resolved{color:#059669;background-color:#d1fae5}.customer-queries-page .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customer-queries-page .modal-content{background:var(--color-bg-card,#fff);border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.customer-queries-page .modal-header{border-bottom:1px solid var(--color-border,#e2e8f0);align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.customer-queries-page .modal-header h3{color:var(--color-text-primary,#1e293b);font-size:1.25rem;font-weight:600}.customer-queries-page .modal-header-icon{color:var(--color-primary,#059669)}.customer-queries-page .form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.customer-queries-page .form-group{flex-direction:column;gap:.5rem;display:flex}.customer-queries-page .form-group.full-width{grid-column:span 2}.customer-queries-page .form-group label{color:var(--color-text-primary,#475569);font-size:.875rem;font-weight:500}.customer-queries-page .form-group select,.customer-queries-page .form-group input,.customer-queries-page .form-group textarea{border:1px solid var(--color-border,#e2e8f0);background-color:var(--color-bg-input,#f8fafc);color:var(--color-text-primary,#1e293b);border-radius:.5rem;outline:none;padding:.625rem .875rem;font-size:.875rem;transition:all .15s}.customer-queries-page .form-group select:focus,.customer-queries-page .form-group input:focus,.customer-queries-page .form-group textarea:focus{border-color:var(--color-primary,#059669);background-color:var(--color-bg-card,#fff);box-shadow:0 0 0 3px #0596691a}.customer-queries-page .form-group textarea{resize:vertical}.customer-queries-page .modal-actions{border-top:1px solid var(--color-border,#e2e8f0);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.customer-queries-page .action-btn-update{font-size:.875rem;font-weight:500;color:var(--color-primary,#059669)!important}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.compatibility-rules-page{max-width:1200px}.empty-state{color:var(--al-text-muted);justify-content:center;align-items:center;padding:60px 20px;font-size:15px;display:flex}.spin{animation:1s linear infinite comp-spin}@keyframes comp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compatibility-rules-page .cms-table{min-width:700px}.comp-type-badge{background:var(--al-accent-light,#f3f4f6);text-transform:uppercase;letter-spacing:.03em;color:var(--al-text-secondary);border-radius:4px;padding:2px 8px;font-size:15px;font-weight:600;display:inline-block}.comp-condition-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--al-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;overflow:hidden}.comp-msg-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--al-text-secondary);font-size:15px;overflow:hidden}.comp-icon-btn{cursor:pointer;color:var(--al-text-muted);background:0 0;border:none;border-radius:4px;padding:6px;line-height:1;transition:background .15s,color .15s}.comp-icon-btn:hover{background:var(--al-accent-light,#f3f4f6);color:var(--al-text)}.comp-icon-danger:hover{color:var(--al-danger);background:var(--al-danger-bg)}.comp-action-cell{gap:2px;display:flex}.comp-active-icon{color:var(--al-success)}.comp-inactive-icon{color:var(--al-text-muted)}.comp-btn-primary{background:var(--al-accent,#111827);border-radius:var(--al-radius-sm);align-items:center;gap:6px;padding:9px 18px;font-size:15px;font-weight:600;display:inline-flex}.comp-btn-primary:hover{opacity:.9}.comp-form-hint{color:var(--al-text-muted);margin-top:4px;font-family:monospace;font-size:15px;display:block}.comp-input-error{border-color:var(--al-danger)!important;box-shadow:0 0 0 3px var(--al-danger-bg)!important}.comp-form-error{color:var(--al-danger);align-items:center;gap:4px;margin-top:4px;font-size:15px;display:flex}.comp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.comp-type-badge[data-type=excludes]{color:#dc2626;background:#fef2f2}.comp-type-badge[data-type=requires]{color:#2563eb;background:#eff6ff}.comp-type-badge[data-type=conditional]{color:#7c3aed;background:#f5f3ff}.comp-type-badge[data-type=size_lock]{color:#c2410c;background:#fff7ed}.comp-type-badge[data-type=max_count]{color:#059669;background:#ecfdf5}[data-theme=dark] .comp-type-badge[data-type=excludes]{color:#fca5a5;background:#dc262626}[data-theme=dark] .comp-type-badge[data-type=requires]{color:#93c5fd;background:#2563eb26}[data-theme=dark] .comp-type-badge[data-type=conditional]{color:#c4b5fd;background:#7c3aed26}[data-theme=dark] .comp-type-badge[data-type=size_lock]{color:#fdba74;background:#c2410c26}[data-theme=dark] .comp-type-badge[data-type=max_count]{color:#6ee7b7;background:#05966926}.page-container{padding:24px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header h2{margin:0 0 4px;font-size:22px;font-weight:600}.page-subtitle{color:#666;margin:0;font-size:15px}.page-actions{gap:8px;display:flex}.table-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input{border:1px solid #d0d5dd;border-radius:6px;min-width:280px;padding:8px 12px;font-size:15px}.table-actions{gap:4px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:15px}.btn-icon:hover{background:#f5f5f5;border-color:#d0d5dd}.text-danger{color:#dc2626}.badge{border-radius:12px;padding:2px 10px;font-size:15px;font-weight:500;display:inline-block}.badge-success{color:#065f46;background:#d1fae5}.badge-secondary{color:#6b7280;background:#f3f4f6}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:760px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h3{margin:0;font-size:18px}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-body{padding:16px 24px}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:4px;font-size:15px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;width:100%;padding:8px 12px;font-size:15px}.form-group textarea{resize:vertical}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex!important}.checkbox-label input[type=checkbox]{width:auto}.categories-tabs{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:20px;padding-bottom:1px;display:flex}.categories-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:15px;font-weight:600;transition:all .15s}.categories-tab:hover{color:#2c1a0e}.categories-tab.active{color:#2c1a0e;border-bottom-color:#c8853e}.detail-tag{text-transform:uppercase;color:#c8853e;letter-spacing:.05em;background:#faf6f0;border-radius:4px;padding:3px 8px;font-size:15px;font-weight:600;display:inline-block}.detail-desc{border-left:3px solid #faf6f0;padding-left:10px}.kds-queue{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px 0;display:grid}.kds-column{background:#fff;border:1px solid #e2d4c4;border-radius:12px;overflow:hidden}.kds-col-header{border-bottom:1px solid #e2d4c4;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.kds-col-pending .kds-col-header{color:#92400e;background:#fff8e7}.kds-col-active .kds-col-header{color:#1e40af;background:#eff6ff}.kds-col-done .kds-col-header{color:#166534;background:#f0fdf4}.kds-count{background:#00000014;border-radius:999px;padding:2px 10px;font-size:15px}.kds-col-body{flex-direction:column;gap:10px;padding:12px;display:flex}.kds-card{background:#faf6f0;border:1px solid #e2d4c4;border-radius:10px;padding:14px}.kds-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kds-order-num{color:#2c1a0e;font-size:15px;font-weight:600}.kds-customer{color:#6b4c35;font-size:15px}.kds-card-items{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.kds-item{color:#2c1a0e;background:#fff;border:1px solid #e2d4c4;border-radius:6px;padding:2px 8px;font-size:15px}.kds-item-more{color:#9b8070;font-size:15px}.kds-card-actions{gap:8px;display:flex}.kds-btn{cursor:pointer;border:none;border-radius:8px;flex:1;height:36px;font-size:15px;font-weight:600;transition:background .2s}.kds-btn-start{color:#fff;background:#c8853e}.kds-btn-start:hover{background:#a0692a}.kds-btn-done{color:#fff;background:#166534}.kds-btn-done:hover{background:#14532d}.kds-empty{text-align:center;color:#9b8070;padding:60px 20px}.order-queue-view{gap:var(--space-16);padding:var(--space-16);background-color:var(--color-bg);flex-direction:column;min-height:calc(100vh - 80px);max-height:calc(100vh - 80px);display:flex;overflow:hidden}.kds-queue-header{justify-content:space-between;align-items:center;gap:var(--space-12);background-color:var(--color-surface);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex;box-shadow:0 4px 15px #00000026}.kds-queue-header h2{color:var(--color-text);margin:0 0 var(--space-4) 0;font-size:1.6rem;font-weight:600}.kds-queue-header p{color:var(--color-text-muted);margin:0;font-size:.95rem}.queue-metric-summary{gap:var(--space-12);display:flex}.queue-tag{background-color:var(--color-surface-alt);border:1px solid var(--color-border);padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);color:var(--color-text-secondary);align-items:center;gap:var(--space-6);font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0000001a}.queue-tag.active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.queue-tag.done{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-success-light)}.queue-columns{gap:var(--space-16);grid-template-columns:repeat(3,1fr);align-items:stretch;height:calc(100vh - 190px);display:grid;overflow:hidden}@media (width<=900px){.queue-columns{grid-template-columns:1fr;height:auto;overflow:auto}}.queue-column{gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-lg);background-color:var(--color-surface-alt);border:1px solid var(--color-border);flex-direction:column;max-height:100%;display:flex;overflow:hidden;box-shadow:0 4px 15px #2d1b1008}.column-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--space-10);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.column-header h3{color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:600}.count-badge{background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);padding:3px 10px;font-size:.95rem;font-weight:600}.count-badge.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.count-badge.done{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.column-content{gap:var(--space-12);padding:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.empty-column-msg{text-align:center;color:var(--color-text-muted);padding:var(--space-40) 0;font-size:.95rem;font-weight:500}.order-ticket{padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);gap:var(--space-10);background-color:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 10px #2d1b100a}.order-ticket:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 16px #2d1b1014}.order-ticket.rush-priority{border-left:4px solid var(--color-error);background-color:var(--color-error-light)}.order-ticket.in-progress{border-top:4px solid var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 0 15px #c67c4e1a}.order-ticket.completed{border-top:4px solid var(--color-success);background-color:var(--color-success-light)}.ticket-header{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.order-id{color:var(--color-text);font-size:1.3rem;font-weight:600}.order-time{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.customer-name{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:600}.item-list{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item-list li{color:var(--color-text-secondary);align-items:center;gap:var(--space-8);font-size:1rem;font-weight:600;display:flex}.ticket-footer{justify-content:space-between;align-items:center;gap:var(--space-10);border-top:1px dashed var(--color-border);padding-top:var(--space-10);margin-top:var(--space-2);display:flex}.kds-action-btn{text-transform:uppercase;letter-spacing:.5px;flex:1;border-radius:var(--radius-md)!important;min-height:44px!important;font-size:.95rem!important;font-weight:600!important;transition:all .2s!important}.kds-action-btn:hover{transform:translateY(-1px)}.pickup-ready-tag{background-color:var(--color-success-light);color:var(--color-success);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);text-align:center;border:1px solid #38d9a933;width:100%;font-size:.95rem;font-weight:600}.kot-modal{background-color:var(--color-surface);border:1px solid var(--color-border);width:600px;color:var(--color-text)}.kot-section h3{color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-8);font-size:1.1rem;font-weight:600}.cup-animation-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.cup-animation-inner{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.cup-animation-wrap canvas{background:0 0;border-radius:16px;display:block}.cup-animation-label{color:#888;text-align:center;letter-spacing:.3px;min-height:20px;font-size:15px;font-weight:500;transition:opacity .3s}.cup-record-btn{color:#5a4030;cursor:pointer;background:#faf6f1;border:1px solid #d0c0a8;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.cup-record-btn:hover{background:#f0e6d8;border-color:#c8955c}.cup-record-btn.recording{color:#fff;background:#e85050;border-color:#d03030;animation:1s ease-in-out infinite pulse-record}.cup-record-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes pulse-record{0%,to{opacity:1}50%{opacity:.6}}.cup-video-badge{text-transform:uppercase;letter-spacing:.8px;color:#fff;pointer-events:none;background:linear-gradient(135deg,#c8955c,#a07040);border-radius:20px;padding:3px 10px;font-size:9px;font-weight:600;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0003}.drink-builder-container{box-sizing:border-box;width:100%;max-width:1200px;color:var(--color-espresso,#2c1a11);flex-direction:column;gap:24px;margin:0 auto;padding:16px;font-family:Inter,sans-serif;display:flex}@media (width>=1024px){.drink-builder-container{flex-direction:row;align-items:stretch;height:calc(100vh - 120px);min-height:600px}}.builder-form-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #2c1a111a;border-radius:20px;flex-direction:column;flex:1;padding:24px;display:flex;box-shadow:0 8px 32px #2c1a110d}.builder-header{border-bottom:1px solid #2c1a111a;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.builder-header-left{align-items:center;gap:12px;display:flex}.back-btn{color:var(--color-espresso,#2c1a11);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.back-btn:hover{opacity:1;background:#2c1a110d}.builder-title{color:var(--color-espresso,#2c1a11);margin:0;font-size:1.25rem;font-weight:600}.builder-subtitle{color:#8c7b72;margin:2px 0 0;font-size:.95rem}.builder-header-right{text-align:right}.total-label{color:#8c7b72;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.total-value{color:var(--color-caramel,#c08240);font-size:1.75rem;font-weight:600}.steps-progress{gap:8px;margin:20px 0;display:flex}.progress-bar-segment{background:#2c1a1114;border-radius:3px;flex:1;height:6px;transition:background-color .4s}.progress-bar-segment.active{background:var(--color-caramel,#c08240)}.options-scrollbox{flex:1;min-height:280px;padding-right:8px;overflow-y:auto}.options-grid{grid-template-cols:1fr;gap:16px;padding:4px;display:grid}@media (width>=640px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.options-grid{grid-template-columns:repeat(3,1fr)}}.option-card{cursor:pointer;background:#fff;border:2px solid #2c1a111a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.option-card:hover:not(.disabled){border-color:#c0824066;box-shadow:0 4px 12px #2c1a110d}.option-card.selected{border-color:var(--color-caramel,#c08240);background:#c082400a;box-shadow:0 4px 16px #c082401a}.option-card.disabled{opacity:.45;cursor:not-allowed;background:#2c1a1105;border-color:#2c1a110d}.option-badge{text-transform:uppercase;color:#fff;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:600;position:absolute;top:-10px;left:14px;box-shadow:0 2px 6px #0000001a}.option-badge.recommended{background:var(--color-caramel,#c08240)}.option-badge.popular{background:#2e7d32}.option-card-main{align-items:flex-start;gap:12px;display:flex}.swatch-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.swatch-circle{border:1.5px solid #fff9;border-radius:50%;width:18px;height:18px}.option-info{flex:1;min-width:0}.option-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.option-name{color:var(--color-espresso,#2c1a11);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.check-icon{color:var(--color-caramel,#c08240);flex-shrink:0}.option-desc{color:#8c7b72;margin:4px 0 0;font-size:.95rem;line-height:1.3}.option-reason{color:#d32f2f;margin:4px 0 0;font-size:.7rem;font-weight:600}.option-volume{color:#a4968f;margin:4px 0 0;font-size:.7rem}.option-card-footer{border-top:1px solid #2c1a110d;justify-content:flex-end;margin-top:12px;padding-top:8px;display:flex}.option-price{color:var(--color-caramel,#c08240);font-size:.95rem;font-weight:600}.option-price.free{color:#a4968f;font-weight:500}.builder-controls{border-top:1px solid #2c1a111a;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.nav-btn{cursor:pointer;color:var(--color-espresso,#2c1a11);background:#fff;border:1px solid #2c1a1126;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){background:#2c1a110a}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn-next{background:var(--color-espresso,#2c1a11);color:#fff;border-color:var(--color-espresso,#2c1a11)}.nav-btn-next:hover:not(:disabled){background:#3d2518}.finish-buttons-group{gap:8px;display:flex}.action-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #c0824026}.action-btn-primary{background:var(--color-caramel,#c08240);color:#fff;border:none}.action-btn-primary:hover{background:#ad7133;transform:translateY(-1px)}.builder-preview-panel{background:#fff;border:1px solid #2c1a111a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 8px 32px #2c1a110d}@media (width>=1024px){.builder-preview-panel{width:300px}}.preview-label{text-transform:uppercase;color:#8c7b72;letter-spacing:1px;font-size:.95rem;font-weight:600}.preview-drink-info{text-align:center}.signature-badge{text-transform:uppercase;color:var(--color-caramel,#c08240);background:#c0824014;border-radius:20px;align-items:center;margin-bottom:4px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.preview-drink-name{color:var(--color-espresso,#2c1a11);font-size:.95rem;font-weight:600}.preview-drink-sub{color:#8c7b72;margin-top:2px;font-size:.95rem}.preview-btn{color:var(--color-espresso,#2c1a11);cursor:pointer;background:0 0;border:1px solid #2c1a1126;border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.preview-btn:hover{background:#2c1a110a}.video-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.video-modal-card{background:#fff;border:1px solid #2c1a111a;border-radius:20px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #0003}.video-modal-title{color:var(--color-espresso,#2c1a11);margin:0;font-size:1.15rem;font-weight:600}.video-modal-sub{color:#8c7b72;margin:2px 0 16px;font-size:.95rem}.video-modal-preview{justify-content:center;margin-bottom:20px;display:flex}.video-modal-footer{justify-content:space-between;align-items:center;display:flex}.modal-drink-details{flex-direction:column;display:flex}.modal-drink-name{font-size:.95rem;font-weight:600}.modal-drink-price{color:var(--color-caramel,#c08240);font-size:.95rem;font-weight:600}.modal-btn-group{gap:8px;display:flex}.modal-btn{cursor:pointer;background:#fff;border:1px solid #2c1a1126;border-radius:10px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.modal-btn:hover{background:#2c1a110a}.modal-btn-primary{background:var(--color-caramel,#c08240);color:#fff;border:none;align-items:center;gap:6px;display:flex}.modal-btn-primary:hover{background:#ad7133}.active-prep-view{padding:var(--space-16);gap:var(--space-16);flex-direction:column;min-height:calc(100vh - 120px);max-height:calc(100vh - 120px);display:flex;overflow:hidden}.kds-prep-header-row{justify-content:space-between;align-items:center;gap:var(--space-16);background-color:var(--color-surface);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex;box-shadow:0 4px 15px #00000026}.kds-prep-header-row h2{color:var(--color-text);align-items:center;gap:var(--space-8);margin:0 0 4px;font-size:1.6rem;font-weight:600;display:flex}.kds-prep-header-row p{color:var(--color-text-muted);margin:0;font-size:.95rem}.live-counter-bubble{background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;border:1px solid #c67c4e33;padding:6px 14px;font-size:.95rem;font-weight:600;box-shadow:0 2px 10px #c67c4e1a}.empty-prep-state{text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:60px 40px;display:flex;box-shadow:0 4px 20px #0003}.empty-prep-state .emoji-large{margin-bottom:var(--space-16);filter:drop-shadow(0 4px 10px #00000026);font-size:3.5rem}.empty-prep-state h3{color:var(--color-text);margin-bottom:var(--space-8);font-size:1.5rem}.empty-prep-state p{color:var(--color-text-muted);font-size:1rem}.prep-workspace-split{gap:var(--space-16);grid-template-columns:320px 1fr;align-items:stretch;height:calc(100vh - 190px);display:grid;overflow:hidden}@media (width<=900px){.prep-workspace-split{grid-template-columns:1fr;height:auto;overflow:auto}}.prep-orders-sidebar{gap:var(--space-10);background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 4px 15px #2d1b1008}.prep-order-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-10) var(--space-12);background-color:var(--color-surface);cursor:pointer;gap:var(--space-6);flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.prep-order-tile:hover{border-color:var(--color-primary-light);background-color:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2d1b1014}.prep-order-tile.active{background-color:var(--color-surface);border-color:var(--color-primary);padding:calc(var(--space-10) - 1px) calc(var(--space-12) - 1px);border-width:2px;box-shadow:0 4px 16px #c67c4e1a}.tile-main-row{justify-content:space-between;align-items:center;display:flex}.tile-main-row strong{color:var(--color-text);font-size:1.05rem;font-weight:600}.priority-tag{text-transform:uppercase;border-radius:var(--radius-xs);letter-spacing:.5px;padding:2px 8px;font-size:.7rem;font-weight:600}.priority-tag.Rush{background-color:var(--color-error-light);color:var(--color-error);border:1px solid #ff878733}.priority-tag.Normal{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #38d9a933}.priority-tag.VIP{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid #ffd43b33}.tile-items-snippet{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:500;overflow:hidden}.tile-progress-bar-wrap{background-color:var(--color-border);border-radius:var(--radius-full);width:100%;height:6px;margin-top:4px;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--color-primary);transition:width .3s cubic-bezier(.16,1,.3,1)}.tile-progress-text{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.prep-interactive-checklist{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-20);gap:var(--space-16);flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 4px 20px #00000026}.checklist-header{justify-content:space-between;align-items:center;gap:var(--space-12);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-12);flex-wrap:wrap;display:flex}.token-id{color:var(--color-primary);text-transform:uppercase;letter-spacing:.8px;font-size:.95rem;font-weight:600}.checklist-header h3{color:var(--color-text);margin:4px 0 0;font-size:1.6rem;font-weight:600}.checklist-header button{font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #38d9a926;border-radius:var(--radius-md)!important;background-color:var(--color-success)!important;color:#120c0a!important;border:none!important;transition:all .2s!important}.checklist-header button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #38d9a94d;background-color:#2ed09b!important}.checklist-header button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-border)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.prep-notes-warning{background-color:var(--color-error-light);border-left:4px solid var(--color-error);color:var(--color-error);padding:var(--space-10) var(--space-12);border-radius:var(--radius-sm);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);font-size:.95rem;font-weight:500;line-height:1.4}.checklist-sub-section{gap:var(--space-8);flex-direction:column;display:flex}.checklist-sub-section h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:.95rem;font-weight:600}.prep-ingredients-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.ing-check-tag{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000001a}.interactive-steps-stack{gap:var(--space-8);flex-direction:column;display:flex}.interactive-step-row{align-items:center;gap:var(--space-12);padding:var(--space-10) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-alt);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.interactive-step-row:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary-light)}.interactive-step-row.completed{background-color:var(--color-success-light);border-color:var(--color-success)}.step-checkbox{border-radius:var(--radius-xs);border:2px solid var(--color-text-muted);width:22px;height:22px;color:var(--color-success);background-color:var(--color-surface);justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.interactive-step-row.completed .step-checkbox{border-color:var(--color-success);background-color:var(--color-success);color:#120c0a}.step-label-text{color:var(--color-text);font-size:.95rem;font-weight:600;transition:color .15s}.interactive-step-row.completed .step-label-text{color:var(--color-text-muted);text-decoration:line-through}hr{border:none;border-top:1px solid var(--color-border);margin:0}.completed-orders-view{flex-direction:column;gap:24px;padding:24px;display:flex}.kds-completed-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.kds-completed-header h2{color:var(--color-secondary);margin:0 0 6px;font-size:1.8rem}.kds-completed-header p{color:var(--color-text-muted);margin:0}.completed-stats-row{gap:16px;display:flex}.stat-pill{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;padding:10px 18px;display:flex;box-shadow:0 2px 10px #00000005}.pill-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.pill-value{color:var(--color-primary);font-size:1.1rem;font-weight:600}.empty-completed-state{text-align:center;border:1px solid var(--color-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.emoji-large{margin-bottom:16px;font-size:3rem}.completed-table-card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:16px;overflow:hidden}.completed-table{border-collapse:collapse;text-align:left;width:100%}.completed-table th{background-color:var(--color-surface-alt);color:var(--color-text);border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:.95rem;font-weight:600}.completed-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:18px 20px;font-size:.95rem}.completed-row:hover{background-color:var(--color-bg)}.completed-items-cell{white-space:nowrap;text-overflow:ellipsis;max-width:300px;color:var(--color-text);font-weight:600;overflow:hidden}.source-badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:.95rem;font-weight:600;display:inline-block}.source-badge.kiosk{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid #c67c4e33}.source-badge.d2c{background-color:var(--color-success-light);color:var(--color-success);border:1px solid #38d9a933}.prep-time-duration{color:var(--color-text-secondary);background-color:var(--color-surface-alt);border-radius:var(--radius-xs);border:1px solid var(--color-border);padding:4px 10px;font-size:.95rem;font-weight:600}.actions-cell{align-items:center;gap:12px;display:flex}.handover-done-badge{color:var(--color-success);font-size:.95rem;font-weight:600}.delayed-orders-view{flex-direction:column;gap:24px;padding:24px;display:flex}.kds-delayed-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.kds-delayed-header h2{color:var(--color-secondary);margin:0 0 6px;font-size:1.8rem}.kds-delayed-header p{color:var(--color-text-muted);margin:0}.breach-bubble{background-color:var(--color-error);color:#fff;border-radius:30px;padding:8px 16px;font-size:.95rem;font-weight:600;box-shadow:0 4px 10px #e74c3c33}.no-delayed-state{text-align:center;border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.delayed-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.delayed-ticket-card{background-color:var(--color-surface);border:1px solid var(--color-error);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px #e74c3c0d}@keyframes pulseBorder{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.animate-pulse-border{animation:2s infinite pulseBorder}.card-header{background-color:var(--color-error-light);border-bottom:1px solid #ff878733;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ticket-id-tag{color:var(--color-error);letter-spacing:.5px;font-size:.95rem;font-weight:600}.time-breached-badge{background-color:var(--color-error);color:#fff;border-radius:var(--radius-xs);padding:4px 8px;font-size:.95rem;font-weight:600}.card-body{flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex}.guest-name{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:600}.items-box p{color:var(--color-text-secondary);margin:4px 0 0;font-size:.95rem;font-weight:600}.sla-progress-bar-container{flex-direction:column;gap:6px;display:flex}.bar-label{color:var(--color-text-muted);justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}.sla-progress-bar-fill{background-color:var(--color-border);border-radius:4px;height:8px;position:relative;overflow:hidden}.sla-progress-bar-fill.overdue:after{content:"";background-color:var(--color-error);box-shadow:0 0 8px var(--color-error);border-radius:4px;position:absolute;inset:0}.special-notes{background-color:var(--color-error-light);border-left:3px solid var(--color-error);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-error);padding:10px 14px;font-size:.95rem;font-weight:500}.card-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg);gap:12px;padding:16px 20px;display:flex}.card-footer button{flex:1}.barista-performance-view{flex-direction:column;gap:24px;padding:24px;display:flex}.performance-header h2{color:var(--color-secondary);margin:0 0 6px;font-size:1.8rem}.performance-header p{color:var(--color-text-muted);margin:0}.kpi-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.kpi-stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 12px #00000005}.card-icon{background-color:var(--color-surface-alt);box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;font-size:2.2rem;display:flex}.card-metrics{flex-direction:column;display:flex}.metric-val{color:var(--color-secondary);font-size:1.8rem;font-weight:600;line-height:1.2}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.95rem;font-weight:500}.perf-split-layout{grid-template-columns:3fr 2fr;gap:24px;display:grid}@media (width<=992px){.perf-split-layout{grid-template-columns:1fr}}.chart-wrapper-card,.waste-tracker-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.chart-wrapper-card h3,.waste-tracker-card h3{color:var(--color-secondary);margin:0 0 4px;font-size:1.2rem}.chart-subtitle{color:var(--color-text-muted);margin:0 0 24px;font-size:.95rem}.barista-chart-container{margin-top:10px}.waste-logs-list{flex-direction:column;gap:16px;display:flex}.waste-item-row{background-color:var(--color-bg);border:1px dashed var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.waste-item-detail{flex-direction:column;gap:2px;display:flex}.waste-item-detail strong{color:var(--color-secondary);font-size:.95rem}.waste-reason{color:var(--color-error);font-size:.95rem}.waste-metric-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.waste-qty{color:var(--color-text);font-size:.95rem;font-weight:600}.waste-time{color:var(--color-text-muted);font-size:.95rem}.add-waste-btn{width:100%;color:var(--color-primary);border:1px dashed var(--color-primary);cursor:pointer;background-color:#0000;border-radius:10px;margin-top:20px;padding:12px;font-weight:600;transition:all .2s}.add-waste-btn:hover{background-color:#c67c4e0d;transform:translateY(-1px)}.portal-page{color:#1f2a44;background:radial-gradient(circle at 10% 20%,#f5f9fc 0%,#e6f4ff 90%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Author,Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.portal-card-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#007aff1f 0%,#007aff00 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-card{-webkit-backdrop-filter:blur(10px);text-align:center;box-sizing:border-box;z-index:1;background-color:#fffffff2;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;padding:24px 28px 20px;position:relative;box-shadow:0 12px 32px -5px #1f2a4414,0 8px 16px -6px #1f2a440a,inset 0 1px #fffc}.portal-badge{background-color:#e6f4ff;border:1px solid #007aff33;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-family:Author,Inter,sans-serif;display:inline-flex}.portal-badge .badge-icon{font-size:14px}.portal-badge .badge-text{color:#007aff;letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:600}.portal-logo-container{flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.portal-brand-logo{justify-content:center;align-items:center;display:flex}.kiosk-chilld-logo-svg{width:auto;max-width:170px;height:48px}.logo-text-coffee{color:#1f2a44;letter-spacing:.34em;text-transform:uppercase;margin-top:0;margin-bottom:4px;font-family:Author,Inter,sans-serif;font-size:15px;font-weight:800}.portal-brand-subtitle{color:#4a5568;letter-spacing:.01em;margin:0;font-size:.8125rem;font-weight:500}.portal-form{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.form-group{text-align:left;flex-direction:column;gap:4px;display:flex}.form-label{color:#1f2a44;letter-spacing:.02em;font-size:13.5px;font-weight:600}.portal-input{color:#1f2a44;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:40px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s}.portal-input::placeholder{color:#94a3b8}.portal-input:focus{background-color:#fff;border-color:#007aff;outline:none;box-shadow:0 0 0 4px #007aff26}.portal-login-btn{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:4px;padding:0 20px;font-family:Author,Inter,sans-serif;font-size:14.5px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #007aff40}.portal-login-btn:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 6px 16px #007aff59}.portal-login-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #2c1a0e1f}.portal-login-btn:disabled{color:#faf6f0;cursor:not-allowed;box-shadow:none;background-color:#d4c4b0;transform:none}.btn-arrow{transition:transform .2s}.portal-login-btn:hover .btn-arrow{transform:translate(3px)}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.portal-disclaimer{color:#6b7280;margin:10px 0 4px;font-size:13.5px;font-weight:500;line-height:1.4}.portal-partner-branding{justify-content:center;align-items:center;gap:6px;margin:4px 0 10px;display:flex}.partner-circle{box-sizing:border-box;border:2px solid #0d9488;border-radius:50%;width:11px;height:11px;display:inline-block;position:relative}.partner-circle:after{content:"";background-color:#0d9488;border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.partner-text{color:#0d9488;letter-spacing:.01em;font-size:13.5px;font-weight:600}.login-credentials-drawer{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.credentials-toggle-btn{color:#a0692a;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px dashed #c8853e;border-radius:8px;width:auto;margin:0 auto;padding:8px 16px;font-size:10px;font-weight:600;transition:all .2s}.credentials-toggle-btn:hover{background-color:#c8853e0f;border-color:#a0692a}.credentials-toggle-btn.active{color:#2c1a0e;background-color:#e5d9ca;border-style:solid}.credentials-table-wrapper{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s;overflow:hidden}.credentials-table-wrapper.expanded{opacity:1;max-height:280px;margin-top:16px}.credentials-table-container{text-align:left;background:#faf6f0;border:1px solid #e2d4c4;border-radius:10px;padding:12px}.credentials-table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px}.credentials-table th,.credentials-table td{border-bottom:1px solid #e2d4c4;padding:6px 8px}.credentials-table th{color:#6b4c35;text-transform:uppercase;letter-spacing:.05em;background-color:#faf6f0;border-bottom:2px solid #e2d4c4;font-size:10px;font-weight:600}.credentials-table tbody tr{cursor:pointer;background-color:#fff;transition:all .15s}.credentials-table tbody tr:hover{background-color:#faf6f0}.credentials-table tbody tr:last-child td{border-bottom:none}.credentials-table code{font-family:Courier New,Courier,monospace;font-size:15px;font-weight:600}.role-tag{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.tag-admin{color:#2c1a0e;background-color:#e5d9ca}.tag-barista{color:#15803d;background-color:#dcfce7}.tag-kiosk{color:#1d4ed8;background-color:#dbeafe}.autofill-hint{text-align:center;color:#9b8070;margin:10px 0 0;font-size:10px;font-style:italic}.d2c-shortcut-container{border-top:1px solid #e2d4c4;margin-top:24px;padding-top:16px}.back-btn-d2c{color:#1844ab;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-btn-d2c:hover{color:#138;text-decoration:underline}.d2c-arrow{font-size:15px;transition:transform .2s}.back-btn-d2c:hover .d2c-arrow{transform:translate(2px,-2px)}@media (width<=480px){.portal-card{border-radius:12px;padding:32px 20px 24px}.portal-brand-title{font-size:1.8rem}}