:root{--canvas:#111414;--canvas-deep:#0c0f0f;--surface:#191c1c;--surface-high:#282a2a;--surface-soft:#141717;--primary:#8b458b;--primary-bright:#fdaaf9;--primary-soft:#fdaaf921;--text:#f4f1f3;--muted:#d3c2ce;--faint:#9c8c98;--line:#ffffff14;--glass-fill:#191c1cb8;--glass-border:#ffffff17;--glow:#fdaaf942;--success:#68d7ad;--warning:#efc275;--danger:#ffaaa3;--whatsapp:#36c989;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}html{background:var(--canvas-deep)}body{background:radial-gradient(circle at 10% 0%, #8b458b57, transparent 28%), radial-gradient(circle at 85% 8%, #fdaaf921, transparent 30%), linear-gradient(180deg, #2b0c2db8 0%, #111414fa 42%, var(--canvas-deep) 100%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #f0a8ee7a}h1,h2,strong,button{font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,sans-serif}h1,h2,p{margin-top:0}.app-frame{isolation:isolate;background:linear-gradient(#1a121cb8,#0c0f0f2e 38%),#0c0f0f59;grid-template-rows:auto auto minmax(0,1fr) auto;max-width:1440px;height:100dvh;margin:0 auto;display:grid;overflow:hidden}.desktop-pointer-field{z-index:0;pointer-events:none;opacity:.9;mix-blend-mode:screen;display:none;position:fixed;inset:0}.desktop-pointer-field:before{content:"";background:radial-gradient(circle at var(--pointer-x,-600px) var(--pointer-y,-600px), #fdaaf947, #8b458b1f 16%, transparent 31%), radial-gradient(circle at calc(var(--pointer-x,-600px) + 120px) calc(var(--pointer-y,-600px) - 90px), #ffffff1f, transparent 18%);filter:blur(12px);position:absolute;inset:-22%}.desktop-pointer-field span{background:#fdaaf9b8;border-radius:999px;width:3px;height:3px;animation:8s ease-in-out infinite particle-drift;position:absolute;box-shadow:0 0 18px #fdaaf9b8}.desktop-pointer-field span:first-child{animation-delay:-.4s;top:18%;left:12%}.desktop-pointer-field span:nth-child(2){animation-delay:-1.7s;top:32%;left:28%}.desktop-pointer-field span:nth-child(3){animation-delay:-3.2s;top:18%;left:46%}.desktop-pointer-field span:nth-child(4){animation-delay:-4.3s;top:26%;left:68%}.desktop-pointer-field span:nth-child(5){animation-delay:-2.2s;top:45%;left:84%}.desktop-pointer-field span:nth-child(6){animation-delay:-5.1s;top:62%;left:16%}.desktop-pointer-field span:nth-child(7){animation-delay:-6.4s;top:76%;left:34%}.desktop-pointer-field span:nth-child(8){animation-delay:-1.1s;top:64%;left:58%}.desktop-pointer-field span:nth-child(9){animation-delay:-7.2s;top:78%;left:76%}.desktop-pointer-field span:nth-child(10){animation-delay:-3.8s;top:16%;left:92%}.desktop-pointer-field span:nth-child(11){animation-delay:-5.8s;top:42%;left:52%}.desktop-pointer-field span:nth-child(12){animation-delay:-2.9s;top:86%;left:6%}@keyframes particle-drift{0%,to{opacity:.2;transform:translate(0,0)scale(.8)}45%{opacity:.78;transform:translate(20px,-24px)scale(1.6)}70%{opacity:.44;transform:translate(-14px,12px)scale(1.05)}}@media (min-width:900px){.desktop-pointer-field{display:block}.app-frame>:not(.desktop-pointer-field){z-index:1;position:relative}}.topbar{z-index:20;min-height:72px;padding:12px max(16px, env(safe-area-inset-left)) 12px max(16px, env(safe-area-inset-right));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:#18131ad1;grid-row:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand-mark{color:#fff4ff;letter-spacing:-.06em;background:linear-gradient(145deg,#8b458b,#5b245d);border:1px solid #fdaaf961;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff2e,0 16px 36px #fdaaf921}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.03em;font-size:18px}.brand-copy small{color:var(--faint);letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:700}.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.seller-chip{color:#d9ffef;background:#68d7ad14;border:1px solid #68d7ad2e;border-radius:999px;align-items:center;gap:8px;max-width:220px;height:44px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.seller-chip svg{color:var(--success);flex:none}.seller-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#141717c2;border-radius:999px;align-items:center;gap:8px;max-width:min(45vw,380px);height:44px;padding:0 12px;display:flex}.customer-chip span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.customer-chip>svg:first-child{color:var(--primary-bright);flex:none}.customer-chip>svg:last-child{color:var(--faint);flex:none}.icon-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#141717d1;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.icon-button:disabled{opacity:.55;cursor:wait}.offline-banner{color:#f6d69f;background:#efc27521;border-bottom:1px solid #efc27538;grid-row:2;justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-size:12px;display:flex}.offline-banner button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:800;display:inline-flex}.app-main{overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;grid-row:3;min-height:0;overflow:hidden auto}.screen-motion{height:100%;min-height:100%}.screen{width:min(100%,1240px);min-height:100%;margin:0 auto;padding:30px 24px 56px}.eyebrow{color:var(--primary-bright);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:11px;font-weight:800;display:inline-block}.screen-title-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.screen-title-row h1,.success-screen h1{letter-spacing:-.035em;margin-bottom:5px;font-size:clamp(28px,4vw,42px);line-height:1.05}.screen-title-row p{color:var(--muted);margin-bottom:0;font-size:14px}.button{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s,color .16s,box-shadow .18s;display:inline-flex}.button svg{width:19px;height:19px}.button:disabled{opacity:.58;cursor:wait}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(145deg, var(--primary-bright), #d879d8);color:#361536;box-shadow:0 14px 34px #fdaaf929,inset 0 1px #ffffff61}.button.primary:hover:not(:disabled){background:linear-gradient(145deg,#ffc0fc,#e586e5);box-shadow:0 18px 38px #fdaaf938,inset 0 1px #ffffff73}.button.secondary{color:#ffd6fd;background:#fdaaf917;border-color:#fdaaf92e}.button.secondary:hover{background:#fdaaf929}.button.ghost{color:var(--muted);background:#ffffff09;border-color:#ffffff14}.button.ghost:hover{color:var(--text);background:#fdaaf914;border-color:#fdaaf92e}.button.wide{width:100%}.button.whatsapp{color:#f5fff9;background:#1f9f69}.button.install-cta{color:#2e1130;background:radial-gradient(circle at 22% 0,#ffffff4d,#0000 28%),linear-gradient(145deg,#fdaaf9f5,#8b458beb);border-color:#fdaaf957;min-height:54px;margin-top:16px;box-shadow:0 18px 45px #fdaaf933,inset 0 1px #ffffff73}.button.install-cta:hover:not(:disabled){box-shadow:0 22px 54px #fdaaf947,inset 0 1px #ffffff80}.login-shell,.center-state{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-shell{background:radial-gradient(circle at 50% 0,#fdaaf92e,#0000 42%)}.login-card{border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#191c1ceb,#141717d1);width:min(100%,460px);padding:30px;box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff0d}.login-intro{margin:34px 0 20px}.login-intro.compact{margin-top:22px}.login-intro h1{letter-spacing:-.04em;margin-bottom:12px;font-size:36px;line-height:1.05}.login-intro p{color:var(--muted);margin-bottom:0;line-height:1.6}.quick-seller-pills{gap:8px;margin-bottom:18px;display:grid}.quick-seller-pills small{color:var(--faint);text-transform:uppercase;font-size:11px;font-weight:700}.pills-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.seller-pill{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--muted);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;transition:all .15s;display:flex}.seller-pill:hover{color:var(--text);border-color:#f0a8ee66}.seller-pill.active{background:var(--primary);color:#fff;border-color:#f0a8ee80}.seller-welcome{border-radius:var(--radius-md);background:#68d7ad12;border:1px solid #68d7ad29;align-items:center;gap:12px;margin-top:24px;padding:13px;display:flex}.seller-avatar{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-bright);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.seller-avatar svg{width:20px;height:20px}.seller-welcome div{gap:3px;min-width:0;display:grid}.seller-welcome small{color:var(--faint);text-transform:uppercase;font-size:10px;font-weight:800}.seller-welcome strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack-form,.dialog-form{gap:14px;display:grid}.stack-form>label,.dialog-form label>span,.note-field>span{color:var(--muted);letter-spacing:.03em;font-size:12px;font-weight:800}input,textarea{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--text);background:#0c0f0fb8}input{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:112px;padding:13px 14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#806f84}input[type=search]::-webkit-search-cancel-button{display:none}input:focus,textarea:focus{border-color:#fdaaf961;box-shadow:0 0 0 3px #fdaaf91a}.form-error,.submit-error{color:var(--danger);align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.45;display:flex;overflow:hidden}.form-error svg,.submit-error svg{flex:none;margin-top:1px}.secure-note{color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:6px;margin:19px 0 0;font-size:11px;display:flex}.admin-link{width:100%;min-height:42px;color:var(--primary-bright);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:900;display:inline-flex}.admin-link svg{flex:none}.center-state{text-align:center;color:var(--muted);align-content:center}.center-state h1{color:var(--text);margin:16px 0 8px}.center-state p{margin:12px 0 3px}.center-state small{color:var(--faint)}.center-state .button{margin-top:18px}.loading-orbit{border:1px solid #f0a8ee3b;border-radius:50%;width:54px;height:54px;position:relative}.loading-orbit span{background:var(--primary-bright);width:11px;height:11px;box-shadow:0 0 18px var(--primary);border-radius:50%;position:absolute;top:-5px;left:21px}.hero-panel{border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 82% 20%,#fdaaf93d,#0000 34%),radial-gradient(circle at 8% 10%,#8b458b57,#0000 38%),linear-gradient(135deg,#282a2aeb 0%,#191c1ce0 52%,#250c27eb 100%);justify-content:space-between;align-items:flex-end;gap:30px;min-height:290px;padding:clamp(28px,5vw,58px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000003d,inset 0 1px #ffffff12}.hero-panel:after{content:"RV";color:#fdaaf90e;letter-spacing:-.12em;pointer-events:none;font-family:Hanken Grotesk,sans-serif;font-size:270px;font-weight:900;position:absolute;top:-60px;right:-15px}.hero-panel>*{z-index:1;position:relative}.hero-panel h1{letter-spacing:-.055em;max-width:690px;margin-bottom:14px;font-size:clamp(36px,5.5vw,68px);line-height:.99}.hero-panel p{max-width:580px;color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.55}.hero-action{flex:none;min-width:190px;min-height:54px}.dashboard-hero{align-items:flex-end;min-height:310px}.hero-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sync-pill{color:#ffd6fd;background:#fdaaf917;border:1px solid #fdaaf926;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.sync-pill:before{content:"";background:var(--primary-bright);border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #fdaaf9e6}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.summary-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;cursor:pointer;background:linear-gradient(145deg,#191c1ce0,#141717c2);grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;column-gap:14px;min-height:158px;padding:22px;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:0 18px 42px #0000002e,inset 0 1px #ffffff0a}.summary-card:hover{border-color:#fdaaf933;transform:translateY(-2px)}.summary-icon{width:46px;height:46px;color:var(--primary-bright);background:linear-gradient(145deg,#fdaaf92e,#8b458b3d);border-radius:14px;grid-row:1/span 3;place-items:center;display:grid}.summary-card small{color:var(--faint)}.summary-card strong{text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:19px;overflow:hidden}.text-link{color:var(--primary-bright);align-items:center;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.flow-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191c1c9e;margin-top:16px;padding:25px;box-shadow:0 18px 42px #00000029}.section-heading h2{margin-bottom:0;font-size:23px}.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.flow-steps li{border:1px solid var(--line);border-radius:var(--radius-md);opacity:.56;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.flow-steps li.active,.flow-steps li.done{opacity:1}.flow-steps li>span{background:#ffffff12;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.flow-steps li.active>span{background:var(--primary)}.flow-steps li.done>span{color:var(--success);background:#68d7ad2b}.flow-steps li svg{width:16px}.flow-steps div{min-width:0;display:grid}.flow-steps strong{font-size:13px}.flow-steps small{text-overflow:ellipsis;white-space:nowrap;color:var(--faint);margin-top:3px;font-size:10px;overflow:hidden}.sticky-tools{z-index:10;background:0 0;padding:4px 0 10px;position:sticky;top:0}.catalog-tools{display:block}.product-screen{grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;padding-bottom:12px;display:grid;overflow:hidden}.product-screen .sticky-tools{position:relative;top:auto}.catalog-results{overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;min-height:0;padding:0 2px 34px;overflow:hidden auto}.search-field{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#241230a6;border:1px solid #f0a8ee24;align-items:center;gap:12px;min-height:48px;padding:0 14px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000002e,inset 0 1px #ffffff0a}.search-field:focus-within{background:#2d173cd9;border-color:#f0a8ee73;box-shadow:0 0 0 3px #f0a8ee1a,0 8px 24px #00000047,inset 0 1px #ffffff0f}.search-field>svg{color:var(--primary-bright);opacity:.75;flex:none;transition:opacity .2s,color .2s}.search-field:focus-within>svg{opacity:1;color:var(--primary-bright)}.search-field input{flex:1;min-width:0;min-height:44px;font-size:15px;font-weight:500;box-shadow:none!important;color:var(--text)!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important}.search-field input::placeholder{color:#f0dcf566;font-weight:400}.search-field input:focus,.search-field input:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-field button{width:28px;height:28px;color:var(--primary-bright);cursor:pointer;background:#f0a8ee1f;border:0;border-radius:50%;flex:0 0 28px;place-items:center;padding:0;transition:all .15s;display:grid}.search-field button:hover{color:#fff;background:#f0a8ee38}.client-list,.cart-list{gap:9px;display:grid}.client-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;width:100%;min-height:76px;padding:0;display:grid;overflow:hidden}.client-row:hover{background:var(--surface-high)}.client-row.selected{background:linear-gradient(100deg, #a95db038, var(--surface));border-color:#f0a8ee80}.client-select-main{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 5px 12px 15px;display:grid}.client-avatar{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-bright);border-radius:13px;place-items:center;font-size:12px;font-weight:900;display:grid}.client-copy{gap:5px;min-width:0;display:grid}.client-copy strong,.client-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-copy strong{font-size:14px}.client-copy small{color:var(--faint);font-size:11px}.client-select-main>svg{color:var(--faint)}.client-statement-button{min-width:84px;min-height:40px;color:var(--primary-bright);cursor:pointer;background:#fdaaf914;border:1px solid #fdaaf92e;border-radius:12px;justify-content:center;align-self:center;align-items:center;gap:6px;margin-right:10px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.client-statement-button:hover{background:#fdaaf924;border-color:#fdaaf957}.selected-check{background:var(--primary);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.selected-check svg{width:16px}.result-meta{min-height:34px;color:var(--faint);justify-content:space-between;gap:10px;padding:1px 2px 10px;font-size:11px;display:flex}.result-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{background:linear-gradient(145deg,#261633e6,#1a0e24eb);border:1px solid #f0a8ee24;border-radius:18px;flex-direction:column;min-width:0;padding:16px 18px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #0003}.product-card:hover{border-color:#f0a8ee52;box-shadow:0 14px 40px #00000047}.product-card.in-cart{background:linear-gradient(145deg,#301a40f2,#1e102af2);border-color:#f0a8ee66}.product-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.product-category{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--primary-bright);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800;overflow:hidden}.product-code{text-overflow:ellipsis;white-space:nowrap;max-width:50%;color:var(--faint);background:#f0a8ee12;border:1px solid #f0a8ee26;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex;overflow:hidden}.product-card h2{-webkit-line-clamp:2;min-height:42px;color:var(--text);-webkit-box-orient:vertical;margin:4px 0 12px;font-size:16px;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.product-price-row{border-top:1px solid #f0a8ee14;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;margin-bottom:12px;padding-top:10px;display:flex}.product-price{gap:2px;display:grid}.product-price strong{color:var(--primary-bright);letter-spacing:-.03em;font-size:22px;font-weight:800}.product-price small{color:var(--faint);text-transform:uppercase;font-size:10px;font-weight:700}.quantity-badge-card{color:var(--success);background:#68d7ad1f;border:1px solid #68d7ad47;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.product-actions{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.compact-add{min-height:44px;font-size:14px;font-weight:800}.catalog-stepper{background:radial-gradient(circle at 50% 0,#fdaaf93d,#0000 62%),#fdaaf91f;border:1px solid #fdaaf961;border-radius:14px;grid-template-columns:44px minmax(42px,1fr) 44px;align-items:center;min-width:0;min-height:44px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 24px #6b2d762e}.catalog-stepper button{width:44px;height:44px;color:var(--primary-bright);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.catalog-stepper button:first-child{border-right:1px solid #fdaaf92e}.catalog-stepper button:last-child{border-left:1px solid #fdaaf92e}.catalog-stepper strong{text-align:center;min-width:0;color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:900}.icon-button.promo{width:44px;height:44px;color:var(--primary-bright);background:#f0a8ee1a;border:1px solid #f0a8ee2e;border-radius:12px}.icon-button.promo:hover{background:#f0a8ee33}.load-more{margin:20px auto 0;display:flex}.floating-order-card{z-index:40;background:linear-gradient(145deg, var(--primary-bright), #df80de);color:#361536;text-align:left;cursor:pointer;border:1px solid #ffffff3d;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(420px,100vw - 48px);min-height:82px;padding:14px 18px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 70px #fdaaf938,0 18px 44px #00000052}.floating-bag{background:#36153614;border:1px solid #36153638;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:relative}.floating-bag svg{width:24px;height:24px}.floating-bag b{min-width:21px;height:21px;color:var(--primary-bright);background:#351235;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;display:grid;position:absolute;top:-8px;right:-8px}.floating-order-card span:nth-child(2){gap:2px;min-width:0;display:grid}.floating-order-card small{color:#361536b8;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.floating-order-card strong{letter-spacing:-.05em;font-size:26px}.floating-order-card em{align-items:center;gap:7px;font-style:normal;font-weight:900;display:inline-flex}.floating-order-card em svg{width:20px;height:20px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-lg);min-height:240px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.empty-state svg{color:var(--primary-bright);margin-bottom:7px}.empty-state strong{color:var(--text)}.empty-state span{max-width:380px;font-size:13px}.cart-line{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:19px;overflow:hidden}.cart-line.free{background:linear-gradient(110deg, #68d7ad14, var(--surface));border-color:#68d7ad40}.cart-line-head{justify-content:flex-start}.cart-line-head>button{width:38px;height:38px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin-left:auto;display:grid}.free-badge{color:var(--success);text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-weight:900;display:inline-flex}.cart-line h2{margin:12px 0 17px;font-size:17px}.cart-controls{grid-template-columns:140px minmax(150px,220px) 1fr;align-items:end;gap:13px;display:grid}.stepper{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:44px 1fr 44px;align-items:center;height:48px;display:grid}.stepper button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.stepper svg{width:16px}.stepper strong{text-align:center}.price-input{gap:5px;display:grid}.price-input>span,.line-total span{color:var(--faint);text-transform:uppercase;font-size:10px;font-weight:800}.price-input>div{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);align-items:center;height:48px;display:flex}.price-input small{color:var(--faint);padding-left:12px}.price-input input{min-height:44px;box-shadow:none;background:0 0;border:0;padding-left:5px}.price-input input:disabled{color:var(--success);opacity:1}.price-input>.price-hint{padding-left:0;font-size:11px;font-weight:700}.line-total{justify-items:end;gap:7px;min-width:0;display:grid}.line-total strong{font-size:19px}.total-card,.order-total{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:20px;margin-top:13px;padding:20px;display:flex}.total-card>div,.order-total>div{gap:4px;display:grid}.total-card span,.order-total span{font-weight:800}.total-card small,.order-total small{color:var(--faint);font-size:10px}.total-card>strong,.order-total>strong{color:var(--primary-bright);white-space:nowrap;font-size:25px}.checkout-button{max-width:460px;min-height:54px;margin:18px 0 0 auto}.back-link{min-height:44px;color:var(--primary-bright);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-weight:800;display:inline-flex}.back-link svg{width:18px}.review-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:13px;display:grid}.review-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:15px;min-width:0;padding:21px;display:flex}.review-icon{background:var(--primary-soft);width:43px;height:43px;color:var(--primary-bright);border-radius:13px;flex:0 0 43px;place-items:center;display:grid}.review-card small{color:var(--faint);text-transform:uppercase;font-size:10px;font-weight:800}.review-card h2{margin:6px 0;font-size:17px}.review-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.review-body{flex:1;min-width:0}.review-body ul{max-height:220px;margin:13px 0 0;padding:0;list-style:none;overflow-y:auto}.review-body li{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;padding:10px 0;font-size:12px;display:flex}.review-body li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.review-body li strong{color:var(--text);flex:none}.note-field{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:8px;margin-top:13px;padding:20px;display:grid}.note-field small{color:var(--faint);font-weight:500}.submit-error{border-radius:var(--radius-md);background:#ffaaa314;border:1px solid #ffaaa340;margin-top:13px;padding:13px}.review-pdf-button{min-height:52px;margin-top:13px}.pdf-notice{border-radius:var(--radius-md);color:var(--muted);text-align:center;background:#fdaaf914;border:1px solid #fdaaf92e;margin-top:9px;padding:11px 13px;font-size:12px}.submit-order{min-height:56px;margin-top:13px}.idempotency-note{color:var(--faint);text-align:center;margin:10px auto 0;font-size:10px}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:700px;display:flex}.success-symbol{width:86px;height:86px;color:var(--success);background:#68d7ad21;border:1px solid #68d7ad52;border-radius:50%;place-items:center;margin-bottom:24px;display:grid;box-shadow:0 0 45px #68d7ad1c}.success-symbol svg{stroke-width:2.4px;width:40px;height:40px}.success-screen>p{color:var(--muted)}.success-total{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:5px;width:100%;margin:18px 0;padding:24px;display:grid}.success-total span,.success-total small{color:var(--faint);font-size:11px}.success-total strong{color:var(--primary-bright);font-size:32px}.success-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.share-notice{max-width:520px;color:var(--muted);background:#fdaaf914;border:1px solid #fdaaf92e;border-radius:18px;margin-top:12px;padding:12px 14px;font-size:12px}.bottom-nav{z-index:25;min-height:calc(64px + var(--safe-bottom));padding:8px max(10px, env(safe-area-inset-right)) calc(8px + var(--safe-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.12);backdrop-filter:blur(22px)saturate(1.12);background:#0f1111e0;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid;box-shadow:0 -14px 34px #0000003d}.bottom-nav button{min-width:0;min-height:54px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 6px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;display:flex}.bottom-nav button:hover{color:var(--text);transform:translateY(-1px)}.bottom-nav button>span{place-items:center;display:grid;position:relative}.bottom-nav svg{width:21px;height:21px}.bottom-nav small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.bottom-nav button.active{color:var(--primary-bright);background:#fdaaf91c;border-color:#fdaaf92e;box-shadow:0 14px 26px #fdaaf914}.bottom-nav b{background:var(--primary);color:#fff;border:2px solid #101111;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-7px;right:-11px}.more-options-sheet{max-width:480px}.seller-profile-banner{border-radius:var(--radius-md);background:#f0a8ee12;border:1px solid #f0a8ee2e;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.seller-profile-banner .seller-info{gap:2px;min-width:0;display:grid}.seller-profile-banner strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.seller-profile-banner small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.more-menu-grid{gap:10px;display:grid}.more-menu-item{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#231230a6;align-items:center;gap:14px;padding:13px 15px;transition:all .15s;display:flex}.more-menu-item:hover,.more-menu-item:active{background:var(--surface-soft);border-color:#f0a8ee59}.more-menu-item.install{background:radial-gradient(circle at 8% 0,#fdaaf933,#0000 42%),#231230c7;border-color:#fdaaf93d}.more-menu-item.install .more-menu-icon{color:#2e1130;background:linear-gradient(145deg,#fdaaf9f0,#8b458bd9);box-shadow:0 14px 30px #fdaaf921}.more-menu-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary-bright);border-radius:11px;flex:0 0 40px;place-items:center;display:grid;position:relative}.more-badge{background:var(--primary);color:#fff;border:2px solid #231230;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.more-menu-text{flex:1;gap:2px;min-width:0;display:grid}.more-menu-text strong{color:var(--text);font-size:13px;font-weight:700}.more-menu-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.more-arrow{color:var(--faint);flex-shrink:0}.more-menu-item.danger .more-menu-icon{color:#ff5a5f;background:#ff5a5f1f}.more-menu-item.danger:hover,.more-menu-item.danger:active{border-color:#ff5a5f59}.tutorial-backdrop{z-index:80;-webkit-backdrop-filter:blur(13px)saturate(1.08);backdrop-filter:blur(13px)saturate(1.08);background:radial-gradient(circle at 50% 12%,#fdaaf933,#0000 34%),linear-gradient(#05060694,#050606db);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.tutorial-sheet{background:radial-gradient(circle at 86% 0,#fdaaf93b,#0000 32%),radial-gradient(circle at 6% 18%,#8b458b6b,#0000 38%),linear-gradient(145deg,#201424fa,#121414f7 56%,#101212fa);border:1px solid #fdaaf938;border-radius:30px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(100%,760px);max-height:min(92dvh,760px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000094,inset 0 1px #ffffff14}.tutorial-aura{filter:blur(20px);pointer-events:none;background:#fdaaf92e;border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-120px}.tutorial-header{z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-width:0;padding:20px 22px 14px;display:grid;position:relative}.tutorial-header>span{color:#ffd6fd;letter-spacing:.04em;background:#fdaaf914;border:1px solid #fdaaf929;border-radius:999px;justify-self:center;min-width:0;padding:7px 12px;font-size:12px;font-weight:900}.tutorial-progress{background:#ffffff12;border-radius:999px;height:4px;margin:0 22px;overflow:hidden}.tutorial-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary-bright), var(--success));height:100%;display:block;box-shadow:0 0 18px #fdaaf975}.tutorial-stage{overscroll-behavior:contain;grid-template-columns:260px minmax(0,1fr);gap:28px;min-height:0;padding:26px 30px 22px;display:grid;overflow-y:auto}.tutorial-visual{background:radial-gradient(circle at 48% 24%,#fdaaf92e,#0000 34%),#0a0c0c70;border:1px solid #ffffff14;border-radius:24px;align-content:center;gap:16px;min-height:330px;padding:22px;display:grid;position:relative}.tutorial-visual:before,.tutorial-visual:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.tutorial-visual:before{border:1px solid #fdaaf938;width:150px;height:150px;top:38%;left:50%;transform:translate(-50%,-50%)}.tutorial-visual:after{border:1px dashed #fdaaf926;width:230px;height:230px;top:38%;left:50%;transform:translate(-50%,-50%)}.tutorial-icon{z-index:1;color:#2b112b;background:linear-gradient(145deg,#fdaaf9f5,#8b458bd6);border:1px solid #fdaaf957;border-radius:32px;justify-self:center;place-items:center;width:116px;height:116px;display:grid;position:relative;box-shadow:0 26px 60px #fdaaf933,inset 0 1px #ffffff6b}.tutorial-icon svg{width:50px;height:50px}.tutorial-mini-flow{z-index:1;gap:9px;display:grid;position:relative}.tutorial-mini-card{min-height:46px;color:var(--muted);background:#191c1cb8;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:9px;padding:9px 11px;display:flex;box-shadow:0 10px 24px #00000029}.tutorial-mini-card svg{width:18px;height:18px;color:var(--primary-bright)}.tutorial-mini-card span{font-size:12px;font-weight:900}.tutorial-copy{align-self:center;min-width:0}.tutorial-copy h2{letter-spacing:-.05em;max-width:420px;margin:0 0 12px;font-size:clamp(32px,5vw,52px);line-height:.98}.tutorial-copy p{max-width:490px;color:var(--muted);margin-bottom:18px;font-size:15px;line-height:1.62}.tutorial-bullets{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tutorial-bullets li{color:var(--muted);background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:10px;padding:11px 12px;line-height:1.42;display:flex}.tutorial-bullets svg{width:17px;height:17px;color:var(--success);flex:none;margin-top:1px}.tutorial-footer{z-index:1;background:#0c0f0f75;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 22px;display:flex;position:relative}.tutorial-dots{align-items:center;gap:7px;display:flex}.tutorial-dots button{cursor:pointer;background:#ffffff38;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .17s,background .17s}.tutorial-dots button.active{background:var(--primary-bright);width:24px;box-shadow:0 0 16px #fdaaf966}.tutorial-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.install-help-sheet{max-width:520px}.install-help-backdrop{z-index:90}.install-hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 0,#fdaaf933,#0000 42%),#fdaaf912;border:1px solid #fdaaf92e;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.install-hero>span{background:linear-gradient(145deg, var(--primary-bright), #d879d8);color:#351335;border-radius:17px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 16px 34px #fdaaf929,inset 0 1px #ffffff73}.install-hero svg{width:25px;height:25px}.install-hero div,.install-help-item div{gap:3px;min-width:0;display:grid}.install-hero strong,.install-help-item strong{color:var(--text)}.install-hero small,.install-help-item small{color:var(--muted);line-height:1.45}.install-help-list{gap:10px;margin-bottom:18px;display:grid}.install-help-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff09;align-items:flex-start;gap:12px;padding:13px;display:flex}.install-help-item>span{background:var(--primary-soft);width:36px;height:36px;color:var(--primary-bright);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.install-help-item svg{width:19px;height:19px}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050606b8;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.dialog-sheet{overscroll-behavior:contain;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191c1cf5;border:1px solid #fdaaf92e;border-radius:24px;width:min(100%,640px);max-height:min(90dvh,760px);padding:25px;overflow-y:auto;box-shadow:0 26px 80px #0000007a,inset 0 1px #ffffff0d}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.dialog-head h2{margin:0;font-size:27px}.dialog-form label{gap:7px;display:grid}.toggle-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);align-items:flex-start;gap:10px;padding:11px 12px;display:flex!important}.toggle-row input{width:18px;height:18px;min-height:18px;accent-color:var(--primary);flex:0 0 18px;margin-top:1px}.toggle-row span{color:var(--muted);line-height:1.35}.form-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-form label small{color:var(--faint);font-weight:500}.compact-dialog{max-width:540px}.admin-dialog{max-width:780px}.preset-grid{grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:17px;display:grid}.preset-grid button{border:1px solid var(--line);background:var(--surface-soft);min-height:43px;color:var(--muted);cursor:pointer;border-radius:10px;font-weight:900}.preset-grid button.active{background:var(--primary);color:#fff;border-color:#f0a8ee73}.promo-quantities{grid-template-columns:1fr 1fr;gap:12px;display:grid}.promo-quantities label{color:var(--muted);gap:7px;font-size:12px;font-weight:800;display:grid}.promo-summary{border-radius:var(--radius-md);background:var(--surface-soft);color:var(--muted);justify-content:space-between;gap:12px;margin:17px 0;padding:14px;display:flex}.promo-summary strong{color:var(--success)}.seller-key-list{gap:9px;margin-top:18px;display:grid}.seller-key-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px;display:grid}.seller-key-row div{gap:3px;min-width:0;display:grid}.seller-key-row strong,.seller-key-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seller-key-row small{color:var(--faint);font-size:11px}.seller-key-row em{color:var(--success);text-transform:uppercase;font-size:10px;font-style:normal;font-weight:900}.copy-key-button{background:var(--primary-soft);color:#f5d5f4;cursor:pointer;border:1px solid #f0a8ee47;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.key-ready{min-height:34px;color:var(--success);background:#68d7ad1a;border-radius:999px;align-items:center;padding:0 11px;font-size:11px;font-weight:900;display:inline-flex}.topbar-badge{color:#fff;background:#ff5252;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 5px #0000004d}.outbox-top-button{position:relative}.history-summary-card{border-radius:var(--radius-lg);background:linear-gradient(145deg,#191c1ce0,#111414d1);border:1px solid #68d7ad2e;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex;box-shadow:0 16px 40px #00000029}.history-summary-card small{color:var(--faint);text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.history-summary-card strong{color:var(--text);letter-spacing:-.02em;font-size:20px}.history-summary-right{text-align:right}.history-summary-right strong{color:var(--success)}.order-history-list{gap:12px;margin-top:14px;display:grid}.history-order-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#191c1ce6,#141717d6);gap:12px;padding:16px;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:0 16px 38px #00000026}.history-order-card:hover{border-color:#fdaaf93d;transform:translateY(-1px)}.history-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-folio{color:var(--primary-bright);align-items:center;gap:6px;font-size:14px;display:inline-flex}.order-state-badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.order-state-badge.sale{color:var(--success);background:#68d7ad24;border:1px solid #68d7ad40}.order-state-badge.draft{color:var(--primary-bright);background:#fdaaf91f;border:1px solid #fdaaf938}.order-state-badge.cancel{color:#ff5a5f;background:#ff5a5f1f;border:1px solid #ff5a5f38}.history-card-body{gap:6px;display:grid}.history-customer-row{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.history-date-row{color:var(--faint);align-items:center;gap:6px;font-size:12px;display:flex}.history-ref-row small{color:var(--faint);font-family:monospace;font-size:11px}.history-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:10px;display:flex}.history-card-footer span{color:var(--faint);text-transform:uppercase;font-size:12px;font-weight:700}.history-card-footer strong{color:var(--text);font-size:18px}.history-card-footer>div{gap:3px;min-width:0;display:grid}.history-edit-button{border-radius:11px;min-height:36px;padding-inline:12px;font-size:11px}.statement-toolbar{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.statement-toolbar>span,.read-only-note,.read-only-banner{align-items:center;gap:8px;display:flex}.statement-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.statement-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.statement-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg, #191c1cf0, #141717e0), var(--surface);align-content:space-between;gap:8px;min-width:0;min-height:132px;padding:17px;display:grid;box-shadow:0 16px 38px #00000024}.statement-card small,.statement-card span{color:var(--faint);font-size:11px}.statement-card strong{color:var(--text);font-size:clamp(20px,2.4vw,27px);line-height:1}.statement-card.overdue{background:linear-gradient(145deg, #521e2447, #141717e6), var(--surface);border-color:#ffaaa338}.statement-card.overdue strong{color:var(--danger)}.statement-card.credit{background:linear-gradient(145deg, #1f5f4638, #141717e6), var(--surface);border-color:#68d7ad38}.statement-card.credit strong{color:var(--success)}.statement-lines-card,.order-editor-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#191c1ceb,#141717d6);gap:14px;padding:18px;display:grid;box-shadow:0 18px 42px #0000002b}.statement-line-list,.editor-lines,.editor-section{gap:10px;display:grid}.statement-line{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff06;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.statement-line>div:first-child,.editor-line-copy,.editor-customer-card>div{gap:4px;min-width:0;display:grid}.statement-line strong,.editor-line strong,.editor-customer-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statement-line small,.editor-line small,.editor-customer-card small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.statement-line-amount{text-align:right;justify-items:end;gap:5px;display:grid}.statement-status{min-height:24px;color:var(--primary-bright);background:#fdaaf914;border:1px solid #fdaaf92e;border-radius:999px;align-items:center;padding:0 9px;font-size:10px;font-weight:900;display:inline-flex}.statement-status.danger{color:var(--danger);background:#ffaaa31a;border-color:#ffaaa342}.statement-status.success{color:var(--success);background:#68d7ad1a;border-color:#68d7ad42}.read-only-note,.read-only-banner{border-radius:var(--radius-md);color:#d9ffef;background:#68d7ad14;border:1px solid #68d7ad2e;margin:13px 0 0;padding:12px 14px;font-size:12px;font-weight:700}.read-only-banner{color:#ffe4ae;background:#efc2751a;border-color:#efc2753d;margin:0 0 14px}.editor-customer-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff06;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:13px;display:grid}.compact-search{min-height:44px}.editor-product-results{border-radius:var(--radius-md);background:#08090952;border:1px solid #fdaaf91f;gap:7px;padding:8px;display:grid}.editor-product-results button{min-width:0;min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.editor-product-results button:hover{background:#fdaaf914;border-color:#fdaaf933}.editor-product-results button span{gap:3px;min-width:0;display:grid}.editor-product-results button strong,.editor-product-results button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-product-results button small,.editor-empty-result{color:var(--faint);font-size:11px}.editor-empty-result{margin:0;padding:8px 10px}.editor-line{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.editor-line-actions{grid-template-columns:126px 120px auto;align-items:end;gap:8px;display:grid}.mini-stepper{border-radius:11px;grid-template-columns:36px 1fr 36px;height:42px}.mini-stepper button{width:36px;height:38px}.editor-price-input{width:120px}.editor-price-input>span{font-size:9px}.editor-price-input>div{border-radius:11px;height:42px}.editor-price-input input{width:82px;min-height:38px}.danger-button{color:var(--danger)}.danger-button:hover{background:#ffaaa31a}.editor-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.editor-total>span{min-width:0;color:var(--faint);text-transform:uppercase;gap:3px;font-size:12px;font-weight:800;display:grid}.editor-total strong{color:var(--primary-bright);text-transform:none;font-size:26px}.editor-total-breakdown{text-transform:none;font-size:11px;font-weight:700}.outbox-top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.outbox-sync-alert{border-radius:var(--radius-md);color:#d9ffef;background:#68d7ad1f;border:1px solid #68d7ad47;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.outbox-list{gap:12px;margin-top:14px;display:grid}.outbox-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#191c1ce6,#141717d6);gap:12px;padding:16px;display:grid;box-shadow:0 16px 38px #00000026}.outbox-card.pending{background:linear-gradient(145deg,#ffc1070f 0%,#191c1ceb 100%);border-color:#ffc10759}.outbox-card.attention{background:linear-gradient(145deg,#ff5a5f12 0%,#191c1ceb 100%);border-color:#ff5a5f66}.outbox-card.confirmed{border-color:#68d7ad4d}.outbox-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.outbox-status-tag span{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.tag-pending{color:#ffd54f;background:#ffc10726;border:1px solid #ffc1074d}.tag-sending{color:#90caf9;background:#64b5f626;border:1px solid #64b5f64d}.tag-confirmed{color:var(--success);background:#68d7ad24;border:1px solid #68d7ad40}.tag-attention{color:#ff8a80;background:#ff5a5f26;border:1px solid #ff5a5f4d}.outbox-timestamp{color:var(--faint);font-size:12px}.outbox-card-body{gap:6px;display:grid}.outbox-client-name{color:var(--text);font-size:16px}.outbox-details{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.outbox-details strong{color:var(--text);font-size:16px}.outbox-note{color:var(--muted);margin:0;font-size:12px;font-style:italic}.outbox-error-box{color:#ff8a80;background:#ff5a5f1f;border:1px solid #ff5a5f40;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:flex}.outbox-ref{color:var(--faint);font-family:monospace;font-size:11px}.outbox-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.delete-outbox-button{color:var(--faint)}.delete-outbox-button:hover{color:#ff5a5f;background:#ff5a5f1a}.toast{z-index:90;max-width:calc(100vw - 30px);left:50%;bottom:calc(83px + var(--safe-bottom));color:#d9ffef;text-align:center;white-space:normal;background:#21392f;border:1px solid #68d7ad3d;border-radius:999px;align-items:center;gap:7px;padding:11px 15px;font-size:12px;font-weight:800;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 34px #00000057}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:900px){.app-frame{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:92px minmax(0,1fr)}.topbar{grid-column:1/-1;padding-inline:24px}.offline-banner{grid-column:1/-1}.app-main{grid-area:3/2}.bottom-nav{border-top:0;border-right:1px solid var(--line);grid-area:3/1;grid-template-rows:repeat(4,74px) 1fr;grid-template-columns:1fr;align-content:start;min-height:0;padding:18px 8px;box-shadow:14px 0 34px #00000029}.bottom-nav button{min-height:68px}.product-screen{padding-bottom:30px}.catalog-results{padding-bottom:120px}.toast{bottom:24px}}@media (max-width:760px){.topbar{min-height:64px;padding-block:9px}.brand-mark{flex-basis:40px;width:40px;height:40px}.brand-copy small{display:none}.customer-chip{max-width:49vw;height:42px;padding:0 10px}.customer-chip span{font-size:11px}.seller-chip,.topbar .icon-button{display:none}.screen{padding:22px 15px 38px}.screen-title-row{align-items:flex-start;margin-bottom:16px}.screen-title-row h1{font-size:29px}.screen-title-row p{font-size:12px;line-height:1.45}.screen-title-row>.button{width:46px;min-width:46px;padding:0;font-size:0}.screen-title-row>.button svg{width:20px}.hero-panel{border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:300px;padding:26px 22px}.hero-panel h1{font-size:40px}.hero-panel p{font-size:14px}.hero-status-row{margin-bottom:12px}.hero-action{width:100%;margin-top:10px}.home-grid{grid-template-columns:1fr}.summary-card{min-height:130px}.flow-card{padding:19px}.flow-steps{grid-template-columns:1fr}.search-field{border-radius:12px;min-height:46px}.product-grid{grid-template-columns:1fr;gap:10px}.catalog-results{padding-bottom:calc(132px + var(--safe-bottom))}.product-card{border-radius:16px;padding:14px 16px}.product-card h2{min-height:0;margin-top:4px;margin-bottom:8px;font-size:15px}.product-price strong{font-size:20px}.product-actions{grid-template-columns:minmax(0,1fr) 44px}.floating-order-card{right:12px;bottom:calc(80px + var(--safe-bottom));border-radius:22px;width:calc(100vw - 24px);min-height:78px;padding:12px 14px}.client-row{min-height:72px}.client-select-main{gap:10px;padding:11px 4px 11px 12px}.client-statement-button{border-radius:11px;width:40px;min-width:40px;margin-right:8px;padding:0}.client-statement-button span{display:none}.cart-line{padding:16px}.cart-controls{grid-template-columns:132px minmax(0,1fr)}.line-total{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto;place-items:center stretch;padding-top:12px}.line-total strong{text-align:right}.total-card,.order-total{align-items:flex-end}.total-card>strong,.order-total>strong{font-size:21px}.checkout-button{max-width:none}.review-grid{grid-template-columns:1fr}.dialog-backdrop{padding:0}.dialog-sheet{max-height:92dvh;padding:21px 16px calc(21px + var(--safe-bottom));border-radius:22px 22px 0 0}.tutorial-backdrop{align-items:end;padding:10px}.tutorial-sheet{width:100%;max-height:calc(96dvh - var(--safe-bottom));border-radius:26px}.tutorial-header{grid-template-columns:auto 1fr auto;gap:10px;padding:16px 16px 12px}.tutorial-header>span{justify-self:start;font-size:10px}.tutorial-progress{margin-inline:16px}.tutorial-stage{grid-template-columns:1fr;gap:18px;padding:18px 16px 16px}.tutorial-visual{align-content:center;min-height:210px;padding:18px}.tutorial-icon{border-radius:24px;width:84px;height:84px}.tutorial-icon svg{width:38px;height:38px}.tutorial-mini-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tutorial-mini-card{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:8px 6px}.tutorial-mini-card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.tutorial-copy h2{font-size:32px}.tutorial-copy p{font-size:14px}.tutorial-bullets li{padding:10px;font-size:12px}.tutorial-footer{padding:14px 16px calc(16px + var(--safe-bottom));grid-template-columns:1fr;display:grid}.tutorial-dots{order:2;justify-content:center}.tutorial-actions{order:1;grid-template-columns:1fr;width:100%;display:grid}.tutorial-actions .button{min-height:46px;padding-inline:12px}.tutorial-actions .button.primary{order:-1}.tutorial-actions .button.ghost{color:var(--faint)}.form-columns,.promo-quantities{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(3,1fr)}.success-actions{grid-template-columns:1fr}.statement-toolbar{flex-direction:column;align-items:flex-start}.statement-toolbar>div{grid-template-columns:1fr 1fr;width:100%;display:grid}.statement-toolbar .button{min-width:0;padding-inline:9px}.statement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-card{border-radius:16px;min-height:112px;padding:15px}.statement-card strong{font-size:20px}.statement-line{grid-template-columns:minmax(0,1fr);align-items:start}.statement-line-amount{text-align:left;grid-template-columns:auto 1fr;justify-items:start;width:100%}.statement-line-amount strong{justify-self:end}.order-editor-card,.statement-lines-card{border-radius:16px;padding:15px}.editor-line{grid-template-columns:1fr;align-items:stretch;padding:13px}.editor-line-actions{grid-template-columns:124px minmax(0,1fr) 40px;align-items:end}.editor-price-input{width:auto;min-width:0}.editor-price-input input{width:100%}.editor-total{flex-direction:column;align-items:stretch}.editor-total .button{width:100%}.seller-key-row{grid-template-columns:auto minmax(0,1fr)}.copy-key-button,.key-ready{grid-column:1/-1;width:100%}.toast{bottom:calc(170px + var(--safe-bottom));text-overflow:ellipsis;overflow:hidden}}@media (max-width:390px){.brand-copy{display:none}.customer-chip{max-width:calc(100vw - 118px)}.cart-controls{grid-template-columns:116px minmax(0,1fr);gap:8px}.stepper{grid-template-columns:38px 1fr 38px}.stepper button{width:38px}.total-card{flex-direction:column;align-items:flex-start}.product-card{gap:10px}.product-card h2{font-size:15px}.compact-add{font-size:12px}.catalog-stepper{grid-template-columns:38px minmax(34px,1fr) 38px}.catalog-stepper button{width:38px}.floating-order-card{gap:10px}.floating-order-card strong{font-size:22px}.bottom-nav{gap:5px;padding-inline:8px}.bottom-nav small{font-size:10px}.statement-summary-grid,.statement-toolbar>div,.editor-line-actions{grid-template-columns:1fr}.editor-line-actions .danger-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}