:root{--navy-950:#071230;--navy-900:#0b1b3a;--navy-800:#13284f;--navy-700:#1e3a6b;--ink:#0b1b3a;--ink-2:#334155;--ink-3:#64748b;--ink-4:#94a3b8;--orange-50:#fff4ec;--orange-100:#ffe4d1;--orange-500:#f26b1d;--orange-600:#dc5a0f;--orange-700:#b4470b;--sky-50:#effaff;--sky-100:#d9f2fe;--sky-500:#0ea5e9;--sky-700:#0369a1;--green-50:#ecfdf3;--green-600:#15803d;--red-50:#fef2f2;--red-600:#dc2626;--amber-50:#fffbeb;--amber-700:#b45309;--bg:#fff;--surface:#fff;--surface-2:#f8fafc;--line:#e7ebf1;--line-2:#d6dce5;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #0b1b3a0f;--shadow:0 1px 2px #0b1b3a0d, 0 8px 24px -12px #0b1b3a1f;--shadow-lg:0 24px 60px -24px #0b1b3a47;--font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--container:1180px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink-2);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}h4{font-size:1rem;font-weight:700}p{margin:0 0 1em}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sky-500);outline-offset:2px;border-radius:4px}::selection{background:var(--orange-100)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.muted{color:var(--ink-3)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=960px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--orange-600);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{cursor:pointer;white-space:nowrap;height:42px;transition:background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--orange-500);color:#fff;box-shadow:0 6px 16px -8px #f26b1db3}.btn-primary:hover:not(:disabled){background:var(--orange-600)}.btn-dark{background:var(--navy-900);color:#fff}.btn-dark:hover:not(:disabled){background:var(--navy-800)}.btn-outline{border-color:var(--line-2);color:var(--ink);background:#fff}.btn-outline:hover:not(:disabled){border-color:var(--ink-4)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-danger{color:var(--red-600);background:#fff;border-color:#fecaca}.btn-sm{border-radius:8px;height:34px;padding:0 12px;font-size:13px}.btn-lg{border-radius:12px;height:50px;padding:0 26px;font-size:15px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink);font-size:13px;font-weight:600}.field .hint{color:var(--ink-3);font-size:12px}.field .error-text{color:var(--red-600);font-size:12px}.input,.select,.textarea{border:1px solid var(--line-2);width:100%;height:42px;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--orange-500);box-shadow:0 0 0 4px var(--orange-50);outline:none}.input-group{border:1px solid var(--line-2);background:#fff;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--orange-500);box-shadow:0 0 0 4px var(--orange-50)}.input-group .input{box-shadow:none;border:0;border-radius:0}.input-group .addon{background:var(--surface-2);color:var(--ink-3);white-space:nowrap;align-items:center;padding:0 12px;font-size:13px;display:flex}.checkbox{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--orange-500)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:24px}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.card-header h3{margin:0;font-size:15px}.card-body{padding:22px}.badge{white-space:nowrap;background:var(--surface-2);height:24px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-orange{background:var(--orange-50);color:var(--orange-700);border-color:var(--orange-100)}.badge-sky{background:var(--sky-50);color:var(--sky-700);border-color:var(--sky-100)}.badge-green{background:var(--green-50);color:var(--green-600);border-color:#bbf7d0}.badge-red{background:var(--red-50);color:var(--red-600);border-color:#fecaca}.badge-amber{background:var(--amber-50);color:var(--amber-700);border-color:#fde68a}.badge-navy{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.alert{border:1px solid;border-radius:10px;padding:12px 14px;font-size:14px}.alert-error{background:var(--red-50);color:#991b1b;border-color:#fecaca}.alert-info{background:var(--sky-50);border-color:var(--sky-100);color:var(--sky-700)}.alert-success{background:var(--green-50);color:var(--green-600);border-color:#bbf7d0}.alert-warn{background:var(--amber-50);color:var(--amber-700);border-color:#fde68a}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#fbfcfe}.table .num{text-align:right;font-variant-numeric:tabular-nums}.stat{padding:20px 22px}.stat-label{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stat-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:800}.stat-foot{color:var(--ink-3);margin-top:4px;font-size:12px}.stat-icon{background:var(--orange-50);width:32px;height:32px;color:var(--orange-600);border-radius:9px;place-items:center;display:grid}.stat-icon.sky{background:var(--sky-50);color:var(--sky-700)}.stat-icon.navy{color:var(--navy-800);background:#eef2fa}.empty{text-align:center;padding:48px 24px}.empty-icon{background:var(--orange-50);width:52px;height:52px;color:var(--orange-600);border-radius:14px;place-items:center;margin:0 auto 14px;display:grid}.empty h3{margin-bottom:6px}.empty p{color:var(--ink-3);max-width:420px;margin:0 auto 18px}.logo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.logo-mark{background:var(--navy-900);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.logo-pro{color:var(--orange-500)}.site-header{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#ffffffdb;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line)}.site-nav{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.site-links{align-items:center;gap:4px;display:flex}.site-links a{color:var(--ink-2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.site-links a:hover,.site-links a.active{color:var(--ink);background:var(--surface-2)}.site-actions{align-items:center;gap:8px;display:flex}.menu-toggle{display:none}@media (width<=880px){.site-links,.site-actions .hide-mobile{display:none}.menu-toggle{display:inline-flex}}.mobile-menu{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:4px;padding:12px 20px 20px;display:flex}.mobile-menu a{border-radius:10px;padding:12px;font-weight:500}.mobile-menu a:hover{background:var(--surface-2)}.hero{padding:72px 0 40px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#0ea5e91a,#0000 70%);border-radius:50%;width:720px;height:720px;position:absolute;inset:-40% -10% auto auto}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero h1 .accent{color:var(--orange-500)}.hero-lead{color:var(--ink-3);max-width:540px;margin-bottom:28px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-proof{color:var(--ink-3);flex-wrap:wrap;gap:22px;margin-top:28px;font-size:13px;display:flex}.hero-proof span{align-items:center;gap:6px;display:inline-flex}.hero-proof svg{color:var(--green-600)}.mock{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:12px 14px;display:flex}.mock-bar i{background:var(--line-2);border-radius:50%;width:9px;height:9px}.mock-bar .url{color:var(--ink-3);background:var(--surface-2);border-radius:6px;margin-left:10px;padding:4px 10px;font-size:12px}.mock-body{grid-template-columns:150px 1fr;min-height:340px;display:grid}.mock-side{background:var(--navy-900);flex-direction:column;gap:6px;padding:16px 12px;display:flex}.mock-side b{background:#ffffff24;border-radius:4px;height:8px;margin:7px 6px;display:block}.mock-side b.on{background:var(--orange-500);width:70%}.mock-main{flex-direction:column;gap:14px;padding:18px;display:flex}.mock-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mock-kpi{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mock-kpi small{color:var(--ink-3);font-size:10px;display:block}.mock-kpi strong{font-family:var(--font-display);color:var(--ink);font-size:17px}@media (width<=520px){.mock-body{grid-template-columns:1fr}.mock-side{display:none}}.section{padding:88px 0}.section-tight{padding:56px 0}.section-head{max-width:640px;margin-bottom:44px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{color:var(--ink-3);font-size:17px}.section-navy{background:var(--navy-900);color:#cbd5e1}.section-navy h2,.section-navy h3{color:#fff}.feature{border-radius:var(--radius-lg);border:1px solid var(--line);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);background:#fff;padding:26px}.feature:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{background:var(--orange-50);width:42px;height:42px;color:var(--orange-600);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.feature-icon.sky{background:var(--sky-50);color:var(--sky-700)}.feature-icon.navy{color:var(--navy-800);background:#eef2fa}.feature p{color:var(--ink-3);margin:0;font-size:14px}.steps{counter-reset:step}.step{padding-left:56px;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--orange-500);color:#fff;width:38px;height:38px;font-weight:700;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.price-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:18px;padding:30px;display:flex}.price-card.featured{border-color:var(--navy-900);box-shadow:var(--shadow-lg);position:relative}.price-amount{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;font-size:40px;font-weight:800}.price-amount small{color:var(--ink-3);letter-spacing:0;font-size:14px;font-weight:500}.check-list{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.check-list li{align-items:flex-start;gap:10px;display:flex}.check-list svg{color:var(--orange-500);flex:none;margin-top:3px}.toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px;display:inline-flex}.toggle button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.toggle button.on{background:var(--navy-900);color:#fff}.cta-band{background:var(--navy-900);color:#cbd5e1;border-radius:24px;grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;padding:56px;display:grid;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(closest-side,#f26b1d59,#0000);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;right:-120px}.cta-band h2{color:#fff}@media (width<=800px){.cta-band{grid-template-columns:1fr;padding:36px 24px}}.site-footer{border-top:1px solid var(--line);padding:56px 0 32px;font-size:14px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}.footer-grid h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:14px;font-size:13px}.footer-grid ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-grid a:hover{color:var(--orange-600)}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;gap:16px;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--orange-500);font-weight:700}.faq details[open] summary:after{content:"–"}.faq p{color:var(--ink-3);margin:10px 0 0}.auth-wrap{place-items:center;min-height:calc(100vh - 68px);padding:40px 20px;display:grid}.auth-card{width:100%;max-width:440px;padding:36px}.auth-card h1{font-size:28px}@media (width<=480px){.auth-card{box-shadow:none;border:0;padding:24px}}.app{grid-template-columns:256px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.dark{background:var(--navy-950);border-right-color:var(--navy-950);color:#cbd5e1}.sidebar-head{padding:18px 18px 12px}.sidebar.dark .logo{color:#fff}.biz-switch{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;width:calc(100% - 24px);margin:6px 12px 10px;padding:10px 12px;display:flex}.biz-switch:hover{border-color:var(--line-2)}.biz-avatar{color:#fff;width:32px;height:32px;font-weight:800;font-family:var(--font-display);border-radius:9px;flex:none;place-items:center;display:grid}.nav-group{padding:8px 12px}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:10px 10px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--ink-2);border-radius:9px;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item svg{color:var(--ink-4);flex:none;transition:color .12s}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--orange-50);color:var(--orange-700)}.nav-item.active svg{color:var(--orange-600)}.nav-item .soon{color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-size:10px;font-weight:600}.sidebar.dark .nav-item{color:#aab6cc}.sidebar.dark .nav-item:hover{color:#fff;background:#ffffff0f}.sidebar.dark .nav-item.active{color:#fff;background:#f26b1d29}.sidebar.dark .nav-group-label{color:#5b6b8c}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding:14px}.sidebar.dark .sidebar-foot{border-top-color:#ffffff14}.user-chip{border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.avatar{background:var(--sky-100);width:34px;height:34px;color:var(--sky-700);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe6;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.topbar .crumbs{color:var(--ink-3);align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.topbar .crumbs b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar .spacer{flex:1}.content{width:100%;max-width:1240px;padding:28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{margin:0 0 4px;font-size:26px}.page-head p{color:var(--ink-3);margin:0}.sidebar-toggle,.scrim{display:none}@media (width<=1000px){.app{grid-template-columns:1fr}.sidebar{z-index:60;width:272px;transition:transform .22s var(--ease);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim.open{z-index:55;background:#07123066;display:block;position:fixed;inset:0}.sidebar-toggle{display:inline-flex}.content,.topbar{padding-left:16px;padding-right:16px}}.chart{width:100%;height:auto;overflow:visible}.chart .grid-line{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--ink-4);font-size:11px}.chart .bar{fill:var(--orange-500);transition:opacity .15s}.chart .bar:hover{opacity:.8}.chart .bar.alt{fill:var(--sky-500)}.store-hero{border-bottom:1px solid var(--line);padding:56px 0 36px}.store-brand{align-items:center;gap:16px;display:flex}.store-logo{color:#fff;width:64px;height:64px;font-family:var(--font-display);border-radius:18px;flex:none;place-items:center;font-size:26px;font-weight:800;display:grid}.product-card{border:1px solid var(--line);transition:box-shadow .2s var(--ease), transform .2s var(--ease);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-thumb{aspect-ratio:4/3;font-family:var(--font-display);color:#ffffffeb;place-items:center;font-size:34px;font-weight:800;display:grid}.product-info{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.product-info h4{margin:0;font-size:15px}.price{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.modal-backdrop{z-index:80;animation:fade .15s var(--ease);background:#07123073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:560px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);animation:rise .2s var(--ease);background:#fff;border-radius:20px;overflow-y:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head h3{margin:0}.modal-body{padding:24px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.spinner{border:2px solid var(--line-2);border-top-color:var(--orange-500);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{place-items:center;min-height:50vh;display:grid}.toast{z-index:90;background:var(--navy-900);color:#fff;box-shadow:var(--shadow-lg);animation:rise .2s var(--ease);border-radius:12px;padding:12px 16px;font-size:14px;position:fixed;bottom:20px;right:20px}.divider{background:var(--line);height:1px;margin:20px 0}.kbd{border:1px solid var(--line-2);background:var(--surface-2);border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.list-row:last-child{border-bottom:0}.progress{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:var(--orange-500);border-radius:999px;height:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}@media (width<=1000px){.split{grid-template-columns:1fr}}@media (width<=640px){.hide-mobile,.hide-sm{display:none}}.pos{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.pos{grid-template-columns:1fr}}.pos-cart{position:sticky;top:84px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.pos-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:4px;min-height:96px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative}.pos-item b{color:var(--ink);font-size:14px;line-height:1.3}.pos-item:hover:not(:disabled){border-color:var(--orange-500);box-shadow:0 0 0 3px var(--orange-50)}.pos-item:active:not(:disabled){transform:scale(.98)}.pos-item:disabled{opacity:.5;cursor:not-allowed}.pos-count{background:var(--orange-500);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.qty{border:1px solid var(--line-2);border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.qty button{cursor:pointer;width:30px;height:30px;color:var(--ink);background:#fff;border:0;font-size:16px}.qty button:hover:not(:disabled){background:var(--surface-2)}.qty button:disabled{color:var(--ink-4);cursor:not-allowed}.qty span{text-align:center;min-width:28px;font-weight:600}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{width:80mm;position:absolute;top:0;left:0}}.toast{align-items:center;gap:14px;display:flex}.toast-action{color:#fdba74;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.toast-action:hover{color:#fff}.thumb{color:#fff;width:44px;height:44px;font-family:var(--font-display);background:var(--surface-2);border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.lg{border-radius:18px;width:96px;height:96px;font-size:34px}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .select{width:auto;min-width:130px;height:36px;padding:0 30px 0 10px;font-size:13px}.chip{border:1px solid var(--line-2);height:30px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.bulkbar{background:var(--orange-50);border-bottom:1px solid var(--orange-100);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px;font-size:14px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs button{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px;font-size:14px;font-weight:600}.tabs button.on{color:var(--ink);border-bottom-color:var(--orange-500)}.kv{grid-template-columns:140px 1fr;gap:10px 16px;font-size:14px;display:grid}.kv dt{color:var(--ink-3)}.kv dd{color:var(--ink);margin:0;font-weight:500}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 14px;font-size:13px;font-weight:700}.editor{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.editor{grid-template-columns:1fr}}.dropzone{border:1.5px dashed var(--line-2);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:18px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--orange-500);background:var(--orange-50)}.switch{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.switch input{appearance:none;background:var(--line-2);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--orange-500)}.switch input:checked:after{transform:translate(16px)}.margin-pill{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.margin-good{background:var(--green-50);color:var(--green-600)}.margin-low{background:var(--amber-50);color:var(--amber-700)}.margin-bad{background:var(--red-50);color:var(--red-600)}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);gap:14px;padding:12px 0;display:flex}.timeline li:last-child{border-bottom:0}.dot{background:var(--surface-2);width:30px;height:30px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;display:grid}.label-sheet{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.label{border:1px dashed var(--line-2);text-align:center;break-inside:avoid;background:#fff;border-radius:8px;padding:10px 10px 8px}.label .lname{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.label .lprice{color:#000;font-size:15px;font-weight:800}.label svg{width:100%;height:54px}.label .lcode{letter-spacing:.08em;color:#000;font-family:ui-monospace,monospace;font-size:11px}@media (width<=720px){.table.stack-mobile thead{display:none}.table.stack-mobile tr{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:4px 12px;padding:14px 16px;display:grid}.table.stack-mobile td{border:0;padding:0}.table.stack-mobile td.m-hide{display:none}.table.stack-mobile td.m-full{grid-column:2/4}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}@media print{.print-labels,.print-labels *{visibility:visible}.print-labels{width:100%;position:absolute;top:0;left:0}.print-labels .label{border-color:#ccc}}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-list{z-index:20;width:270px;box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-list .nav-item span{flex-direction:column;line-height:1.3;display:flex}.menu-list .nav-item small{color:var(--ink-3);font-size:12px;font-weight:400}@media (width<=1100px){.t-hide{display:none}}.scan-frame{aspect-ratio:4/3;background:#000;border-radius:16px;position:relative;overflow:hidden}.scan-frame video{object-fit:cover;width:100%;height:100%;display:block}.scan-line{background:var(--orange-500);height:2px;box-shadow:0 0 12px var(--orange-500);animation:2s ease-in-out infinite scan;position:absolute;top:50%;left:10%;right:10%}@keyframes scan{0%,to{transform:translateY(-60px)}50%{transform:translateY(60px)}}.formats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=560px){.formats{grid-template-columns:repeat(2,minmax(0,1fr))}}.format-opt{text-align:left;border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.format-opt b{color:var(--ink);font-size:14px;display:block}.format-opt span{color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.35;display:block}.format-opt.on{border-color:var(--orange-500);box-shadow:0 0 0 3px var(--orange-50)}.barcode-preview{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:22px 18px 16px}.barcode-preview svg{width:100%;max-width:360px;height:110px;margin:0 auto}.barcode-preview .digits{letter-spacing:.18em;color:#000;overflow-wrap:anywhere;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.validity{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.validity.ok{color:var(--green-600)}.validity.bad{color:var(--red-600)}.modal-wide{max-width:860px}@media (width<=640px){.modal-backdrop{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:94vh}}.barcode-img svg{width:100%;height:auto;display:block}.label .barcode-img svg{max-height:90px}.variant-list{flex-direction:column;gap:10px;display:flex}.variant-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.variant-fields{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.variant-fields label{color:var(--ink-3);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.variant-fields .input{height:38px}.barcode-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=400px){.barcode-options{grid-template-columns:1fr}}.barcode-options .format-opt b{align-items:center;gap:6px;display:flex}.barcode-current{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;padding:12px;display:grid}.barcode-current img{object-fit:contain;border-radius:8px;max-width:100%;max-height:160px}.barcode-current .barcode-img{width:100%;max-width:300px}.auth-split{background:#fff;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:calc(100vh - 68px);display:grid}.auth-aside{background:linear-gradient(160deg, var(--navy-900) 0%, #14264d 100%);color:#e6ebf5;align-items:center;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";background:radial-gradient(closest-side,#f26b1d59,#0000);width:420px;height:420px;position:absolute;top:-120px;right:-140px}.auth-aside:after{content:"";background:radial-gradient(closest-side,#f26b1d2e,#0000);width:360px;height:360px;position:absolute;bottom:-160px;left:-140px}.auth-aside-inner{z-index:1;max-width:520px;margin-left:auto;padding:56px 48px;position:relative}.auth-aside h2{color:#fff;letter-spacing:-.02em;margin:10px 0 12px;font-size:clamp(1.7rem,2.6vw,2.3rem)}.auth-aside p{color:#b9c4dc;margin:0 0 24px}.auth-aside ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.auth-aside li{color:#e6ebf5;align-items:center;gap:12px;display:flex}.auth-aside .tick{background:var(--orange-500);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.auth-main{justify-content:center;align-items:flex-start;padding:48px 24px 64px;display:flex}.auth-form{width:100%;max-width:440px}.auth-form h1{color:var(--navy-900);letter-spacing:-.02em;margin:0;font-size:30px}.link-orange{color:var(--orange-600);font-weight:600}.link-orange:hover{text-decoration:underline}.input.is-invalid,.input-group.has-error{border-color:var(--red-600)}.input-group.has-error:focus-within{box-shadow:0 0 0 4px #fee2e2}.pw-toggle{border:0;border-left:1px solid var(--line-2);cursor:pointer;color:var(--ink-2);justify-content:center;min-width:64px;font-weight:600}.pw-toggle:hover{color:var(--ink);background:var(--surface-3,#eef1f6)}.pw-meter{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.pw-meter span{background:var(--line-2);border-radius:3px;height:5px}.pw-meter span.on.l1{background:var(--red-600)}.pw-meter span.on.l2{background:var(--amber-700,#b45309)}.pw-meter span.on.l3{background:var(--green-600)}.pw-rules{color:var(--ink-3);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.pw-rules li.ok{color:var(--green-600)}.or-divider{color:var(--ink-3);align-items:center;gap:12px;margin:26px 0 18px;font-size:13px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.demo-box{background:#fff8f1;border:1px dashed #fdba74;border-radius:14px;gap:12px;padding:16px;display:grid}.demo-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-btn{border-color:var(--orange-500);color:var(--orange-700);background:#fff;font-weight:700}.demo-btn:hover:not(:disabled){background:var(--orange-50);border-color:var(--orange-600)}.demo-creds{gap:6px;margin:0;font-size:13px;display:grid}.demo-creds div{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.demo-creds dt{color:var(--ink-3)}.demo-creds dd{margin:0}.demo-creds code{word-break:break-all;background:#fff;border:1px solid #fed7aa;border-radius:6px;padding:2px 8px;font-size:12.5px}.type-fieldset{border:0;min-width:0;margin:0;padding:0}.type-fieldset legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.type-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;display:grid}.type-tile{border:1px solid var(--line-2);cursor:pointer;color:var(--ink-2);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .12s,background .12s;display:flex;position:relative}.type-tile input{opacity:0;cursor:pointer;position:absolute;inset:0}.type-tile:hover{border-color:var(--ink-4)}.type-tile.on{border-color:var(--orange-500);background:var(--orange-50);color:var(--orange-700);box-shadow:0 0 0 3px #ffedd5}.type-tile:focus-within{outline:2px solid var(--navy-800);outline-offset:2px}@media (width<=900px){.auth-split{grid-template-columns:1fr}.auth-aside-inner{max-width:none;padding:28px 24px}.auth-aside ul,.auth-aside p{display:none}.auth-aside h2{margin-bottom:0;font-size:1.35rem}.auth-main{padding:28px 20px 48px}}.demo-banner{color:var(--orange-700);background:#fff7ed;border-bottom:1px solid #fed7aa;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px;font-size:13.5px;display:flex}.demo-banner b{color:var(--navy-900)}.welcome{background:radial-gradient(900px 420px at 50% -10%,#fff1e6,#0000),#fff;padding:64px 20px 80px}.welcome-inner{text-align:center;max-width:820px;margin:0 auto}.welcome h1{color:var(--navy-900);letter-spacing:-.03em;margin:10px 0 12px;font-size:clamp(2rem,4.4vw,3rem)}.welcome-lead{color:var(--ink-3);max-width:560px;margin:0 auto 36px;font-size:1.1rem}.welcome-choices{text-align:left;grid-template-columns:1fr 1fr;gap:20px;display:grid}.welcome-card{border:1px solid var(--line);box-shadow:var(--shadow-sm,0 1px 2px #0b1b3a0f);color:inherit;background:#fff;border-radius:20px;flex-direction:column;gap:6px;padding:28px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.welcome-card:hover{border-color:var(--ink-4);transform:translateY(-3px);box-shadow:0 18px 40px -18px #0b1b3a59}.welcome-card.primary{background:linear-gradient(#fff,#fff8f1);border-color:#fdba74}.welcome-card h2{color:var(--navy-900);margin:10px 0 0;font-size:1.4rem}.welcome-card p{color:var(--ink-3);margin:0 0 16px}.welcome-icon{color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.welcome-icon.navy{background:var(--navy-900)}.welcome-icon.orange{background:var(--orange-500)}.welcome-foot{margin-top:22px}.welcome-points{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:26px auto 0;padding:0;font-size:14px;list-style:none;display:flex}.welcome-points li{align-items:center;gap:8px;display:flex}.welcome-points .tick{background:var(--orange-500);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}@media (width<=640px){.welcome{padding:36px 16px 56px}.welcome-choices{grid-template-columns:1fr}.welcome-card{padding:22px}}.onboard{background:#fff;min-height:calc(100vh - 68px);padding:48px 20px 72px}.onboard-inner{max-width:760px;margin:0 auto}.onboard h1{color:var(--navy-900);letter-spacing:-.02em;margin:8px 0;font-size:clamp(1.8rem,3.6vw,2.4rem)}.onboard-lead{max-width:600px;margin:0 0 24px}.onboard-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.onboard-option{text-align:left;border:1px solid var(--line-2);cursor:pointer;font:inherit;color:var(--ink-2);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.onboard-option:hover{border-color:var(--ink-4)}.onboard-option.on{border-color:var(--orange-500);background:var(--orange-50);box-shadow:0 0 0 3px #ffedd5}.onboard-option-icon{background:var(--navy-900);color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.onboard-option.on .onboard-option-icon{background:var(--orange-500)}.onboard-option-body{gap:2px;font-size:13px;line-height:1.35;display:grid}.onboard-option-body b{color:var(--navy-900);font-size:14.5px}.onboard-panel{padding:28px}.invite-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}@media (width<=720px){.onboard{padding:28px 16px 56px}.onboard-options{grid-template-columns:1fr}.onboard-panel{padding:20px}}