:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#10b981;--accent-dark:#059669;--warning:#f59e0b;--danger:#ef4444;--bg:#f1f5f9;--bg-card:#fff;--text:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{-webkit-tap-highlight-color:transparent}html{overflow:hidden auto}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}img,video{max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}@supports (padding:env(safe-area-inset-bottom)){.modal{padding-bottom:env(safe-area-inset-bottom)}.sidebar{padding-top:env(safe-area-inset-top)}}.app{min-height:100vh;display:flex}.sidebar{background:var(--primary);color:#fff;z-index:1000;flex-direction:column;width:260px;height:100vh;padding:0;display:flex;position:fixed;box-shadow:4px 0 24px #00000026}.sidebar-logo{align-items:center;gap:12px;margin-bottom:8px;padding:20px 20px 16px;font-size:20px;font-weight:700;display:flex}.sidebar-logo .logo-icon{background:#10b98133;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-item{cursor:pointer;color:#ffffffb3;border-radius:10px;align-items:center;gap:12px;margin:2px 12px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;border-left:3px solid var(--accent);background:#10b98133;font-weight:600}.main{flex:1;margin-left:220px;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:20px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border-light);padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border:none}.stat-value{margin-top:4px;font-family:Space Mono,SF Mono,monospace;font-size:24px;font-weight:700}.stat-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1.4;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #10b9814d}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 4px 12px #10b9814d}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg);border-color:var(--accent)}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg);border-color:var(--border)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-light);padding:12px 16px}.table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.table tr:hover td{background:#f8fafc}.table td{color:var(--text);font-size:14px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge-danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.badge-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.form-input,.form-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;margin-bottom:12px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #10b9811a}.form-input::placeholder{color:var(--text-light)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text);font-size:18px;font-weight:600}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.product-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:16px;transition:all .2s}.product-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #10b9811a}.product-card.selected{border-color:var(--accent);background:#ecfdf5;box-shadow:0 0 0 2px #10b98133}.product-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.product-price{color:var(--accent);font-family:Space Mono,SF Mono,monospace;font-weight:700}.product-stock{color:var(--text-secondary);margin-top:4px;font-size:12px}.cart-panel{background:var(--white);border-radius:var(--radius-md);height:fit-content;box-shadow:var(--shadow);border:1px solid var(--border-light);padding:20px}.cart-items{max-height:300px;margin:16px 0;overflow:auto}.cart-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:12px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-total{border-top:2px solid var(--border);justify-content:space-between;padding-top:16px;font-family:Space Mono,SF Mono,monospace;font-size:18px;font-weight:700;display:flex}.pos-container{grid-template-columns:1fr 350px;gap:24px;display:grid}.offline-banner{background:var(--warning);color:#92400e;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.shop-select{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.action-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:6px 12px;font-size:12px;transition:all .2s}.action-btn:hover{background:var(--border);border-color:var(--accent)}.sale-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:12px 0;display:flex}.sale-item:last-child{border-bottom:none}.sale-info h4{color:var(--text);margin-bottom:2px;font-weight:600}.sale-info p{color:var(--text-secondary);font-size:12px}.sale-amount{color:var(--accent);font-family:Space Mono,SF Mono,monospace;font-weight:700}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;text-align:center;padding:60px 24px}.hero h1{letter-spacing:-.5px;margin-bottom:16px;font-size:36px;font-weight:700}.hero p{opacity:.9;margin-bottom:24px;font-size:18px}.hero-buttons{justify-content:center;gap:16px;display:flex}.btn-lg{padding:14px 28px;font-size:16px;font-weight:600}.btn-primary.btn-lg{background:var(--accent);box-shadow:0 4px 15px #10b98166}.btn-primary.btn-lg:hover{background:var(--accent-dark);box-shadow:0 8px 25px #10b98180}.btn-outline.btn-lg{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-outline.btn-lg:hover{background:#ffffff1a;border-color:#ffffff80}.landing{min-height:100vh}.landing-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo span{color:var(--accent)}.features{background:var(--white);padding:60px 24px}.features h2{text-align:center;color:var(--text);margin-bottom:40px;font-size:28px;font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.feature-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:24px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;color:var(--accent);background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.landing-footer{text-align:center;background:var(--primary);color:#fff;padding:24px}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-light)}.bg-card{background:var(--bg-card)}.bg-primary{background:var(--primary)}.bg-accent{background:var(--accent)}.font-mono{font-family:Space Mono,SF Mono,Fira Code,monospace}.font-semibold{font-weight:600}.font-bold{font-weight:700}.shadow-card{box-shadow:var(--shadow)}.shadow-elevated{box-shadow:var(--shadow-lg)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-slideUp{animation:.3s ease-out slideUp}.animate-scaleIn{animation:.2s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-main{margin-left:260px;padding:24px}@media (width<=1024px){.dashboard-main{margin-left:0!important;padding:16px!important}.sidebar{transition:transform .3s;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.sidebar.open+.sidebar-overlay,.mobile-menu-btn,.mobile-close-btn{display:block!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.pos-container,.grid-2,.grid-3,.features-grid{grid-template-columns:1fr}.grid-2{gap:16px}.hero h1{font-size:28px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.features{padding:40px 16px}.features h2{font-size:22px}.hero{padding:40px 20px}}@media (width<=768px){.dashboard-main{padding:12px!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:20px}.card{padding:14px}.sidebar{max-width:320px;width:100%!important}.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=640px){.dashboard-main{padding:10px!important}.stats-grid{grid-template-columns:1fr;gap:8px}.grid-2{grid-template-columns:1fr;gap:12px}.grid-4{grid-template-columns:1fr;gap:10px}.storefront header{height:56px!important;padding:0 16px!important}.storefront>div>div:not(.storefront header){padding-left:16px!important;padding-right:16px!important}.storefront section{padding:24px 16px!important}.storefront footer{padding:16px!important}.storefront .product-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.storefront .cart-bar{flex-direction:column!important;gap:8px!important;padding:12px 16px!important}.storefront .cart-bar button{width:100%!important}.stat-card{padding:14px}.stat-value{font-size:18px}.header{flex-direction:column;align-items:stretch;gap:10px}.card{padding:14px}.products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card{padding:12px}.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.table th,.table td{white-space:nowrap;padding:8px 10px}.modal{border-radius:0;width:100%;max-width:100%;max-height:100dvh}.modal-overlay{align-items:flex-end}.modal-header,.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}.modal-footer button{width:100%}input,select,textarea,button{font-size:16px!important}.hero h1{font-size:24px}.hero p{font-size:14px}.features h2{font-size:20px}.feature-card{padding:16px}.btn{padding:12px 20px}.form-input,.form-select{padding:12px 14px;font-size:16px}.badge{padding:3px 8px;font-size:11px}.stat-card{border-radius:10px;padding:12px}.modal{border-radius:16px 16px 0 0;max-height:90dvh;animation:.3s ease-out slideUp}.modal-overlay{padding-bottom:env(safe-area-inset-bottom,0px);align-items:flex-end}}@media (width<=400px){.dashboard-main{padding:8px!important}.products-grid{grid-template-columns:1fr 1fr;gap:6px}.product-card{padding:10px}.product-name{font-size:13px}.product-price{font-size:14px}.stat-value{font-size:16px}.btn{padding:10px 14px;font-size:13px}.header h2{font-size:16px}}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=640px){.grid-4{grid-template-columns:1fr;gap:10px}}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr;gap:12px}}.notif-dropdown{min-width:360px}@media (width<=640px){.notif-dropdown{border-radius:16px!important;min-width:0!important;max-height:70vh!important;margin-top:0!important;position:fixed!important;inset:auto 12px 12px!important;box-shadow:0 8px 40px #0003!important}}@media (width>=1200px) and (width<=1399px){.dashboard-main{padding:28px 32px!important}.stats-grid{gap:20px}}@media (width>=1400px){.dashboard-main{max-width:1600px;margin-right:auto;margin-left:260px!important;padding:32px 40px!important}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{border-radius:16px;padding:28px}.stat-value{font-size:32px}}@media print{.sidebar,.mobile-menu-btn,.mobile-close-btn,.btn,button,.notif-dropdown,.modal-overlay{display:none!important}.dashboard-main{margin-left:0!important;padding:0!important}body{color:#000;background:#fff;font-size:12px}.card,.stat-card{box-shadow:none;break-inside:avoid;border:1px solid #ddd}.table th{background:#f5f5f5!important}}@media (height<=480px) and (orientation:landscape){.modal{border-radius:0;max-height:100dvh}.modal-overlay{align-items:flex-start;padding-top:0}.sidebar{overflow-y:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){[data-sub-modal]{-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;align-items:flex-start!important;min-height:100dvh!important;padding:0!important;overflow-y:auto!important}[data-sub-modal]>div{border-radius:0!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:24px 20px!important;overflow:visible!important}[data-sub-modal] input,[data-sub-modal] select,[data-sub-modal] button{font-size:16px!important}[data-sub-modal] [style*="letter-spacing: 12px"]{letter-spacing:6px!important;padding:16px!important;font-size:22px!important}}@media (width<=640px){[data-notif-dropdown]+button+span{display:none!important}[data-notif-dropdown]{position:static!important}div[style*="display: flex"]:not([style*=flex-wrap]){flex-wrap:wrap!important}input[style*=width],select[style*=width],textarea[style*=width]{box-sizing:border-box!important;max-width:100%!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important}main[style*="min-height: 100vh"]{padding-left:16px!important;padding-right:16px!important}div[style*=recharts-wrapper],.recharts-wrapper{width:100%!important;height:auto!important;min-height:200px!important}.recharts-responsive-container{min-height:200px!important}div[style*="position: fixed"][style*="top: 20px"][style*="right: 28px"]{gap:6px!important;top:12px!important;right:12px!important}div[style*="position: fixed"][style*="top: 20px"][style*="right: 28px"] button{padding:4px 8px!important;font-size:14px!important}div[style*="position: fixed"][style*="top: 20px"][style*="right: 28px"] span[style*="font-size: 14px"]{display:none!important}div[style*=step] div[style*="border-radius: 50%"]{width:26px!important;height:26px!important;font-size:12px!important}div[style*=step] div[style*="height: 2px"]{width:24px!important}div[style*="display: flex"][style*="gap: 8px"]>button[style*="flex: 1"]{padding:10px 6px!important;font-size:11px!important}div[style*="max-width: 500px"][style*="padding: 40px"]{width:100%!important;max-width:100%!important;padding:24px 16px!important}div[style*=grid-template-columns][style*=repeat\(3]{grid-template-columns:1fr!important}}@media (width<=768px){div[style*="min-width: 400px"],div[style*="min-width: 350px"]{width:100%!important;min-width:0!important}}@media (width<=640px){section[style*="padding: 80px"]{padding:40px 20px!important}section[style*="padding: 60px"]{padding:32px 16px!important}div[style*=grid-template-columns][style*=repeat\(auto-fill]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (width<=1024px){aside[style*="width: 240px"]{width:200px!important}main[style*="margin-left: 240px"]{margin-left:0!important}div[style*="position: fixed"][style*="top: 20px"][style*="right: 28px"][style*="z-index: 999"]{right:16px!important}}@media (width<=640px){main[style*="padding: 28px"]{padding:16px!important}aside[style*="width: 240px"]{width:100%!important;max-width:280px!important}}@media (width<=768px){div[style*="position: sticky"][style*="top: 80px"]{position:static!important}div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(4"],div[style*="grid-template-columns: repeat(3"],div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}@media (width<=480px){div[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=380px){div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}}@media (width<=400px){.notif-dropdown,div[class*=notif-dropdown]{width:calc(100vw - 24px)!important;min-width:0!important;left:12px!important;right:12px!important}}@media (width<=640px){div[style*="height: 350px"]:not([style*=min-height]){height:200px!important}div[style*="padding: 32px"]:not([style*=padding-top]):not([style*=padding-left]):not([style*=padding-bottom]):not([style*=padding-right]){padding:20px!important}div[style*="padding: 40px"]:not([style*=padding-top]):not([style*=padding-left]):not([style*=padding-bottom]):not([style*=padding-right]){padding:24px!important}div[style*="padding: 24px"]:not([style*=padding-top]):not([style*=padding-left]):not([style*=padding-bottom]):not([style*=padding-right]){padding:16px!important}div[style*="font-size: 32px"][style*="font-weight: 700"]{font-size:24px!important}div[style*="grid-template-columns: repeat(3"][style*="padding: 12px 8px"],div[style*="grid-template-columns: repeat(3"] button{min-height:48px!important;font-size:13px!important}div[style*="display: flex"][style*="flex-wrap: wrap"]>div[style*=min-width],div[style*="display: flex"][style*="flex-wrap: wrap"]>input,div[style*="display: flex"][style*="flex-wrap: wrap"]>select{width:100%!important;min-width:0!important}}@media (width<=1024px){.sidebar{transition:transform .3s;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0!important;padding:16px!important}}img{max-width:100%;height:auto}@media (width<=640px){button,a,.btn,[role=button]{min-height:44px}input,select,textarea{font-size:16px!important}}*{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}div[style*="overflow: auto"]{-webkit-overflow-scrolling:touch}@media (width<=768px){div[style*="background: white"][style*="padding: 20px"][style*="border-radius: 12px"]:has(>h2){flex-direction:column!important;gap:16px!important}div[style*="background: white"][style*="padding: 20px"][style*="border-radius: 12px"] div[style*="display: flex"][style*="gap: 12px"]{flex-wrap:wrap!important;width:100%!important}div[style*="width: 260px"]{width:100%!important}div[style*="background: white"][style*="padding: 20px"][style*="border-radius: 12px"] button[style*="background: #10b981"]{flex:1!important;justify-content:center!important;padding:12px 16px!important;font-size:14px!important}div[style*="linear-gradient(135deg, #8b5cf6"][style*="padding: 24px"]:first-child,div[style*="linear-gradient(135deg, #10b981"][style*="padding: 24px"]:nth-child(2),div[style*="linear-gradient(135deg, #f59e0b"][style*="padding: 24px"]:nth-child(3),div[style*="linear-gradient(135deg, #ef4444"][style*="padding: 24px"]:nth-child(4){padding:16px!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(3"] button[style*="width: 100%"]{min-height:44px!important;padding:14px 16px!important}div[style*="position: fixed"][style*="background: rgba(0,0,0,0.5)"]>div[style*="border-radius: 12px"]{width:95%!important;max-width:95%!important;margin:0 auto!important}div[style*="position: fixed"][style*="background: rgba(0,0,0,0.5)"]>div[style*="max-width: 360px"]{width:90%!important}div[style*="grid-template-columns: 2fr 3fr"]{grid-template-columns:1fr!important}div[style*="background: linear-gradient"][style*="padding: 24px"]>div[style*="font-size: 30px"]{font-size:24px!important}div[style*="background: linear-gradient"][style*="padding: 24px"]>div[style*="font-size: 13px"]{font-size:11px!important}div[style*="background: linear-gradient"][style*="padding: 24px"]:not([style*=white]):not([style*=\#f8fafc]):not([style*=\#ecfdf5]):not([style*=\#fef2f2]){padding:16px!important}div[style*="background: white"][style*=box-shadow][style*="border-radius: 12px"]>div[style*="font-size: 28px"]{font-size:22px!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.staff-shift-panel{width:100%!important}div[style*="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)"]{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:20px!important}div[style*="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)"]>div:last-child{flex-direction:column!important;width:100%!important}div[style*="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)"] button:last-child{justify-content:center!important;width:100%!important}div[style*="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)"] h2{font-size:20px!important}.grid-4>div div[style*="font-size: 28px"]{font-size:22px!important}}@media (width<=768px){section>div[style*="max-width: 850px"]{max-width:100%!important;padding:0 16px!important}.hero-title{font-size:36px!important}}@media (width<=480px){.hero-title{font-size:28px!important}p[style*="font-size: 18px"]{font-size:15px!important}div[style*="gap: 12px"][style*="justify-content: center"]>button{justify-content:center!important;width:100%!important}.section-padding{padding:40px 16px!important}}@media (width<=768px){section[style*="padding: 90px 40px"]:not(.section-padding),section[style*="padding: 90px 40px"]{padding:50px 20px!important}}@media (width<=480px){section[style*="padding: 90px 40px"]:not(.section-padding),section[style*="padding: 90px 40px"]{padding:36px 16px!important}}@media (width<=768px){section[style*="padding: 100px 40px"]{padding:60px 24px!important}}@media (width<=480px){section[style*="padding: 100px 40px"]{padding:40px 16px!important}}@media (width<=640px){section[style*="padding: 40px 40px"]{padding:28px 16px!important}h2[style*="font-size: 36px"],h2[style*="font-size: 32px"]{font-size:26px!important}}@media (width<=768px){header[style*="position: fixed"]{padding:10px 16px!important}}@media (width<=480px){.plan-card{padding:24px 18px!important}div[style*="border-radius: 40px"][style*="background: #f1f5f9"]{border-radius:16px!important;gap:4px!important;padding:6px!important}div[style*="border-radius: 40px"][style*="background: #f1f5f9"] button{padding:8px 12px!important;font-size:11px!important}div[style*="min-width: 220px"][style*="max-width: 260px"]{min-width:100%!important;max-width:100%!important}}@media (width<=768px){footer div[style*="grid-template-columns: 2fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important;gap:24px!important}}@media (width<=480px){footer div[style*="grid-template-columns: 2fr 1fr 1fr 1fr"]{grid-template-columns:1fr!important;gap:20px!important}footer[style*="padding: 60px 40px 30px"]{padding:40px 16px 24px!important}footer div[style*="border-top: 1px solid #1e293b"]{text-align:center!important;flex-direction:column!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))"][style*="gap: 24px"]{gap:12px!important}}@media (width<=768px){.why-grid{gap:24px!important}}@media (width<=480px){div[style*="padding: 40px"][style*="border-radius: 16px"][style*=linear-gradient]{padding:24px 20px!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))"]{gap:16px!important}}@media (width<=480px){div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"]{gap:12px!important}.testimonial-card{padding:20px!important}.features-grid{gap:12px!important}.feature-card{padding:20px 16px!important}.faq-item div[style*="padding: 18px 22px"]{padding:14px 16px!important;font-size:13px!important}}@media (width<=640px){div[style*="padding: 28px"][style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important;padding:16px!important}div[style*="grid-template-columns: 1fr 1fr 1fr"][style*="gap: 12px"]{grid-template-columns:1fr!important;gap:8px!important}a[style*="position: fixed"][style*="bottom: 24px"][style*="right: 24px"]{width:48px!important;height:48px!important;bottom:16px!important;right:16px!important}div[style*="border-top-left-radius: 20px"][style*="padding: 32px"]{padding:20px 16px!important}.featured-store-card div[style*="height: 150px"]{height:120px!important}}@media (width<=480px){a[style*="padding: 14px 32px"][style*="border: 2px solid"]{justify-content:center!important;width:100%!important;padding:10px 20px!important}div[style*="padding: 28px"][style*="background: white"][style*="border-radius: 16px"]+div,div[style*="padding: 28px"]{padding:20px 16px!important}}@media (width<=768px){div[style*="max-width: 1000px"][style*="margin: 0 auto"]{padding:0 16px!important}.sidebar a,.sidebar div[style*="cursor: pointer"]{align-items:center!important;min-height:44px!important;display:flex!important}button[style*="padding: 4px 10px"][style*="font-size: 11px"]{padding:8px 14px!important;font-size:13px!important}}@media (width>=1025px){aside[data-admin-sidebar]{transform:translate(0)!important}}@media (width<=1024px){.admin-mobile-menu-btn,.admin-sidebar-overlay,.admin-sidebar-close{display:block!important}.admin-mobile-header{display:flex!important}aside[data-admin-sidebar]{width:280px!important}main[style*="margin-left: 240px"]{margin-left:0!important}}@media (width<=768px){table:not(.no-scroll){-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;display:block!important;overflow-x:auto!important}body,html,#root,.app,div[style*="min-height: 100vh"]{-webkit-overflow-scrolling:touch!important;max-width:100vw!important;overflow:hidden auto!important}input,select,textarea,button{font-size:16px!important}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea{box-sizing:border-box!important;max-width:100%!important}}@media (width<=480px){div[style*="position: fixed"][style*="z-index: 1000"]>div[style*="border-radius: 12px"],div[style*="position: fixed"][style*="background: rgba(0,0,0,0.5)"]>div[style*="background: white"]{border-radius:0!important;width:100%!important;max-width:100%!important;max-height:100dvh!important;margin:0!important;position:absolute!important;top:auto!important;bottom:0!important}div[style*="position: fixed"][style*="background: rgba(0,0,0,0.5)"]{align-items:flex-end!important}}@media (width<=768px){div[style*="max-width: 1200px"],div[style*="max-width: 1100px"],div[style*="max-width: 1000px"],div[style*="max-width: 900px"],div[style*="max-width: 800px"]{box-sizing:border-box!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}}@media (width<=640px){div[style*="display: flex"]:not([style*=flex-wrap]){flex-wrap:wrap!important}div[style*="position: fixed"][style*=right\:],div[style*="position: fixed"][style*=left\:],div[style*="position: absolute"][style*=right\:],div[style*="position: absolute"][style*=left\:]{box-sizing:border-box!important;max-width:100vw!important}div[style*=grid-template-columns][style*=repeat\(auto-fill]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (width<=768px){div[style*="position: sticky"][style*="top: 80px"]{position:static!important}div[style*="display: grid"][style*="grid-template-columns: 1fr 380px"],div[style*="display: grid"][style*="grid-template-columns: 1fr 350px"]{grid-template-columns:1fr!important}}@media (width<=640px){div[style*="position: fixed"][style*="bottom: 0"][style*="left: 0"][style*="right: 0"]{flex-direction:column!important;gap:8px!important;padding:12px 16px!important}div[style*="position: fixed"][style*="bottom: 0"][style*="left: 0"][style*="right: 0"] button{width:100%!important}}img,video,iframe,svg{max-width:100%!important;height:auto!important}@media (width<=640px){div[style*="display: grid"][style*="gap: 16px"]>div,div[style*="display: grid"][style*="gap: 12px"]>div,div[style*="display: grid"][style*="gap: 8px"]>div{min-width:0!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2)>h1{width:100%!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2)>h2{width:100%!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2)>div:first-child{width:100%!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2){flex-direction:column!important;align-items:flex-start!important;gap:12px!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2)>div{width:100%!important}div[style*="justify-content: space-between"][style*="align-items: center"]:has(>h1,>h2,>div>h2) button{flex:1!important;justify-content:center!important}div[style*="display: flex"][style*="gap: 10px"][style*="align-items: center"] select,div[style*="display: flex"][style*="gap: 10px"][style*="align-items: center"] input,div[style*="display: flex"][style*="gap: 10px"][style*="align-items: center"] .search-input{width:100%!important;min-width:0!important}div[style*="display: flex"][style*="gap: 10px"][style*="align-items: center"]:not([style*=flex-wrap]){flex-wrap:wrap!important}td div[style*="display: flex"][style*="gap: 6px"]{gap:4px!important}td button[style*="padding: 6px 8px"]{min-height:36px!important;padding:8px 10px!important}td button[style*="padding: 6px 8px"] svg{width:16px!important;height:16px!important}}@media (width<=480px){div[style*="position: fixed"][style*="inset: 0"][style*="z-index: 1000"]>div[style*="border-radius: 16px"]{border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;overflow-y:auto!important}div[style*="position: fixed"][style*="inset: 0"][style*="z-index: 1000"]{align-items:flex-end!important}div[style*="position: fixed"][style*="z-index: 1000"] div[style*="display: flex"][style*="gap: 8px"]>button{padding:10px 6px!important;font-size:12px!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 18px"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=400px){div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 18px"]{grid-template-columns:1fr!important}}@media (width<=640px){header[style*="padding: 16px 40px"]:not([style*="background: #0f172a"]){padding:12px 16px!important}div[style*="max-width: 1000px"][style*="margin: 0 auto"][style*="padding: 40px 20px"]{padding:24px 16px!important}div[style*="max-width: 1000px"] h1[style*="font-size: 32px"]{font-size:24px!important}div[style*="grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))"]{grid-template-columns:1fr!important;gap:14px!important}div[style*="height: 180px"][style*="position: relative"]{height:140px!important}}@media (width<=768px){header[style*="padding: 60px 40px 40px"]{padding:40px 20px 30px!important}header[style*="padding: 60px 40px 40px"] h1{font-size:28px!important}header[style*="padding: 60px 40px 40px"] p{font-size:14px!important}header[style*="padding: 60px 40px 40px"] div[style*="display: flex"][style*="gap: 12px"]{flex-direction:column!important;align-items:stretch!important}header[style*="padding: 60px 40px 40px"] input[style*="min-width: 200px"]{width:100%!important;min-width:0!important}header[style*="padding: 60px 40px 40px"] select{width:100%!important}}@media (width<=480px){header[style*="padding: 60px 40px 40px"]{padding:32px 16px 24px!important}header[style*="padding: 60px 40px 40px"] h1{font-size:24px!important}}@media (width<=640px){div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 12px"][style*="margin-bottom: 32px"]{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 12px"][style*="margin-bottom: 32px"]>div{padding:12px 8px!important}div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 12px"][style*="margin-bottom: 32px"]>div div[style*="font-size: 28px"]{font-size:22px!important}div[style*="grid-template-columns: repeat(3, 1fr)"][style*="gap: 12px"][style*="margin-bottom: 32px"]>div div[style*="font-size: 14px"]{font-size:12px!important}div[style*="display: flex"][style*="align-items: center"][style*="gap: 14px"]>div[style*="width: 46px"]{width:36px!important;height:36px!important}div[style*="display: flex"][style*="align-items: center"][style*="gap: 14px"]>div[style*="width: 46px"] svg{width:18px!important;height:18px!important}div[style*="display: flex"][style*="align-items: center"][style*="gap: 14px"]>div:last-child div[style*="font-size: 24px"]{font-size:18px!important}div[style*="display: grid"][style*="grid-template-columns: repeat(6, 1fr)"][style*="gap: 12px"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}textarea[style*="min-height: 400px"],textarea[style*="min-height: 300px"]{min-height:150px!important}}@media (width<=480px){div[style*="display: flex"][style*="gap: 8px"][style*="align-items: center"]>input[type=number]{width:60px!important}}.flow-store{color:#0f172a;-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.flow-store *{box-sizing:border-box}.flow-nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffffff5;border-bottom:1px solid #0000000a;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.flow-nav.scrolled{box-shadow:0 1px 3px #00000008}.flow-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 24px;display:flex}.flow-nav-brand{align-items:center;gap:12px;display:flex}.flow-nav-logo{object-fit:cover;border-radius:10px;width:36px;height:36px}.flow-nav-logo-placeholder{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.flow-nav-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.flow-nav-links{align-items:center;gap:28px;display:none}@media (width>=768px){.flow-nav-links{display:flex}}.flow-nav-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.flow-nav-link:after{content:"";background:currentColor;border-radius:1px;width:0;height:2px;transition:all .25s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.flow-nav-link:hover,.flow-nav-link.active{color:inherit}.flow-nav-link.active:after,.flow-nav-link:hover:after{width:100%}.flow-follow-btn{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.flow-follow-btn.following{color:#059669;background:#10b98114;border-color:#10b981}.flow-cart-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative}.flow-cart-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.flow-cart-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:19px;height:19px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.flow-nav-mobile{align-items:center;gap:10px;display:flex}@media (width>=768px){.flow-nav-mobile{display:none}}.flow-mob-menu{cursor:pointer;color:#0f172a;background:0 0;border:none;align-items:center;padding:4px;display:flex}.flow-mobile-menu{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column;padding:8px 16px;display:flex;box-shadow:0 8px 24px #0000000f}.flow-mobile-link{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:14px 12px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.flow-mobile-link:hover{background:#f8fafc}.flow-mobile-link.active{color:#10b981}.flow-hero{background:linear-gradient(135deg,#10b981 0%,#059669 100%);align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.flow-hero.has-banner{background:0 0}.flow-hero-bg{z-index:0;position:absolute;inset:0}.flow-hero-bg img{object-fit:cover;width:100%;height:100%}.flow-hero-bg:after{content:"";background:linear-gradient(135deg,#0000008c 0%,#0000004d 100%);position:absolute;inset:0}.flow-hero-content{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:120px 24px 80px;position:relative}.flow-hero-text{flex:1;max-width:600px}.flow-hero.has-banner .flow-hero-text{text-align:center;max-width:720px;margin:0 auto}.flow-hero-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#ffffff26;border:1px solid #fff3;border-radius:50px;margin-bottom:16px;padding:6px 18px;font-size:12px;font-weight:700;display:inline-block}.flow-hero-title{color:#fff;letter-spacing:-.035em;text-shadow:0 2px 24px #0000004d;margin:0 0 20px;font-size:48px;font-weight:900;line-height:1.05}.flow-hero-sub{color:#ffffffd9;max-width:500px;margin:0 0 36px;font-size:18px;line-height:1.7}.flow-hero.has-banner .flow-hero-sub{max-width:600px;margin-left:auto;margin-right:auto}.flow-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.flow-hero.has-banner .flow-hero-actions{justify-content:center}.flow-hero-shop-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 32px #0003}.flow-hero-shop-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.flow-hero-count{color:#ffffffb3;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.flow-hero-count:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block}@media (width<=768px){.flow-hero-content{text-align:center;padding-top:100px!important}.flow-hero-text{max-width:100%}.flow-hero-title{font-size:34px!important}.flow-hero-sub{margin-bottom:28px!important;font-size:15px!important}.flow-hero-actions{justify-content:center}.flow-hero-shop-btn{padding:14px 28px!important;font-size:15px!important}}.flow-trust{background:#fff;border-bottom:1px solid #f1f5f9;padding:20px 0}.flow-trust-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.flow-trust-wa{color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.flow-trust-wa:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36659}.flow-trust-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.flow-trust-item{color:#334155;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}@media (width<=640px){.flow-trust-inner{flex-direction:column;gap:16px}.flow-trust-items{gap:16px}}.flow-promo{text-align:center;letter-spacing:.01em;justify-content:center;align-items:center;min-height:38px;padding:10px 24px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.flow-promo-text{width:100%;max-width:800px;height:22px;display:inline-block;position:relative}.flow-promo-item{opacity:0;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0;left:0;right:0;overflow:hidden}@keyframes flowPromoCycle{0%,15%{opacity:1;transform:translateY(0)}18%,20%{opacity:0;transform:translateY(-18px)}to{opacity:0;transform:translateY(-18px)}}.flow-promo-item:first-child{animation:12s infinite flowPromoCycle}.flow-promo-item:nth-child(2){animation:12s 2s infinite flowPromoCycle}.flow-promo-item:nth-child(3){animation:12s 4s infinite flowPromoCycle}.flow-promo-item:nth-child(4){animation:12s 6s infinite flowPromoCycle}.flow-promo-item:nth-child(5){animation:12s 8s infinite flowPromoCycle}.flow-promo-item:nth-child(6){animation:12s 10s infinite flowPromoCycle}.flow-section{padding:80px 0}.flow-section-alt{background:#f8fafc}.flow-section-header{text-align:center;margin-bottom:40px}.flow-section-line{border-radius:2px;width:40px;height:3px;margin:0 auto 12px}.flow-section-title{letter-spacing:-.02em;color:#0f172a;margin:0 0 10px;font-size:32px;font-weight:900}.flow-section-sub{color:#64748b;max-width:460px;margin:0 auto;font-size:15px;line-height:1.6}.flow-product-count{text-align:center;color:#94a3b8;margin-bottom:24px;font-size:14px}.flow-product-count strong{color:#0f172a;font-weight:700}.flow-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.flow-filter::-webkit-scrollbar{display:none}.flow-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.flow-pill:hover{border-color:#cbd5e1}.flow-pill.active{color:#fff;box-shadow:0 2px 8px #0000001a}.flow-search{max-width:440px;margin:0 auto 32px;position:relative}.flow-search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.flow-search input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:14px 16px 14px 44px;font-family:inherit;font-size:14px;transition:border-color .2s}.flow-empty{text-align:center;color:#94a3b8;padding:80px 20px}.flow-empty-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.flow-empty h3{color:#64748b;margin:0 0 4px;font-size:16px;font-weight:700}.flow-empty p{margin:0;font-size:14px}.flow-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (width<=480px){.flow-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.flow-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s both flowFadeInUp;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.flow-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000014}.flow-card-img-wrap{cursor:pointer;position:relative;overflow:hidden}.flow-card-img{object-fit:cover;width:100%;height:240px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.flow-card:hover .flow-card-img{transform:scale(1.05)}@media (width<=480px){.flow-card-img{height:170px}}.flow-card-noimg{color:#cbd5e1;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;width:100%;height:240px;display:flex}@media (width<=480px){.flow-card-noimg{height:170px}}.flow-card-badges{gap:6px;display:flex;position:absolute;top:12px;left:12px}.flow-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.flow-badge.red{color:#fff;background:#ef4444}.flow-badge.blue{color:#fff;background:#3b82f6}.flow-badge.amber{color:#fff;background:#f59e0b}.flow-badge.dark{color:#fff;background:#1e293b}.flow-badge.top-right{position:absolute;top:12px;right:12px}.flow-card-actions{opacity:0;gap:6px;transition:all .25s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.flow-card:hover .flow-card-actions{opacity:1;transform:translateY(0)}@media (width<=768px){.flow-card-actions{opacity:1;transform:translateY(0)}}.flow-card-action{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:#64748b;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.flow-card-action:hover{background:#fff;transform:scale(1.1)}.flow-card-action.saved{color:#ef4444}.flow-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.flow-card-category{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:700}.flow-card-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin:0 0 auto;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.flow-card-name:hover{color:#10b981}.flow-card-bottom{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.flow-card-pricing{align-items:baseline;gap:6px;display:flex}.flow-card-price{font-family:Space Mono,monospace;font-size:18px;font-weight:800}.flow-card-price.lg{font-size:24px}.flow-card-compare{color:#94a3b8;font-family:Space Mono,monospace;font-size:13px;text-decoration:line-through}.flow-add-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.flow-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.flow-card-btns{gap:6px;display:flex}.flow-buy-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.flow-buy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.flow-oos{color:#94a3b8;font-size:12px;font-style:italic;font-weight:600}.flow-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.flow-feature{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:32px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.flow-feature:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.flow-feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.flow-feature h4{margin:0 0 8px;font-size:16px;font-weight:800}.flow-feature p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.flow-reviews{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.flow-review-summary{justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.flow-review{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.flow-review-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.flow-review-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.flow-review-meta{flex-direction:column;gap:2px;display:flex}.flow-review-name{color:#0f172a;font-size:14px;font-weight:700}.flow-stars{gap:2px;display:flex}.flow-review-text{color:#475569;margin:0;font-size:14px;line-height:1.6}.flow-review-reply{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:12px;padding:12px 16px;font-size:13px;line-height:1.5}.flow-about{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=768px){.flow-about{grid-template-columns:1fr}}.flow-about-desc{color:#64748b;margin:0 0 24px;font-size:16px;line-height:1.8}.flow-about-stats{background:#fff;border:1px solid #f1f5f9;border-radius:14px;gap:32px;margin-bottom:28px;padding:20px 24px;display:flex}@media (width<=480px){.flow-about-stats{gap:16px;padding:16px}}.flow-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.flow-stat-num{font-family:Space Mono,monospace;font-size:24px;font-weight:800}.flow-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.flow-about-details{flex-direction:column;gap:12px;display:flex}.flow-about-detail{color:#475569;align-items:center;gap:10px;font-size:14px;display:flex}.flow-about-detail-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.flow-contact-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.flow-contact-card h3{margin:0 0 20px;font-size:18px;font-weight:800}.flow-contact-list{flex-direction:column;gap:16px;display:flex}.flow-contact-item{color:#475569;align-items:flex-start;gap:12px;font-size:14px;display:flex}.flow-contact-item div{flex-direction:column;gap:2px;display:flex}.flow-contact-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:11px;font-weight:700}.flow-contact-value{color:#334155;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.flow-contact-value:hover{color:#10b981}.flow-contact-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.flow-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 0;position:relative;overflow:hidden}.flow-cta h2{letter-spacing:-.02em;margin:0 0 16px;font-size:32px;font-weight:900}.flow-cta p{opacity:.75;max-width:500px;margin:0 auto 36px;font-size:16px;line-height:1.7}.flow-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.flow-footer{color:#94a3b8;background:#0b1120;padding:48px 0 28px}.flow-footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.flow-footer-grid{grid-template-columns:1fr}}.flow-footer-brand p{max-width:320px;margin:14px 0 0;font-size:14px;line-height:1.7}.flow-footer-logo{align-items:center;gap:10px;margin-bottom:14px;display:flex}.flow-footer-logo span{color:#fff;font-size:16px;font-weight:800}.flow-footer-social{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.flow-social-link{color:#94a3b8;background:#ffffff14;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.flow-social-link:hover{color:#fff;background:#ffffff26}.flow-footer h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:12px;font-weight:800}.flow-footer-links{flex-direction:column;gap:10px;display:flex}.flow-footer-links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .2s}.flow-footer-links a:hover{color:#fff}.flow-footer-bottom{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;display:flex}.flow-footer-bottom p{opacity:.5;margin:0;font-size:13px}.flow-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.flow-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.flow-btn:active{transform:translateY(0)scale(.98)}.flow-btn-primary{color:#fff}.flow-btn-secondary{color:#0f172a;background:#f1f5f9}.flow-btn-secondary:hover{background:#e2e8f0}.flow-btn-outline-white{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40}.flow-btn-outline-white:hover{background:#ffffff2e}.flow-btn-lg{padding:15px 32px;font-size:15px}.flow-btn-full{justify-content:center;width:100%;padding:14px;font-size:15px}.flow-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.flow-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.flow-payment-options{gap:8px;display:flex}.flow-payment-opt{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.flow-payment-opt.selected{border-width:2px}.flow-checkout-fields{flex-direction:column;gap:12px;display:flex}.flow-checkout-note{color:#065f46;text-align:center;background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:13px;display:flex}.flow-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s flowFadeIn;display:flex;position:fixed;inset:0}.flow-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:85vh;animation:.3s flowFadeInUp;overflow-y:auto;box-shadow:0 24px 80px #00000040}.flow-modal-lg{max-width:520px}.flow-modal-center{text-align:center;max-width:460px}.flow-modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.flow-modal-header h3{margin:0;font-size:20px;font-weight:800}.flow-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.flow-modal-close:hover{background:#e2e8f0}.flow-modal-desc{color:#64748b;margin:0;padding:12px 24px 0;font-size:14px;line-height:1.5}.flow-modal .flow-input{width:calc(100% - 48px);margin:0 24px}.flow-modal .flow-btn-full{width:calc(100% - 48px);margin:16px 24px 24px}.flow-cart-drawer{background:#fff;width:100%;max-width:420px;animation:.3s cubic-bezier(.4,0,.2,1) flowSlideUp;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 40px #00000026}.flow-cart-header{justify-content:space-between;align-items:center;padding:24px;display:flex}.flow-cart-header h2{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.flow-cart-header-count{color:#94a3b8;font-size:15px;font-weight:600}.flow-cart-empty{text-align:center;color:#94a3b8;padding:60px 24px}.flow-cart-empty svg{margin:0 auto 16px;display:block}.flow-cart-empty h3{color:#64748b;margin:0 0 4px;font-size:16px;font-weight:700}.flow-cart-empty p{margin:0 0 20px;font-size:14px}.flow-cart-items{flex-direction:column;gap:10px;padding:0 24px 16px;display:flex}.flow-cart-item{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.flow-cart-item-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:50px;height:50px}.flow-cart-item-noimg{color:#94a3b8;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.flow-cart-item-info{flex:1;min-width:0}.flow-cart-item-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.flow-cart-item-price{font-family:Space Mono,monospace;font-size:13px;font-weight:600}.flow-qty{align-items:center;gap:6px;display:flex}.flow-qty button{cursor:pointer;color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;transition:all .15s;display:flex}.flow-qty button:hover{background:#f8fafc;border-color:#cbd5e1}.flow-qty span{text-align:center;min-width:20px;font-family:Space Mono,monospace;font-size:14px;font-weight:700}.flow-cart-item-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .15s}.flow-cart-item-remove:hover{color:#ef4444}.flow-cart-summary{padding:16px 24px 24px}.flow-cart-row{color:#64748b;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.flow-cart-row span:last-child{color:#0f172a;font-family:Space Mono,monospace;font-weight:700}.flow-cart-total{border-top:1.5px solid #e2e8f0;justify-content:space-between;margin-top:8px;padding-top:12px;font-size:18px;font-weight:800;display:flex}.flow-cart-total span:last-child{font-family:Space Mono,monospace}.flow-cart-secure{color:#065f46;background:#f0fdf4;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.flow-qv-image{position:relative}.flow-qv-image img{object-fit:cover;border-radius:20px 20px 0 0;width:100%;height:280px}.flow-qv-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.flow-qv-close:hover{background:#000000b3}.flow-qv-body{padding:24px}.flow-qv-body h3{color:#0f172a;margin:4px 0 10px;font-size:20px;font-weight:800}.flow-qv-desc{color:#64748b;margin:0 0 20px;font-size:15px;line-height:1.7}.flow-qv-bottom{justify-content:space-between;align-items:center;display:flex}.flow-confirm{padding:36px 28px}.flow-confirm-check{background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.flow-confirm h2{margin:0 0 8px;font-size:24px;font-weight:800}.flow-confirm-ref{color:#64748b;margin:0 0 8px;font-size:14px}.flow-confirm-ref b{background:#f1f5f9;border-radius:4px;padding:2px 8px;font-family:Space Mono,monospace}.flow-confirm-total{color:#334155;margin:0 0 16px;font-size:16px}.flow-confirm-total b{font-family:Space Mono,monospace}.flow-confirm-msg{color:#065f46;background:#f0fdf4;border-radius:12px;margin:0 0 16px;padding:14px;font-size:13px;line-height:1.5}.flow-confirm-warn{color:#92400e;background:#fef3c7;border-radius:12px;margin:0 0 16px;padding:16px;font-size:14px;line-height:1.5}.flow-confirm-success{color:#065f46;background:#d1fae5;border-radius:12px;margin:0 0 16px;padding:16px;font-size:14px}.flow-momo-box{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;margin:0 0 16px;padding:20px}.flow-momo-box h4{color:#065f46;margin:0 0 12px;font-size:16px;font-weight:700}.flow-momo-box div{color:#334155;font-size:14px;line-height:2.2}.flow-momo-num{color:#065f46;font-family:Space Mono,monospace;font-size:18px;font-weight:700}.flow-momo-amt{font-family:Space Mono,monospace;font-size:18px;font-weight:700}.flow-momo-ref{background:#e2e8f0;border-radius:6px;padding:4px 10px;font-family:Space Mono,monospace}.flow-momo-hint{color:#92400e;background:#fef3c7;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.flow-confirm-otp{color:#64748b;margin:0 0 4px;font-size:14px}.flow-confirm-otp b{color:#0f172a;background:#f1f5f9;border-radius:6px;padding:4px 12px;font-family:Space Mono,monospace;font-size:18px}.flow-confirm-eta{color:#94a3b8;margin:0 0 24px;font-size:13px}.flow-confirm-actions{justify-content:center;gap:12px;display:flex}.flow-whatsapp-fab{z-index:998;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:90px;right:24px;box-shadow:0 6px 24px #25d36666}.flow-whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 8px 32px #25d36680}.flow-mobile-fab{z-index:998;color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-family:inherit;transition:all .3s;display:none;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 32px #0003}.flow-mobile-fab:hover{transform:scale(1.05)}@media (width<=768px){.flow-mobile-fab{display:flex}}.flow-mobile-fab-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.flow-scroll-top{z-index:998;color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #00000026}.flow-scroll-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.flow-not-found{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;font-family:DM Sans,sans-serif;display:flex}.flow-not-found-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.flow-not-found h2{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}.flow-not-found p{color:#64748b;text-align:center;max-width:400px;font-size:15px;line-height:1.6}.flow-skel-page{background:#fff;min-height:100vh}.flow-skel-nav{background:#f8fafc;border-bottom:1px solid #f1f5f9;height:68px}.flow-skel-hero{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);align-items:center;height:440px;display:flex}.flow-skel-hero-content{max-width:600px;padding:40px}.flow-skel-products{max-width:1200px;margin:0 auto;padding:40px 24px}.flow-skel-section-title{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;width:200px;height:28px;margin:0 auto 32px;animation:1.5s infinite flowShimmer}.flow-skel-pills{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.flow-skel-pill{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:50px;width:100px;height:36px;animation:1.5s infinite flowShimmer}.flow-skel-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.flow-skel-card{border:1px solid #f1f5f9;border-radius:16px;overflow:hidden}.flow-skel-img{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;height:240px;animation:1.5s infinite flowShimmer}.flow-skel-body{padding:16px}.flow-skel-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;margin-bottom:10px;animation:1.5s infinite flowShimmer}.flow-skel-line.xs{width:40%;height:12px}.flow-skel-line.sm{width:50%;height:10px}.flow-skel-line.md{width:70%;height:14px}.flow-skel-line.lg{width:90%;height:16px}@keyframes flowFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes flowFadeIn{0%{opacity:0}to{opacity:1}}@keyframes flowSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes flowShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes flowPulse{0%,to{opacity:1}50%{opacity:.4}}.flow-container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width>=768px){.flow-container{padding:0 40px}}.flow-live-banner{z-index:999;text-align:center;color:#fff;letter-spacing:.03em;background:linear-gradient(90deg,#dc2626,#ef4444);padding:6px 20px;font-size:12px;font-weight:700;position:fixed;top:0;left:0;right:0}.flow-live-dot{margin-right:4px;animation:2s infinite flowPulse}.flow-cart-drawer::-webkit-scrollbar{width:6px}.flow-modal::-webkit-scrollbar{width:6px}.flow-cart-drawer::-webkit-scrollbar-track{background:0 0}.flow-modal::-webkit-scrollbar-track{background:0 0}.flow-cart-drawer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.flow-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.flow-store input:focus,.flow-store select:focus,.flow-store textarea:focus{outline:none}