@font-face{font-family:Inter;src:url('/assets/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Space;src:url('/assets/space-grotesk-var.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#1c353f;background:#081e25;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #26a38c;outline-offset:4px}button:disabled{opacity:.45;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space,Inter,sans-serif;font-weight:500}h2:focus{outline:none}h3{line-height:1.3}p{line-height:1.7}small{display:block;font-size:.75rem;line-height:1.6}strong,b{font-weight:600}button{text-align:left}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:#90e5d1;padding:15px}.skip:focus{top:10px}
.demo-header{max-width:1440px;margin:auto;height:96px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.demo-header img{display:block}.header-link{color:#c2d8dd;text-decoration:none;font-size:.875rem;display:flex;gap:24px;align-items:center;min-height:44px}.demo-intro{max-width:1440px;margin:auto;padding:70px 48px 54px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;color:#e8f2f4}.eyebrow{font-size:.66rem;font-weight:650;letter-spacing:.15em;line-height:1.6;color:#71c8b8}.demo-intro h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.055em;margin-top:18px}.demo-intro h1 span{color:#a0e6d6}.intro-copy>p{max-width:430px;color:#bdd0d6;font-size:1rem}.intro-copy .sample-note{font-size:.75rem;margin-top:16px;color:#91afb8}.demo-shell{max-width:1344px;width:calc(100% - 96px);margin:auto;display:grid;grid-template-columns:216px minmax(0,1fr);border:1px solid #36515c;border-radius:16px;overflow:clip;box-shadow:0 35px 70px #0003;background:#f4f7f9;min-height:690px}.demo-sidebar{background:#102c36;color:#dce8ec;display:flex;flex-direction:column;padding:28px 18px}.shop{display:flex;align-items:center;gap:10px;padding:0 6px 28px}.shop-mark{display:grid;place-items:center;width:33px;height:37px;border:1px solid #47636d;border-radius:8px;font-family:Space;color:#9ee5d4}.shop strong{font-size:.8rem}.shop small{font-size:.64rem;color:#9cb6c0}.demo-sidebar nav{display:grid;gap:7px}.demo-sidebar nav button{border:0;background:transparent;color:#bed0d7;padding:14px 12px;border-radius:7px;font-size:.8rem;display:flex;align-items:center;gap:15px;min-height:46px}.demo-sidebar nav button>span{font-family:Space;font-size:.63rem;color:#809ea9}.demo-sidebar nav button[aria-pressed=true]{background:#21515a;color:#c9f8ed}.demo-sidebar nav button[aria-pressed=true]>span{color:#92d4c7}.demo-sidebar nav button:hover{background:#ffffff0b}.sidebar-foot{margin-top:auto;padding:45px 10px 0}.sample-badge{font-size:.56rem;letter-spacing:.1em;border:1px solid #365661;padding:6px 8px;border-radius:4px;color:#a8c3cc}.sidebar-foot p{font-size:.72rem;color:#92afba;margin:15px 0}.reset{padding:8px 0;border:none;color:#c2dbdf;background:transparent;font-size:.75rem;min-height:44px;display:flex;justify-content:space-between;width:100%}.demo-main{min-width:0;padding:0 32px 32px}.workspace-top{height:68px;border-bottom:1px solid #dce5e8;display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#617985}.workspace-top>span:last-child{display:flex;gap:12px;align-items:center}.branch-tag{font-size:.58rem;letter-spacing:.11em;font-weight:600}.avatar{background:#e3ecef;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;color:#476871}.demo-status:empty{display:none}.demo-status{padding:12px 14px;background:#e0f2e9;color:#255c47;font-size:.78rem;border-radius:6px;margin-top:20px}.demo-status.error{background:#fff0eb;color:#9c3f26}.page-heading{padding:30px 0 24px}.page-heading h2{font-size:clamp(1.45rem,2.1vw,1.9rem);letter-spacing:-.04em;line-height:1.2}.page-heading p{font-size:.78rem;color:#697d87;margin-top:8px;max-width:660px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid #ccdadd;background:#fff;border-radius:7px;padding:11px 15px;min-height:44px;font-size:.75rem;font-weight:600;text-decoration:none;line-height:1.5}.btn:hover:not(:disabled){filter:brightness(.97)}.primary{background:#126a63;color:#fff;border-color:#126a63}.secondary{background:#fff;color:#31545d}.text{background:transparent;border-color:transparent;color:#14695f;padding:9px 0;font-size:.7rem}.full{width:100%}.guide-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border:1px solid #cbdfdc;border-radius:10px;background:linear-gradient(110deg,#e7f4ef,#f4f9f7);margin-bottom:20px}.guide-card .eyebrow{color:#3c8575;font-size:.58rem}.guide-card h3{font-size:1.2rem;margin:8px 0}.guide-card p{font-size:.75rem;color:#5e7c76;max-width:380px}.guide-card .btn{flex-shrink:0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{background:#fff;border:1px solid #dde7eb;border-radius:10px;padding:22px}.metric p{font-size:.7rem;color:#617985}.metric strong{display:block;font-family:Space;font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.04em;line-height:1.3;margin:12px 0 8px}.metric small{font-size:.65rem;color:#7a8e97}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #dde7eb;border-radius:10px;padding:22px;min-width:0}.panel-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h3{font-size:.95rem}.count{background:#eef3f5;border-radius:5px;padding:3px 7px;color:#61808a;font-size:.64rem}.alert-link,.activity{border:0;border-top:1px solid #e7eef0;border-radius:0;padding:14px 0;min-height:66px;justify-content:flex-start;width:100%;gap:11px;text-align:left;background:transparent;color:#25444e}.alert-link>span:nth-child(2),.activity>span{flex:1}.alert-link strong,.activity strong{font-size:.71rem}.alert-link small,.activity small{font-size:.63rem;color:#6b828c;font-weight:400;margin-top:5px}.alert-link .alert-mark{flex:0 0 27px;background:#fff1dc;border:1px solid #f1dfba;color:#976521;width:27px;height:27px;display:grid;place-items:center;border-radius:6px}.alert-link .arrow{flex:0 0 auto;color:#477580}.activity .receipt-mark{flex:0 0 27px;width:27px;height:27px;background:#e8f3ef;border-radius:6px;display:grid;place-items:center;color:#287664}.activity b{font-size:.73rem;white-space:nowrap}.sale-layout{display:grid;grid-template-columns:1fr .93fr;gap:22px;align-items:start}.section-label{font-size:.55rem;letter-spacing:.11em;color:#708992;font-weight:650;margin-bottom:14px}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:16px;text-align:left;border-color:#d6e4e7;min-width:0;min-height:201px;color:#294b54}.product:focus-visible{outline-offset:1px}.product:hover:not(:disabled){background:#f0f8f4;border-color:#79b5a7}.product-meta{display:flex;justify-content:space-between;font-size:.55rem;color:#648d82;gap:5px;margin-bottom:20px}.product-meta>span{font-family:Space;color:#9db4bb}.product>strong{font-size:.8rem;line-height:1.5;min-height:38px}.product>small{font-size:.57rem;font-weight:400;color:#80959b;margin-top:4px}.product-price{margin-top:18px;font-family:Space;font-size:1.05rem}.product-price small{font-family:Inter;font-size:.6rem;color:#6d8791;font-weight:400;margin-top:3px}.product-stock{margin-top:17px;padding-top:11px;border-top:1px solid #e7eef0;display:flex;justify-content:space-between;align-items:center;font-size:.6rem;font-weight:400;color:#65818b}.product-stock>span{font-size:1rem;color:#348371}.basket{padding:20px}.empty{text-align:center;padding:28px 8px 32px;color:#70929a}.empty>span{font-size:1.6rem;display:block;color:#9db5bc;margin-bottom:12px}.empty h3{font-size:1rem;color:#536f78}.empty p{font-size:.72rem;margin-top:10px}.basket-line{padding:14px 0;border-top:1px solid #e8eef0}.basket-line>strong{font-size:.74rem}.basket-line>small{font-size:.63rem;color:#728891}.basket-line-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:.78rem}.stepper{display:flex;align-items:center;border:1px solid #d7e3e7;border-radius:6px;overflow:hidden}.step{border:0;border-radius:0;width:37px;min-height:38px;padding:5px;font-size:1rem;background:#f8fbfc}.stepper>span{width:30px;text-align:center;font-size:.75rem}.payment-label{display:grid;gap:7px;font-size:.69rem;font-weight:600;margin-top:18px;color:#5e7882}.payment-label select,.payment-label input{border:1px solid #ccdade;border-radius:7px;padding:10px;background:#fff;color:#27454f;width:100%;min-height:44px;font-size:.8rem}.basket-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid #dce6e9;margin:22px 0 16px;padding-top:17px;font-size:.8rem}.basket-total strong{font-family:Space;font-size:1.5rem;letter-spacing:-.04em}.basket-note{font-size:.6rem;color:#7e939b;text-align:center;margin-top:10px}.draft-panel{margin-top:18px;padding:16px}.draft-panel h3{font-size:.86rem;margin-bottom:10px}.draft-panel .btn{margin:4px 0;width:100%}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.inventory-toolbar p{font-size:.75rem;color:#6f8590}.stock-panel{padding-block:0}.stock-row{padding:23px 0;display:grid;grid-template-columns:1.7fr 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #e4edef}.stock-row:last-child{border:0}.stock-row small{font-size:.63rem;color:#69848e}.stock-row h3{font-size:1rem;margin-top:7px}.stock-quantity strong{font-size:1.45rem;font-family:Space;line-height:1.2}.stock-badge{font-size:.6rem;white-space:nowrap;padding:6px 9px;border-radius:5px}.low{background:#fff0d7;color:#946727}.healthy{background:#e7f5ed;color:#2a7756}.explanation{margin-top:26px;padding:0 4px;max-width:620px}.explanation>strong{font-size:.85rem}.explanation p{font-size:.76rem;color:#70858e;margin:8px 0}.receipt-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;align-items:center}.receipt-paper{background:#fff;border:1px solid #dce7e9;box-shadow:0 5px 16px #143f4806;border-radius:2px;padding:30px}.receipt-paper .eyebrow{color:#678f89;font-size:.58rem}.receipt-paper h3{font-size:1.4rem;margin-top:10px}.sample-receipt{font-size:.48rem;letter-spacing:.07em;color:#8a9b9f;margin-top:9px}.receipt-divider{border-top:1px dashed #d5e1e3;margin:24px 0}.receipt-item{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:.73rem}.receipt-item strong{font-size:.71rem}.receipt-item small{color:#79909a;font-size:.63rem;margin-top:4px}.receipt-total{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-top:1px dashed #d5e1e3;font-size:.85rem}.receipt-total strong{font-family:Space;font-size:1.5rem}.receipt-paper>p:not(.sample-receipt){font-size:.65rem;color:#6c8790;overflow-wrap:anywhere}.receipt-explainer h3{font-size:1.6rem;letter-spacing:-.035em;max-width:250px;margin-top:20px}.receipt-explainer p{font-size:.78rem;color:#6d858e;margin:16px 0 22px}.receipt-explainer .btn{margin:4px 0}.success-mark{display:grid;place-items:center;background:#def1e8;color:#287b5a;border:1px solid #bcdccd;width:41px;height:41px;border-radius:50%;font-size:1.2rem}.demo-outro{max-width:1344px;width:calc(100% - 96px);margin:64px auto;display:flex;align-items:center;gap:32px;justify-content:space-between;color:#dae9ed}.demo-outro h2{font-size:2rem;letter-spacing:-.04em;line-height:1.2;margin:13px 0}.demo-outro p:not(.eyebrow){font-size:.84rem;color:#97b4bf;max-width:650px}.demo-outro .btn{flex-shrink:0;background:#9ae3d1;color:#143f41;border-color:#9ae3d1;min-height:52px}footer{max-width:1440px;margin:auto;border-top:1px solid #ffffff12;padding:26px 48px 36px;display:flex;gap:20px;justify-content:space-between;font-size:.72rem;color:#95b3bd;line-height:1.8}footer a{text-underline-offset:4px}
@media(min-width:1500px){.demo-shell{min-height:720px}}
@media(max-width:1100px){.demo-header{padding-inline:28px}.demo-intro{padding:48px 28px 36px;gap:40px}.demo-shell{width:calc(100% - 56px);grid-template-columns:175px minmax(0,1fr)}.demo-sidebar{padding-inline:12px}.shop{gap:7px}.shop-mark{display:none}.demo-main{padding:0 22px 24px}.metrics{gap:10px}.metric{padding:18px 14px}.overview-columns{grid-template-columns:1fr}.guide-card{align-items:flex-start;flex-direction:column;padding:20px}.sale-layout{grid-template-columns:1fr}.product{min-height:178px}.product>strong{min-height:0}.product-meta{margin-bottom:10px}.basket{max-width:none}.demo-outro{width:calc(100% - 56px)}.receipt-layout{gap:20px}.receipt-paper{padding:22px}.stock-row{grid-template-columns:1.4fr 1fr}.stock-badge{justify-self:start}}
@media(max-width:700px){.demo-header{padding:0 20px;height:78px}.demo-header img{width:150px}.header-link{font-size:.7rem;gap:9px}.demo-intro{grid-template-columns:1fr;gap:22px;padding:36px 22px}.demo-intro h1{font-size:2.7rem}.intro-copy>p{font-size:.875rem}.intro-copy .sample-note{font-size:.7rem}.demo-shell{width:calc(100% - 24px);grid-template-columns:1fr;border-radius:12px;scroll-margin-top:12px}.demo-sidebar{padding:17px 14px 0}.shop{padding:0 4px 15px;justify-content:space-between}.shop small{font-size:.65rem;display:inline;margin-left:10px}.demo-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.demo-sidebar nav button{padding:12px 2px;justify-content:center;min-height:46px;border-radius:6px 6px 0 0;font-size:.7rem;white-space:nowrap}.demo-sidebar nav button>span{display:none}.sidebar-foot{margin:0;padding:4px 4px 8px;display:flex;align-items:center;justify-content:space-between}.sidebar-foot p{display:none}.sample-badge{padding:0;border:0;font-size:.52rem}.reset{width:auto;gap:8px;font-size:.66rem;min-height:36px}.demo-main{padding:0 16px 22px}.workspace-top{height:49px;font-size:.62rem}.avatar{width:24px;height:24px;font-size:.53rem}.page-heading{padding:25px 0 22px}.page-heading h2{font-size:1.55rem}.page-heading p{font-size:.73rem}.guide-card{padding:18px;gap:16px}.guide-card h3{font-size:1.16rem}.guide-card .btn{width:100%}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.metric:last-child strong{grid-column:2;grid-row:1/3;margin:0}.metric:last-child small{grid-row:2}.metric strong{font-size:1.45rem}.metric p{font-size:.66rem}.metric small{font-size:.6rem}.panel{padding:18px}.overview-columns{gap:16px}.products{gap:10px}.product{padding:14px;min-height:194px}.product>strong{font-size:.81rem;min-height:42px}.product-meta{font-size:.55rem;margin-bottom:14px}.product-stock{font-size:.61rem}.product-price{font-size:1.08rem}.payment-label input,.payment-label select{font-size:1rem}.basket-line>strong{font-size:.8rem}.step{min-height:44px;width:40px}.basket-note{font-size:.67rem}.receipt-layout{grid-template-columns:1fr;gap:25px}.receipt-explainer{padding:0 6px 6px}.receipt-explainer h3{max-width:none;font-size:1.55rem}.receipt-paper{padding:26px}.stock-row{grid-template-columns:1fr auto;gap:10px}.stock-row h3{font-size:.9rem}.stock-quantity{text-align:right}.stock-badge{grid-column:1}.demo-outro{width:calc(100% - 44px);flex-direction:column;align-items:flex-start;margin:44px auto;gap:24px}.demo-outro h2{font-size:1.85rem}.demo-outro .btn{width:100%}footer{padding:25px 22px 32px;flex-direction:column;gap:12px}.btn{font-size:.76rem}.inventory-toolbar{gap:12px}.inventory-toolbar p{font-size:.7rem}.inventory-toolbar .btn{font-size:.69rem}.receipt-explainer .btn{display:flex;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}