.app-loader{z-index:9999;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0}.app-loader-card{text-align:center;flex-direction:column;align-items:center;width:min(320px,100vw - 48px);animation:.3s ease-out both app-loader-enter;display:flex}.app-loader-mark{flex:0 0 clamp(48px,10vw,64px);width:clamp(48px,10vw,64px);height:clamp(50px,10.3vw,66px);position:relative}.app-loader-m-piece{will-change:transform, opacity;place-items:center;display:grid;position:absolute;inset:0}.app-loader-m-piece .mahalna-logo-icon{display:block}.app-loader-m-piece.diagonal-top{clip-path:polygon(0 0,100% 0,0 100%);animation:2s cubic-bezier(.22,1,.36,1) infinite app-loader-m-diagonal-top}.app-loader-m-piece.diagonal-bottom{clip-path:polygon(100% 0,100% 100%,0 100%);animation:2s cubic-bezier(.22,1,.36,1) infinite app-loader-m-diagonal-bottom}.app-loader-brand{justify-content:center;align-items:center;gap:clamp(4px,1vw,6px);display:inline-flex}.app-loader-brand h1{color:#0f172a;letter-spacing:clamp(-.7px,-.12vw,-.4px);margin:0;font-size:clamp(26px,5vw,32px);font-weight:950;line-height:1}.app-loader-brand h1 span{color:#f97316}.app-loader-line{background:#e5e7eb;width:min(280px,78vw);height:3px;margin-top:clamp(24px,5vw,30px);position:relative;overflow:hidden}.app-loader-line span{background:#f48120;width:38%;animation:1.15s linear infinite app-loader-line;position:absolute;inset:0 auto 0 0}@keyframes app-loader-enter{0%{opacity:0}to{opacity:1}}@keyframes app-loader-m-diagonal-top{0%{opacity:0;transform:translate(-14px,-13px)rotate(-13deg)scale(.88)}24%,56%{opacity:1;transform:translate(0)rotate(0)}64%{opacity:1;transform:translate(0)rotate(0)scale(1.06)}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(-9px,-8px)rotate(-7deg)scale(.94)}}@keyframes app-loader-m-diagonal-bottom{0%{opacity:0;transform:translate(14px,13px)rotate(13deg)scale(.88)}24%,56%{opacity:1;transform:translate(0)rotate(0)}64%{opacity:1;transform:translate(0)rotate(0)scale(1.06)}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(9px,8px)rotate(7deg)scale(.94)}}@keyframes app-loader-line{0%{transform:translate(-105%)}to{transform:translate(365%)}}@media (prefers-reduced-motion:reduce){.app-loader-card,.app-loader-m-piece,.app-loader-line span{animation:none}.app-loader-m-piece{opacity:1;transform:none}.app-loader-line span{opacity:.6;width:100%}}.app-error-boundary-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.app-error-boundary-card{border-radius: var(--radius-3xl);text-align:center;background:#fff;border:1px solid #e2e8f0;justify-items:center;gap:20px;width:min(500px,100%);padding:30px;display:grid;box-shadow:0 14px 34px #0f172a14}.app-error-boundary-icon{border-radius: var(--radius-2xl);color:#ea580c;background:#fff7ed;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.app-error-boundary-icon svg{stroke-width:2.25px;width:29px;height:29px}.app-error-boundary-content{gap:8px;max-width:420px;display:grid}.app-error-boundary-eyebrow{color:#ea580c;font-size:12px;font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:.1em;margin:0}.app-error-boundary-content h1{color:#0f172a;font-size:24px;font-weight:var(--weight-black);letter-spacing:-.45px;margin:0}.app-error-boundary-content p{color:#64748b;margin:0;font-size:14px;font-weight:550;line-height:1.6}.app-error-boundary-details{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;width:100%;overflow:hidden}.app-error-boundary-details summary{color:#334155;font-size:13px;font-weight:var(--weight-bold);cursor:pointer;padding:12px 14px}.app-error-boundary-details pre{color:#e2e8f0;background:#0f172a;border-top:1px solid #e2e8f0;max-width:100%;max-height:160px;margin:0;padding:12px 14px;font-size:12px;line-height:1.5;overflow:auto}.app-error-boundary-support{color:#94a3b8!important;margin-top:4px!important;font-size:13px!important}.app-error-boundary-details-meta{color:#64748b;border-top:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:10px 14px;font-size:11px;display:flex}.app-error-boundary-details .app-error-boundary-button{min-height:36px;margin:8px 14px 12px;font-size:12px}.app-error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.app-error-boundary-button{border-radius: var(--radius-lg);background:var(--color-primary);color:#fff;min-height:42px;font-size:13px;font-weight:var(--weight-extrabold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}.app-error-boundary-button-secondary{color:#334155;background:0 0;border:1px solid #d9e1ec}.app-error-boundary-button:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 10px 20px #f973162e}.app-error-boundary-button-secondary:hover{box-shadow:none;background:#f1f5f9;border-color:#cbd5e1;transform:none}.app-error-boundary-button svg{stroke-width:2.4px;width:16px;height:16px}@media (width<=520px){.app-error-boundary-page{padding:18px}.app-error-boundary-card{border-radius: var(--radius-2xl);padding:24px}.app-error-boundary-content h1{font-size:22px}.app-error-boundary-button{width:100%}}.session-timeout-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-timeout-modal{border-radius: var(--radius-lg);text-align:center;background:#fff;width:90%;max-width:400px;padding:32px;box-shadow:0 20px 60px #0000004d}.session-timeout-icon{color:#f59e0b;margin-bottom:16px}.session-timeout-modal h2{font-size:20px;font-weight:var(--weight-semibold);color:#1a1a2e;margin:0 0 8px}.session-timeout-message{color:#4a4a6a;margin:0 0 4px;font-size:15px}.session-timeout-hint{color:#888;margin:0 0 20px;font-size:13px;line-height:1.4}.session-timeout-countdown{justify-content:center;margin-bottom:24px;display:flex}.session-timeout-ring{width:80px;height:80px;transform:rotate(-90deg)}.session-timeout-ring-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.session-timeout-ring-fill{fill:none;stroke:#f59e0b;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray 1s linear}.session-timeout-ring-text{fill:#1a1a2e;font-size:10px;font-weight:var(--weight-bold);transform-origin:18px 18px;transform:rotate(90deg)}.session-timeout-actions{justify-content:center;display:flex}.session-timeout-extend-button{border-radius: var(--radius-xs);color:#fff;font-size:15px;font-weight:var(--weight-semibold);cursor:pointer;background:#4f46e5;border:none;padding:10px 32px;transition:background .15s}.session-timeout-extend-button:hover{background:#4338ca}.session-timeout-extend-button:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}@media (width<=768px){.session-timeout-modal{max-width:360px;padding:24px}.session-timeout-modal h2{font-size:18px}.session-timeout-message{font-size:14px}.session-timeout-ring{width:64px;height:64px}}@media (width<=480px){.session-timeout-modal{width:95%;max-width:300px;padding:20px}.session-timeout-extend-button{width:100%;padding:12px 16px}}.shortcuts-help-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.15s shortcuts-fade-in;display:flex;position:fixed;inset:0}@keyframes shortcuts-fade-in{0%{opacity:0}to{opacity:1}}.shortcuts-help-modal{background:var(--bg-primary,#fff);border-radius: var(--radius-lg);flex-direction:column;width:480px;max-width:90vw;max-height:80vh;animation:.2s shortcuts-slide-up;display:flex;box-shadow:0 20px 60px #00000040}@keyframes shortcuts-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-help-header{border-bottom:1px solid var(--border-color,var(--color-border));justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.shortcuts-help-header h2{font-size:18px;font-weight:var(--weight-semibold);color:var(--text-primary,var(--color-text-primary));margin:0}.shortcuts-help-platform{color:#64748b;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:600}.shortcuts-help-header button{border-radius: var(--radius-xs);width:32px;height:32px;color:var(--text-secondary,var(--color-text-muted));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.shortcuts-help-header button:hover{background:var(--bg-hover,var(--color-border));color:var(--text-primary,var(--color-text-primary))}.shortcuts-help-body{padding:16px 24px 24px;overflow-y:auto}.shortcuts-help-section{margin-bottom:20px}.shortcuts-help-section:last-child{margin-bottom:0}.shortcuts-help-section h3{font-size:13px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,var(--color-text-muted));margin:0 0 10px}.shortcuts-help-list{flex-direction:column;gap:8px;display:flex}.shortcuts-help-item{border-radius: var(--radius-xs);align-items:center;gap:12px;padding:6px 8px;transition:background .15s;display:flex}.shortcuts-help-item:hover{background:var(--bg-hover,#f9fafb)}.shortcuts-help-key{min-width:60px;font-family:inherit;font-size:12px;font-weight:var(--weight-semibold);background:var(--bg-secondary,var(--color-border));border:1px solid var(--border-color,#d1d5db);color:var(--text-primary,var(--color-text-secondary));white-space:nowrap;text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:3px 8px;line-height:1.6;display:inline-flex;box-shadow:0 1px 2px #0000000d}.shortcuts-help-desc{color:var(--text-primary,var(--color-text-secondary));font-size:14px}@media (width<=520px){.shortcuts-help-header{flex-wrap:wrap;padding:16px 18px 14px}.shortcuts-help-header h2{flex:auto}.shortcuts-help-platform{flex:1 0 100%;order:3;margin-left:0}}.onboarding-loading-screen,.onboarding-backdrop{z-index:10000;position:fixed;inset:0}.onboarding-loading-screen{text-align:center;color:#5f625e;background:#f7f7f5;place-content:center;gap:12px;font:600 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.onboarding-backdrop{color:#191c19;background:#eeefec;padding:clamp(0px,2.2vw,28px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.onboarding-dialog{--orange:#f36b21;background:#fbfbf9;border:1px solid #191c1914;border-radius:clamp(0px,2vw,24px);grid-template-rows:72px 1fr 76px;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 24px 80px #1f26201f}.onboarding-orb{display:none}.onboarding-header{background:#fbfbf9f0;border-bottom:1px solid #e7e8e4;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,3.5vw,52px);display:grid}.onboarding-brand{align-items:center;gap:3px;display:flex}.onboarding-brand strong{letter-spacing:-.025em;font-size:17px}.onboarding-brand strong span{color:var(--orange)}.onboarding-brand i{color:#8a8f89;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid #d9dbd6;margin-left:6px;padding-left:14px;font-size:10px;font-style:normal;font-weight:700}.onboarding-header-status{align-items:baseline;gap:5px;display:flex}.onboarding-header-status span{font-size:13px;font-weight:800}.onboarding-header-status small{color:#979b96;font-size:10px}.onboarding-close{color:#666b65;cursor:pointer;background:#eff0ed;border:0;border-radius:50%;justify-self:end;place-items:center;width:38px;height:38px;transition:all .18s;display:grid}.onboarding-close:hover{color:#191c19;background:#e4e6e1}.onboarding-close svg{width:18px}.onboarding-progress{z-index:2;width:min(470px,46vw);padding-top:19px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.onboarding-progress>span{display:none}.onboarding-progress>div{align-items:center;display:flex}.onboarding-progress i{color:#a0a49f;flex:1;align-items:center;font-style:normal;display:flex;position:relative}.onboarding-progress i:last-child{flex:0}.onboarding-progress i:not(:last-child):after{content:"";background:#dfe1dc;width:100%;height:1px}.onboarding-progress i.active:not(:last-child):after{background:#f6a276}.onboarding-progress i b{background:#fbfbf9;border:1px solid #d9dcd6;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.onboarding-progress i.active b{border-color:var(--orange);background:var(--orange);color:#fff}.onboarding-progress i small{letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:700;position:absolute;top:30px;left:12px;transform:translate(-50%)}.onboarding-progress i.active small{color:#555a54}.onboarding-body{grid-template-columns:minmax(0,500px) minmax(380px,600px);justify-content:center;align-items:center;gap:clamp(34px,6vw,92px);min-height:0;padding:64px clamp(26px,5vw,76px) 24px;display:grid;overflow:hidden}.onboarding-content{order:1;min-width:0}.onboarding-visual{background:#fff;border:1px solid #e2e4df;border-radius:20px;order:2;min-width:0;padding:9px;box-shadow:0 18px 50px #22292314}.onboarding-preview-label{justify-content:space-between;align-items:center;height:32px;padding:0 6px;display:flex}.onboarding-preview-label span{color:#444a44;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.onboarding-preview-label span svg{color:var(--orange)}.onboarding-preview-label small{color:#a0a49f;text-transform:uppercase;font-size:8px;font-weight:700}.onboarding-kicker{text-transform:uppercase;color:var(--orange)!important;letter-spacing:.14em!important;margin:0 0 13px!important;font-size:10px!important;font-weight:800!important}.onboarding-content h1{color:#171a17;letter-spacing:-.055em;outline:none;max-width:520px;margin:0 0 16px;font-size:clamp(36px,4.2vw,60px);font-weight:650;line-height:.98}.onboarding-content>p{color:#696e68;max-width:510px;margin:0;font-size:14px;line-height:1.65}.onboarding-content ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:22px 0 0;padding:0;list-style:none;display:grid}.onboarding-content li{color:#414641;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.onboarding-content li svg{color:var(--orange);flex:none}.onboarding-sequence{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.onboarding-sequence span{color:#555a54;background:#fff;border:1px solid #e3e5e0;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.onboarding-details{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;display:grid}.onboarding-details article{background:#fff;border:1px solid #e5e7e2;border-radius:12px;padding:12px}.onboarding-details h2{color:#2e332e;margin:0 0 5px;font-size:10px}.onboarding-details p{color:#7c817b;margin:0;font-size:9px;line-height:1.45}.onboarding-checklist{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;display:grid}.onboarding-checklist span{color:#484d47;align-items:center;gap:8px;font-size:11px;display:flex}.onboarding-checklist svg{width:16px;height:16px;color:var(--orange);background:#fff0e8;border-radius:50%;padding:3px}.onboarding-note{align-items:center;gap:7px;color:#8b4b28!important;margin-top:13px!important;font-size:10px!important;display:flex!important}.onboarding-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:11px}.story-canvas{color:#252925;background:linear-gradient(145deg,#fafaf8,#f1f3ef);border-radius:13px;height:clamp(280px,43vh,410px);position:relative;overflow:hidden}.story-canvas:before{content:"";background-image:radial-gradient(#78807738 .7px,#0000 .7px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.story-ring{border:1px solid #f36b2133;border-radius:50%;position:absolute}.ring-one{inset:15% 20%}.ring-two{border-style:dashed;inset:27% 31%}.story-core{flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-node{background:#fffffff0;border:1px solid #dfe2dc;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:flex;position:absolute;box-shadow:0 7px 18px #272e2812}.story-node svg{width:14px;color:var(--orange)}.node-products{top:12%;left:9%}.node-customers{top:16%;right:8%}.node-sales{bottom:13%;right:10%}.node-reports{bottom:11%;left:10%}.story-flow{grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;padding:15% 5% 24%;display:grid}.story-flow-line{background:#f0a57d;height:1px;position:absolute;top:48%;left:10%;right:10%}.story-stage{z-index:1;text-align:center;background:#fffffff2;border:1px solid #dfe2dc;border-radius:13px;flex-direction:column;align-items:center;min-height:125px;padding:16px 8px;display:flex;position:relative}.story-stage>small{color:#a3a8a2;font-size:7px;position:absolute;top:8px;left:9px}.story-stage>svg{width:23px;color:var(--orange);margin:17px 0 9px}.story-stage>b{font-size:11px}.story-stage>span{color:#8a8f89;margin-top:4px;font-size:8px}.story-product-token{color:#fff;background:#222722;border-radius:11px;align-items:center;gap:9px;width:190px;padding:10px 12px;display:flex;position:absolute;bottom:7%;right:50%;transform:translate(50%)}.story-product-token>svg{color:#ff9a61;width:17px}.story-product-token>span{flex-direction:column;flex:1;display:flex}.story-product-token b{font-size:9px}.story-product-token small{color:#adb3ad;font-size:7px}.story-product-token>svg:last-child{width:11px}.story-person{z-index:2;background:#fff;border:1px solid #dfe2dc;border-radius:14px;align-items:center;gap:10px;width:165px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #282f291a}.story-person>svg{width:27px;height:27px;color:var(--orange);background:#fff0e8;border-radius:11px;padding:8px}.story-person>span,.story-bubble>span{flex-direction:column;display:flex}.story-person b{font-size:12px}.story-person small,.story-bubble small{color:#8e938d;font-size:7px}.story-customer-path{border:1px dashed #ccd0ca;border-radius:50%;position:absolute;inset:15% 18%}.story-bubble{background:#fffffff2;border:1px solid #dfe2dc;border-radius:11px;align-items:center;gap:8px;padding:9px 11px;display:flex;box-shadow:0 7px 18px #272e280f}.story-bubble>svg{width:17px;color:var(--orange)}.story-bubble b{font-size:9px}.story-customer>.story-bubble{position:absolute}.bubble-contact{top:11%;left:7%}.bubble-history{top:16%;right:6%}.bubble-care{bottom:12%;right:10%}.story-loyalty{color:#855033;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:12%;left:8%}.story-loyalty svg{width:14px;color:var(--orange)}.story-checkout{flex-direction:column;justify-content:center;padding:8% 4%;display:flex}.checkout-path{justify-content:center;align-items:center;gap:5px;display:flex}.checkout-path>.story-stage{width:92px;min-height:118px}.checkout-path>svg{color:#bfc3bd;width:12px}.checkout-pulse{flex-direction:column;align-items:center;margin-top:28px;display:flex}.checkout-pulse>span{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-bottom:10px;box-shadow:0 0 0 7px #f36b211a}.checkout-pulse b{font-size:11px}.checkout-pulse small{color:#8b908a;margin-top:4px;font-size:7px}.story-growth{padding:24px}.growth-sun{align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:22px;left:24px}.growth-sun svg{color:#ff985e;background:#222722;border-radius:10px;width:18px;padding:8px}.story-growth>svg{width:90%;height:45%;position:absolute;top:20%;right:5%}.story-growth>svg path{fill:none;stroke:var(--orange);stroke-width:3px;stroke-linecap:round}.growth-pillars{grid-template-columns:repeat(4,1fr);gap:7px;display:grid;position:absolute;bottom:7%;left:4%;right:4%}.growth-pillars .story-bubble{flex-direction:column;align-items:flex-start;min-height:70px}.growth-pillars .story-bubble:nth-child(2){transform:translateY(-18px)}.growth-pillars .story-bubble:nth-child(3){transform:translateY(-36px)}.growth-pillars .story-bubble:nth-child(4){transform:translateY(-54px)}.onboarding-footer{background:#fff;border-top:1px solid #e7e8e4;justify-content:space-between;align-items:center;padding:0 clamp(20px,3.5vw,52px);display:flex}.onboarding-footer>div{gap:8px;display:flex}.onboarding-footer button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font:700 11px inherit;display:flex}.onboarding-footer button:disabled{cursor:not-allowed;opacity:.55}.onboarding-text-button{color:#777c76;background:0 0;border:0}.onboarding-text-button:hover{color:#202420}.onboarding-secondary{color:#444944;background:#fff;border:1px solid #dcdfda}.onboarding-primary{color:#fff;background:#202420;border:0;min-width:148px;box-shadow:0 8px 18px #20242026}.onboarding-primary svg,.onboarding-secondary svg{width:15px}.onboarding-primary:hover{background:#f36b21}.onboarding-confirm-backdrop{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171b1761;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-confirm{text-align:center;background:#fff;border-radius:18px;width:min(380px,100%);padding:28px;box-shadow:0 24px 70px #1419142e}.onboarding-confirm>svg{color:var(--orange)}.onboarding-confirm h2{margin:12px 0 7px;font-size:20px}.onboarding-confirm p{color:#747a73;margin:0;font-size:12px}.onboarding-confirm>div:last-child{justify-content:center;gap:8px;margin-top:20px;display:flex}.onboarding-confirm button{background:#fff;border:1px solid #dde0da;border-radius:9px;min-height:40px;padding:0 14px;font-weight:700}.onboarding-confirm button.danger{color:#fff;background:#202420;border-color:#202420}@media (width<=900px){.onboarding-dialog{grid-template-rows:62px 1fr 70px}.onboarding-progress{width:min(420px,62vw);top:62px}.onboarding-body{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;padding:62px 24px 18px}.onboarding-content h1{font-size:clamp(32px,5vw,45px)}.onboarding-details{grid-template-columns:1fr}.onboarding-details article:nth-child(n+3){display:none}.story-canvas{height:clamp(260px,40vh,350px)}}@media (width<=640px){.onboarding-backdrop{padding:0}.onboarding-dialog{border:0;border-radius:0;grid-template-rows:56px 1fr 68px}.onboarding-header{grid-template-columns:1fr auto;padding:0 16px}.onboarding-brand i,.onboarding-header-status{display:none}.onboarding-progress{width:calc(100% - 36px);padding-top:10px;top:56px}.onboarding-progress i small{display:none}.onboarding-body{grid-template-rows:auto minmax(115px,1fr);grid-template-columns:1fr;gap:12px;padding:48px 16px 10px;display:grid}.onboarding-content{align-self:start}.onboarding-content h1{margin-bottom:10px;font-size:clamp(29px,10vw,38px)}.onboarding-content>p{font-size:12px;line-height:1.5}.onboarding-content ul,.onboarding-details,.onboarding-checklist{display:none}.onboarding-sequence{margin-top:11px}.onboarding-sequence span{padding:6px 8px;font-size:8px}.onboarding-visual{align-self:stretch;padding:6px}.onboarding-preview-label{height:24px}.onboarding-preview-label small{display:none}.story-canvas{height:100%;min-height:115px}.story-ring{display:none}.story-core svg{width:38px!important;height:38px!important}.story-node{padding:5px 7px;font-size:7px}.story-flow{padding:4%}.story-flow-line,.story-product-token{display:none}.story-stage{min-height:82px;padding:8px 3px}.story-stage>svg{width:18px;margin:13px 0 4px}.story-stage>span{display:none}.story-person{width:135px;padding:7px}.story-person>svg{width:18px;height:18px;padding:6px}.story-customer-path{inset:8% 12%}.story-customer>.story-bubble{padding:5px}.story-customer>.story-bubble small,.story-loyalty{display:none}.bubble-contact{top:5%;left:3%}.bubble-history{top:8%;right:3%}.bubble-care{bottom:5%;right:4%}.checkout-path>.story-stage{width:auto;min-height:78px}.checkout-path>svg,.checkout-pulse{display:none}.growth-pillars{gap:3px;bottom:4%}.growth-pillars .story-bubble{min-height:44px;padding:5px;transform:none!important}.growth-pillars .story-bubble small{display:none}.growth-sun{top:8px;left:8px}.story-growth>svg{height:70%;top:4%}.onboarding-footer{padding:0 12px}.onboarding-text-button{padding:0 6px!important;font-size:9px!important}.onboarding-footer>div{gap:5px}.onboarding-footer button{padding:0 11px}.onboarding-primary{min-width:0}.onboarding-primary span{white-space:nowrap}}@media (height<=650px) and (width>=641px){.onboarding-dialog{grid-template-rows:58px 1fr 62px}.onboarding-progress{padding-top:8px;top:58px}.onboarding-progress i small{display:none}.onboarding-body{padding-top:42px}.onboarding-content h1{font-size:34px}.onboarding-details{margin-top:10px}.onboarding-details article{padding:8px}.story-canvas{height:250px}.onboarding-footer button{min-height:38px}}:root{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#f973161f;--color-primary-gradient:linear-gradient(135deg, #ff7a00, #ff6500);--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#4b5563;--color-text-inverse:#fff;--color-surface:#fff;--color-bg-primary:#f5f5f5;--color-bg-secondary:#f3f4f6;--color-bg-tertiary:#f9fafb;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-input:#d9e1ec;--color-border-table:#eef2f7;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#2563eb;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:18px;--radius-full:30px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--text-3xl:20px;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--shadow-sm:0 10px 25px #0f172a14;--shadow-md:0 14px 32px #0f172a14;--shadow-lg:0 18px 42px #0f172a2e;--shadow-xl:0 24px 60px #0f172a29;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-sidebar:.38s cubic-bezier(.22, 1, .36, 1);--sidebar-width:235px;--sidebar-collapsed-width:92px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:18px;--gap-2xl:24px;--btn-height-sm:32px;--btn-height-md:42px;--btn-height-lg:46px;--btn-height-xl:48px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite btn-spin;display:inline-block}*,:before,:after{box-sizing:border-box}:root{--mobile-browser-chrome-color:#fff;--mobile-browser-top-chrome-color:var(--mobile-browser-chrome-color);--mobile-browser-bottom-chrome-color:var(--mobile-browser-chrome-color)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--mobile-browser-top-chrome-color)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body{background:var(--mobile-browser-bottom-chrome-color,#f5f5f5);color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}#root{background:var(--mobile-browser-bottom-chrome-color);min-width:0;min-height:100dvh}.container{padding:24px}.navbar{background:var(--color-text-primary);color:#fff;padding:16px 24px}.card{border-radius: var(--radius-lg);background:#fff;margin-bottom:16px;padding:20px}@media (width<=768px){html,body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;min-height:100%}html{background:var(--mobile-browser-top-chrome-color)}body{background:var(--mobile-browser-bottom-chrome-color)}body:before,body:after{content:"";z-index:2147483646;pointer-events:none;position:fixed;left:0;right:0}body:before{height:env(safe-area-inset-top,0px);background:var(--mobile-browser-top-chrome-color);top:0}body:after{height:env(safe-area-inset-bottom,0px);background:var(--mobile-browser-bottom-chrome-color);bottom:0}.container{padding:16px}}@media (width<=480px){.container{padding:12px}}.pos-sale-id{color:#2563eb!important}