@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_4ed74bb2-module__SxaHJq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_4ed74bb2-module__SxaHJq__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#eff6ff;--bg-color:#f8fafc;--card-bg:#fff;--font-sans:var(--font-jakarta,"Plus Jakarta Sans"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-main:#0f172a;--text-muted:#475569;--text-placeholder:#64748b;--border-color:#e2e8f0;--success-color:#10b981;--success-light:#d1fae5;--success-border:#6ee7b7;--success-dark:#065f46;--danger-color:#dc2626;--danger-hover:#b91c1c;--danger-light:#fee2e2;--danger-border:#fca5a5;--danger-dark:#7f1d1d;--warning-color:#b45309;--warning-light:#fef3c7;--warning-border:#fcd34d;--warning-dark:#78350f;--info-dark:#1e3a8a;--tap-target:44px;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 25px #2563eb40;--border-radius:16px;--border-radius-sm:8px;--ease-out:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--primary-color);transition:color .2s var(--ease-out);text-decoration:none}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.btn{cursor:pointer;transition:all .3s var(--ease-out);text-align:center;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);box-shadow:0 4px 14px #2563eb59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-color);border-color:var(--primary-light)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.label{color:var(--text-main);font-size:.875rem;font-weight:600;display:block}.input{width:100%;min-height:var(--tap-target);border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);color:var(--text-main);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);padding:.625rem .875rem;font-family:inherit;font-size:1rem}.input::placeholder{color:var(--text-placeholder);opacity:1}.input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1f}.input:disabled{background-color:var(--bg-color);color:var(--text-muted);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger-color)}.card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:box-shadow .3s var(--ease-out);padding:2rem}.card:hover{box-shadow:var(--shadow-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.min-h-screen{min-height:100vh}.hidden{display:none}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.text-center{text-align:center}.p-2{padding:.5rem}.p-4{padding:1rem}.bg-white{background-color:var(--card-bg)}.border{border-style:solid;border-width:1px}.border-gray-200{border-color:var(--border-color)}.rounded-xl{border-radius:var(--border-radius)}.shadow-sm{box-shadow:var(--shadow-sm)}.h-5{height:20px}.w-5{width:20px}.min-h-\[50vh\]{min-height:50vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating{animation:6s ease-in-out infinite float}.table-container{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}th{background-color:var(--secondary-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.75rem;font-weight:700}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--secondary-color)}.bg-gradient-primary{background:linear-gradient(135deg, var(--secondary-color) 0%, #fff 100%);color:var(--text-main);position:relative}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--border-radius);background:#ffffffbf;border:1px solid #fff9;padding:2.5rem;box-shadow:0 8px 32px #0000000f}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.hero-section{text-align:center;padding:8rem 2rem 6rem;position:relative;overflow:hidden}.spinner{border:3px solid #2563eb40;border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:.8s ease-in-out infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{z-index:9999;background-color:#2563eb14;height:3px;position:fixed;top:0;left:0;right:0}.page-loader:after{content:"";background:linear-gradient(90deg, var(--primary-color), #3b82f6);border-radius:0 2px 2px 0;height:100%;animation:1.5s infinite load;display:block}@keyframes load{0%{width:0;margin-left:0}50%{width:50%;margin-left:50%}to{width:0;margin-left:100%}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.container{padding:0 1rem}.hero-section{padding:5rem 1.25rem 3.5rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.feature-grid{grid-template-columns:1fr;gap:1.25rem}.glass-card{padding:1.75rem}.card{padding:1.5rem}th,td{padding:.75rem .875rem;font-size:.875rem}}@media (max-width:480px){.container{padding:0 .75rem}.hero-section{padding:3.5rem 1rem 2.5rem}.hero-section h1{font-size:1.625rem}.hero-section p{font-size:.9375rem}.btn{padding:.625rem 1.25rem;font-size:.9375rem}.glass-card,.card{padding:1.25rem}.feature-grid{gap:1rem;margin-top:2rem}th,td{padding:.625rem .75rem;font-size:.8125rem}}.skip-link{z-index:100;background-color:var(--card-bg);color:var(--primary-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);transition:top .15s var(--ease-out);padding:.625rem 1rem;font-weight:600;position:absolute;top:-3rem;left:1rem}.skip-link:focus-visible{top:1rem}.dashboard-header{background-color:var(--primary-color);color:#fff;padding:.875rem 0}.dashboard-brand{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.dashboard-brand:hover{color:#fff;opacity:.9}.dashboard-signout{min-height:var(--tap-target);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s var(--ease-out);background-color:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.9375rem;font-weight:600;display:inline-flex}.dashboard-signout:hover{background-color:#ffffff38}.dashboard-container{flex:1;gap:2rem;margin-top:2rem;display:flex}.dashboard-main{flex:1;min-width:0}.dashboard-sidebar{flex-direction:column;flex-shrink:0;gap:.25rem;width:100%;max-width:250px;display:flex}.sidebar-link{min-height:var(--tap-target);color:var(--text-main);border-radius:var(--border-radius-sm);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{background-color:var(--secondary-color);color:var(--primary-color)}.sidebar-link[aria-current=page]{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:inset 3px 0 0 var(--primary-color)}.sidebar-link svg{flex-shrink:0}@media (max-width:768px){.dashboard-container{flex-direction:column;gap:1rem;margin-top:1rem}.dashboard-signout-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dashboard-signout{min-width:var(--tap-target);justify-content:center;padding:.5rem}.dashboard-main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.dashboard-sidebar{z-index:40;max-width:100%;padding:.25rem .25rem calc(.25rem + env(safe-area-inset-bottom,0px));background-color:var(--card-bg);border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000f}.sidebar-link{min-width:var(--tap-target);min-height:var(--tap-target);text-align:center;flex-direction:column;flex:1;justify-content:center;gap:.125rem;padding:.375rem .25rem;font-size:.6875rem;line-height:1.2}.sidebar-link[aria-current=page]{box-shadow:inset 0 3px 0 var(--primary-color)}.sidebar-link svg{width:20px;height:20px}.toast-stack{bottom:calc(4.25rem + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.skip-link,.sidebar-link,.dashboard-signout{transition:none}}.alert{border-radius:var(--border-radius-sm);border:1px solid #0000;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.45;display:flex}.alert-error{background-color:var(--danger-light);border-color:var(--danger-border);color:var(--danger-dark)}.alert-success{background-color:var(--success-light);border-color:var(--success-border);color:var(--success-dark)}.alert-info{background-color:var(--secondary-color);border-color:var(--primary-light);color:var(--info-dark)}.alert-warning{background-color:var(--warning-light);border-color:var(--warning-border);color:var(--warning-dark)}.product-type-cell{gap:6px;min-width:170px;display:grid}.product-type-select{min-height:38px;padding-block:6px;font-size:.8125rem}.cashier-nav{border:1px solid var(--border-color);background:var(--card-bg);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:560px;margin:0 auto 16px;padding:4px;display:grid}.cashier-nav button,.queue-tabs button{min-height:var(--tap-target);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:700}.cashier-nav button.active,.queue-tabs button.active{background:var(--primary-color);color:#fff}.queue-screen{max-width:720px;margin:0 auto}.queue-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.queue-heading h2,.queue-heading p{margin:0}.queue-heading p{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.queue-tabs{background:var(--bg-color);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;padding:4px;display:grid}.queue-tabs span{background:#fff3;border-radius:999px;place-items:center;min-width:22px;min-height:22px;margin-left:4px;padding:0 5px;font-size:.75rem;display:inline-grid}.queue-empty{border:1px dashed var(--border-color);color:var(--text-muted);text-align:center;border-radius:12px;padding:32px 16px}.queue-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.queue-card{border:1px solid var(--border-color);border-radius:12px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.queue-number{background:var(--secondary-color);min-height:64px;color:var(--primary-color);border-radius:10px;place-items:center;display:grid}.queue-number span{text-transform:uppercase;font-size:.6875rem;font-weight:700}.queue-number strong{font-size:1.75rem;line-height:1}.queue-detail{gap:3px;min-width:0;display:grid}.queue-detail span,.queue-detail small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:560px){.queue-card{grid-template-columns:64px minmax(0,1fr)}.queue-card .btn{grid-column:1/-1;width:100%}}@media (min-width:769px) and (max-width:1024px){.pos-layout{grid-template-columns:1fr 320px}.pos-col-main{min-width:0}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pos-product-img-wrap{height:100px}}@media (min-width:561px) and (max-width:768px){.pos-layout{grid-template-columns:1fr}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (min-width:1025px){.pos-layout{grid-template-columns:1fr 360px}.pos-col-side{position:sticky;top:1rem}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pos-product-img-wrap{height:110px}}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.pos-product{border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);min-height:72px;color:var(--text-main);text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.25rem;padding:.625rem .75rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex;position:relative;overflow:hidden}.pos-product-img-wrap{background-color:var(--border-color);border-radius:6px;width:100%;height:90px;margin-bottom:.35rem;overflow:hidden}.pos-product-img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.pos-product:hover:not(:disabled) .pos-product-img{transform:scale(1.04)}.pos-product-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.pos-product:hover:not(:disabled){border-color:var(--primary-color)}.pos-product:active:not(:disabled){background-color:var(--secondary-color)}.pos-product[aria-pressed=true]{border-color:var(--primary-color);background-color:var(--secondary-color)}.pos-product:disabled{opacity:.5;cursor:not-allowed}.pos-product-price{color:var(--text-muted);font-size:.8125rem;font-weight:500}.pos-product-stock{color:var(--warning-color);font-size:.6875rem;font-weight:500}.pos-badge{background-color:var(--primary-color);color:#fff;text-align:center;border-radius:999px;min-width:22px;padding:0 .375rem;font-size:.75rem;font-weight:700}.pos-line{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);flex-direction:column;gap:.5rem;padding:.625rem .75rem;display:flex}.pos-line-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pos-line-name{flex:8rem;min-width:0;font-size:.9375rem;font-weight:600}.pos-line-sub{border-left:2px dashed var(--border-color);flex-direction:column;gap:.5rem;margin-left:.75rem;padding-left:.75rem;display:flex}.pos-sub-actions{border-left:2px dashed var(--border-color);margin-left:.75rem;padding-left:.75rem}.pos-sub-picker{align-items:center;gap:.5rem;display:flex}.pos-sub-picker .input{min-width:0;min-height:var(--tap-target);flex:1}.pos-add-sub{border-style:solid}@media (max-width:480px){.pos-sub-picker{flex-direction:column;align-items:stretch}}.qty-stepper{border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);align-items:center;display:inline-flex;overflow:hidden}.qty-btn{width:var(--tap-target);height:var(--tap-target);color:var(--text-main);cursor:pointer;background-color:#0000;border:none;font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1}.qty-btn:hover:not(:disabled){background-color:var(--secondary-color)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{width:3.25rem;height:var(--tap-target);border:none;border-left:1.5px solid var(--border-color);border-right:1.5px solid var(--border-color);text-align:center;color:var(--text-main);background-color:var(--card-bg);-moz-appearance:textfield;font-family:inherit;font-size:1rem;font-weight:600}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{background-color:var(--secondary-color);outline:none}.icon-btn{width:var(--tap-target);height:var(--tap-target);border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);color:var(--text-muted);cursor:pointer;flex:none;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--danger-color);color:var(--danger-color)}.pos-text-btn{min-height:var(--tap-target);border:1.5px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--primary-color);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.pos-text-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--secondary-color)}.quick-cash{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.375rem;display:grid}.quick-cash button{min-height:var(--tap-target);border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);color:var(--text-main);cursor:pointer;padding:0 .5rem;font-family:inherit;font-size:.875rem;font-weight:600}.quick-cash button:hover{border-color:var(--primary-color);background-color:var(--secondary-color)}.pos-summary{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-color);flex-direction:column;gap:.375rem;padding:.875rem 1rem;display:flex}.pos-summary-row{color:var(--text-main);justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9375rem;display:flex}.pos-summary-row span:first-child{color:var(--text-muted)}.pos-summary-row strong{font-variant-numeric:tabular-nums}.pos-summary-total{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.5rem;font-size:1.0625rem;font-weight:700}.pos-summary-total span:first-child{color:var(--text-main)}.pos-summary-change strong,.pos-summary-discount strong{color:var(--success-color)}.receipt-preview{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-color);align-items:center;gap:.75rem;padding:.625rem;display:flex}.receipt-thumb{object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--card-bg);flex:none;width:64px;height:64px}.receipt-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:.8125rem;overflow:hidden}.file-picker{min-height:var(--tap-target);border:1.5px dashed var(--primary-color);border-radius:var(--border-radius-sm);color:var(--primary-color);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.file-picker:hover{background-color:var(--secondary-color)}.file-picker input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-picker:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.pos-status{border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.pos-status-online{background-color:var(--success-light);color:var(--success-dark)}.pos-status-offline{background-color:var(--warning-light);color:var(--warning-dark)}.pos-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px}.pos-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.pos-empty strong{color:var(--text-main);font-size:1.0625rem}@media (max-width:480px){.pos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.btn-danger{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 14px #dc262647}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);transform:translateY(-2px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);background-color:#0000;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background-color:var(--secondary-color);color:var(--text-main)}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-sm,.btn{min-height:var(--tap-target)}.btn-lg{padding:.9375rem 2.25rem;font-size:1.0625rem}.btn-block{width:100%;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3125rem;padding:.1875rem .5625rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-neutral{background-color:var(--secondary-color);color:var(--text-muted);border-color:var(--border-color)}.badge-success{background-color:var(--success-light);color:var(--success-dark);border-color:var(--success-border)}.badge-danger{background-color:var(--danger-light);color:var(--danger-dark);border-color:var(--danger-border)}.badge-warning{background-color:var(--warning-light);color:var(--warning-dark);border-color:var(--warning-border)}.badge-info{background-color:var(--primary-light);color:var(--info-dark);border-color:var(--primary-light)}.switch{cursor:pointer;width:48px;height:28px;transition:background-color .2s var(--ease-out);background-color:#cbd5e1;border:none;border-radius:9999px;flex-shrink:0;padding:0;position:relative}.switch[aria-checked=true]{background-color:var(--primary-color)}.switch:disabled{opacity:.55;cursor:not-allowed}.switch:after{content:"";width:22px;height:22px;transition:transform .2s var(--ease-out);background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.switch[aria-checked=true]:after{transform:translate(20px)}.switch-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.switch-row:last-child{border-bottom:none}.switch-row-text{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.switch-row-text strong{color:var(--text-main);font-size:.9375rem;font-weight:600}.switch-row-text span{color:var(--text-muted);font-size:.8125rem;line-height:1.45}.settings-form{flex-direction:column;gap:.75rem;display:flex}.settings-form-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.settings-form-row .form-group{flex:220px;min-width:0;margin-bottom:0}.settings-block{margin-bottom:1.5rem}.settings-toggles{border-top:1px solid var(--border-color);margin-top:1.5rem}.settings-hint{margin-top:1.5rem}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.cashier-link{align-items:center;gap:.5rem;display:flex}.cashier-link input{width:190px;min-width:0;color:var(--text-muted);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.4rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.produk-form{flex-direction:column;gap:.75rem;display:flex}.produk-form-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.produk-form-row .form-group{flex:130px;min-width:0;margin-bottom:0}.produk-form-row .form-group:first-of-type{flex:2 200px}.produk-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.produk-stock-form{align-items:center;gap:.375rem;display:inline-flex}.produk-stock-input{width:72px;color:var(--text-main);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:.4rem .5rem;font-size:.875rem}.filter-pills{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:inline-flex}.filter-pill{min-height:36px;color:var(--text-muted);cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.filter-pill:hover{color:var(--text-main)}.filter-pill[aria-current=true],.filter-pill[aria-pressed=true]{background-color:var(--card-bg);color:var(--text-main);box-shadow:var(--shadow-sm);font-weight:600}.modal{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);width:min(440px,100vw - 2rem);color:var(--text-main);box-shadow:var(--shadow-lg);padding:0}.modal::backdrop{background-color:#0f172a73}.modal-body{padding:1.5rem}.modal-title{color:var(--text-main);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.modal-text{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.55}.modal-actions{border-top:1px solid var(--border-color);background-color:var(--bg-color);border-radius:0 0 var(--border-radius) var(--border-radius);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.toast-stack{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:2000;pointer-events:none;flex-direction:column;gap:.5rem;width:min(420px,100vw - 2rem);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-in .22s var(--ease-out);border:1px solid #0000;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.45;display:flex}.toast-text{flex:1;min-width:0}.toast-close{width:24px;height:24px;color:inherit;opacity:.7;cursor:pointer;background-color:#0000;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.625rem;padding:2.5rem 1.25rem;display:flex}.empty-state svg{color:var(--text-placeholder)}.empty-state strong{color:var(--text-main);font-size:1.0625rem}.empty-state p{max-width:42ch;margin:0;font-size:.9375rem;line-height:1.55}.field-hint{color:var(--text-muted);font-size:.8125rem;line-height:1.45}.field-error{color:var(--danger-color);font-size:.8125rem;font-weight:500;line-height:1.45}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--secondary-color) 25%, #e8eef9 37%, var(--secondary-color) 63%);border-radius:var(--border-radius-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-text{border-radius:4px;height:.875rem}.skeleton-title{border-radius:6px;width:40%;height:1.5rem}.skeleton-card{height:104px}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.lp-page{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.lp-main{flex:1}.lp-header{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);background-color:#ffffffeb;position:sticky;top:0}.lp-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.lp-inner{width:100%;max-width:1200px;margin:0 auto}.lp-logo{letter-spacing:-.5px;color:var(--primary-color);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.lp-logo-mark{border-radius:var(--border-radius-sm);background:linear-gradient(135deg, var(--primary-color) 0%, #3b82f6 100%);color:#fff;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1.15rem;font-weight:900;display:grid}.lp-nav{align-items:center;gap:1.5rem;display:none}.lp-nav-link{color:var(--text-muted);transition:color .2s var(--ease-out);font-size:.95rem;font-weight:600;text-decoration:none}.lp-nav-link:hover{color:var(--primary-color)}.lp-nav-link-strong{color:var(--text-main);font-weight:700}.lp-nav-divider{background-color:var(--border-color);width:1px;height:24px}.lp-nav-toggle{min-width:var(--tap-target);min-height:var(--tap-target);border-radius:var(--border-radius-sm);color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.lp-nav-toggle:hover{background-color:var(--secondary-color)}.lp-mobile-nav{background-color:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:var(--shadow-md);flex-direction:column;gap:.25rem;padding:.75rem 1.5rem 1.25rem;display:flex;position:absolute;top:100%;left:0;right:0}.lp-mobile-nav-link{min-height:var(--tap-target);color:var(--text-main);align-items:center;font-weight:600;text-decoration:none;display:flex}.lp-mobile-nav-divider{background-color:var(--border-color);border:0;height:1px;margin:.5rem 0}@media (min-width:640px){.lp-nav{display:flex}.lp-nav-toggle,.lp-mobile-nav{display:none}}.lp-hero{background:radial-gradient(circle at 82% 12%,#2563eb26,#0000 31%),linear-gradient(145deg,#f8faff 0%,#fff 52%,#f1f5ff 100%);padding:6.5rem 1.5rem 5rem;position:relative;overflow:hidden}.lp-hero-inner{z-index:10;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(3rem,6vw,6rem);width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.lp-hero-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.lp-badge{border:1px solid var(--primary-light);background-color:var(--secondary-color);box-shadow:var(--shadow-sm);color:var(--primary-color);border-radius:99px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.35rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.lp-badge-dot{background-color:var(--success-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.lp-hero-title{letter-spacing:-2.7px;color:#0f172a;max-width:680px;margin:0 0 1.5rem;font-size:clamp(2.6rem,5.2vw,4.8rem);font-weight:850;line-height:1.02}.lp-hero-accent{background-image:linear-gradient(90deg, var(--primary-color), #2563eb 72%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.16em;display:block}.lp-hero-sub{color:#475569;max-width:610px;margin:0 0 2rem;font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:450;line-height:1.75}.lp-hero-cta{flex-wrap:wrap;gap:.75rem;display:flex}.lp-hero-cta .btn{padding:.95rem 2.25rem;font-size:1.05rem}.lp-hero-proof{color:#475569;flex-wrap:wrap;gap:.65rem 1.1rem;margin-top:1.4rem;font-size:.82rem;font-weight:650;display:flex}.lp-hero-proof span{align-items:center;gap:.38rem;display:inline-flex}.lp-hero-proof svg{color:var(--success-color)}.lp-product-showcase{min-width:0;position:relative;transform:perspective(1400px)rotateY(-2deg)rotateX(1deg)}.lp-showcase-glow{filter:blur(55px);background:#2563eb33;border-radius:50%;position:absolute;inset:10% 4% -5%}.lp-dashboard-mockup{background:#fff;border:1px solid #94a3b861;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0f172a29,0 8px 24px #2563eb1a}.lp-mockup-topbar,.lp-mockup-panel-head,.lp-mockup-row,.lp-mockup-brand,.lp-live-pill,.lp-mockup-stat small{align-items:center;display:flex}.lp-mockup-topbar{background:#f8fafceb;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.lp-mockup-brand{color:#0f172a;gap:.55rem;font-size:.85rem;font-weight:750}.lp-mockup-brand .lp-logo-mark{width:28px;height:28px;font-size:.9rem}.lp-live-pill{color:#047857;background:#ecfdf5;border-radius:99px;gap:.35rem;padding:.32rem .62rem;font-size:.7rem;font-weight:750}.lp-live-pill span{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #10b9811f}.lp-mockup-content{background:#f8fafc;padding:1rem}.lp-mockup-stats{grid-template-columns:1.5fr .8fr;gap:.75rem;margin-bottom:.75rem;display:grid}.lp-mockup-stat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.38rem;padding:1rem;display:flex}.lp-mockup-stat>span{color:#64748b;font-size:.7rem;font-weight:650}.lp-mockup-stat strong{color:#0f172a;letter-spacing:-.7px;font-size:1.45rem}.lp-mockup-stat small{color:#64748b;gap:.3rem;font-size:.66rem}.lp-mockup-stat-primary{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.lp-mockup-stat-primary small{color:#047857}.lp-mockup-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.lp-mockup-panel-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:1rem;padding:.9rem 1rem}.lp-mockup-panel-head div{gap:.15rem;display:grid}.lp-mockup-panel-head strong{color:#0f172a;font-size:.78rem}.lp-mockup-panel-head span{color:var(--primary-color);font-size:.67rem;font-weight:700}.lp-mockup-panel-head div span{color:#64748b;font-weight:500}.lp-mockup-row{border-bottom:1px solid #f1f5f9;grid-template-columns:34px minmax(0,1fr) auto;gap:.7rem;padding:.78rem 1rem;display:grid}.lp-mockup-row:last-child{border-bottom:0}.lp-mockup-row>span:nth-child(2){gap:.12rem;min-width:0;display:grid}.lp-mockup-row strong{color:#1e293b;font-size:.7rem}.lp-mockup-row small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.lp-mockup-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.lp-mockup-status{color:#047857;background:#ecfdf5;border-radius:99px;padding:.25rem .48rem;font-size:.62rem;font-weight:750}.lp-product-showcase .lp-preview-note{text-align:center;margin:.8rem 0 0;position:relative}.lp-value-strip{background:#fff;border-block:1px solid #e2e8f0;padding:0 1.5rem}.lp-value-grid{grid-template-columns:repeat(3,1fr);display:grid}.lp-value-grid div{text-align:center;border-right:1px solid #e2e8f0;flex-direction:column;gap:.25rem;padding:1.35rem 2rem;display:flex}.lp-value-grid div:last-child{border-right:0}.lp-value-grid strong{color:#0f172a;font-size:1rem}.lp-value-grid span{color:#64748b;font-size:.78rem}.lp-blob{z-index:0;pointer-events:none;border-radius:50%;position:absolute}.lp-blob-a{filter:blur(70px);background-color:#2563eb0a;width:280px;height:280px;top:18%;left:8%}.lp-blob-b{filter:blur(90px);background-color:#3b82f60a;width:360px;height:360px;bottom:12%;right:10%}.lp-preview-note{color:var(--text-muted);margin:1.25rem 0 0;font-size:.8rem}.lp-section{background-color:var(--bg-color);padding:6rem 1.5rem}.lp-section-alt{background-color:var(--card-bg)}.lp-section-head{text-align:center;max-width:640px;margin:0 auto 3.5rem}.lp-section-title{letter-spacing:-1px;color:var(--text-main);margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.lp-section-sub{color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.7}.lp-lift{transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out)}.lp-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.lp-lift:hover{transform:none}.floating{animation:none}}.lp-icon{border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:grid}.lp-icon-lg{border-radius:14px;width:56px;height:56px;margin-bottom:1rem}.lp-icon-blue{background-color:var(--secondary-color);color:var(--primary-color)}.lp-icon-green{background-color:var(--success-light);color:#047857}.lp-icon-amber{background-color:var(--warning-light);color:var(--warning-color)}.lp-icon-purple{color:#7e22ce;background-color:#f3e8ff}.lp-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.lp-grid-wide{max-width:1000px;margin:0 auto}.lp-tile{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.75rem;display:flex}.lp-tile-center{text-align:center;align-items:center}.lp-tile-title{letter-spacing:-.4px;color:var(--text-main);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.lp-tile-desc{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.65}.lp-tile-step{letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:inline-block}.lp-faq{max-width:700px;margin:0 auto}.lp-faq-item{border-bottom:1px solid var(--border-color)}.lp-faq-q{width:100%;min-height:var(--tap-target);text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex}.lp-faq-q:hover{color:var(--primary-color)}.lp-faq-chevron{transition:transform .25s var(--ease-out);flex-shrink:0}.lp-faq-q[aria-expanded=true] .lp-faq-chevron{transform:rotate(180deg)}.lp-faq-a{color:var(--text-muted);margin:0;padding:0 0 1.15rem;font-size:.95rem;line-height:1.75}.lp-plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1180px;margin:0 auto;padding-top:12px;display:grid}.lp-plan{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);box-shadow:var(--shadow-sm);flex-direction:column;padding:2.5rem 2rem;display:flex;position:relative}.lp-plan-featured{border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.lp-plan-ribbon{background-color:var(--primary-color);color:#fff;letter-spacing:.08em;white-space:nowrap;border-radius:99px;padding:.25rem 1.25rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-plan-tag{background-color:var(--border-color);color:var(--text-main);letter-spacing:.04em;border-radius:99px;align-self:flex-start;padding:.25rem .875rem;font-size:.78rem;font-weight:700}.lp-plan-featured .lp-plan-tag{background-color:var(--secondary-color);color:var(--primary-color)}.lp-plan-price{letter-spacing:-.8px;color:var(--text-main);margin:.875rem 0 0;font-size:1.85rem;font-weight:800}.lp-plan-period{color:var(--text-muted);font-size:.95rem;font-weight:500}.lp-plan-desc{color:var(--text-muted);margin:.5rem 0 1.75rem;font-size:.875rem;line-height:1.6}.lp-plan-list{flex-direction:column;flex:1;gap:.875rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.lp-plan-item{color:var(--text-main);align-items:flex-start;gap:.6rem;font-size:.92rem;font-weight:500;line-height:1.5;display:flex}.lp-plan-item svg{flex-shrink:0;margin-top:2px}.lp-plan-item-soon{color:var(--text-muted)}.lp-plan-soon-tag{background-color:var(--warning-light);color:var(--warning-dark);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;margin-left:.35rem;padding:.05rem .4rem;font-size:.68rem;font-weight:800}.lp-plan-cta{width:100%}.lp-plan-note{text-align:center;color:var(--text-muted);margin:.75rem 0 0;font-size:.78rem;line-height:1.5}.lp-cta-band{text-align:center;background:linear-gradient(135deg, var(--primary-color) 0%, #3b82f6 100%);color:#fff;padding:5rem 1.5rem}.lp-cta-title{letter-spacing:-.8px;max-width:640px;margin:0 auto 1rem;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:800}.lp-cta-sub{color:#ffffffe6;max-width:560px;margin:0 auto 2rem;font-size:1.02rem;line-height:1.7}.lp-cta-band .btn-primary{color:var(--primary-color);box-shadow:var(--shadow-md);background:#fff}.lp-cta-band .btn-primary:hover{background:var(--secondary-color);color:var(--primary-hover)}.lp-cta-owner{color:#ffffffbf;margin:1.75rem auto 0;font-size:.85rem}.lp-footer{border-top:1px solid var(--border-color);background-color:var(--card-bg);padding:3.5rem 1.5rem}.lp-footer-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.lp-footer-brand{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.lp-footer-text{max-width:420px;color:var(--text-muted);margin:0 0 2rem;font-size:.92rem;line-height:1.6}.lp-footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:2rem;display:flex}.lp-footer-link{min-height:var(--tap-target);color:var(--text-main);align-items:center;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.lp-footer-link:hover{color:var(--primary-color);text-decoration:underline}.lp-social{gap:.5rem;margin-bottom:1.5rem;display:flex}.lp-social-link{width:var(--tap-target);height:var(--tap-target);color:var(--text-muted);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:50%;place-items:center;display:grid}.lp-social-link:hover{background-color:var(--secondary-color);color:var(--primary-color)}.lp-footer-legal{color:var(--text-muted);margin:0;font-size:.82rem;font-weight:500}.lp-footer-business{flex-direction:column;gap:.3rem;margin:0 0 1.25rem;display:flex}.lp-footer-business p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.lp-footer-business strong{color:var(--text-main);font-weight:700}.lp-prose{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 5rem}.lp-prose h1{letter-spacing:-1px;color:var(--text-main);margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.lp-prose h2{color:var(--text-main);margin:2.5rem 0 .75rem;font-size:1.15rem;font-weight:700}.lp-prose p,.lp-prose li{color:var(--text-muted);font-size:.95rem;line-height:1.8}.lp-prose ul{margin:0 0 1rem;padding-left:1.25rem}.lp-prose li{margin-bottom:.4rem}.lp-prose a{color:var(--primary-color);font-weight:600}.lp-prose-updated{color:var(--text-placeholder);margin:0 0 2rem;font-size:.82rem;font-weight:600}.lp-prose-summary{border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-sm);background-color:var(--secondary-color);margin:0 0 2.5rem;padding:1.25rem 1.5rem}.lp-prose-summary p:last-child{margin-bottom:0}@media (max-width:1000px){.lp-hero-inner{grid-template-columns:minmax(0,1fr);gap:3.5rem;max-width:760px}.lp-hero-copy{text-align:center;align-items:center;width:100%}.lp-hero-sub{max-width:680px}.lp-product-showcase{width:100%;max-width:100%;transform:none}.lp-dashboard-mockup{min-width:0;max-width:100%}}@media (max-width:640px){.lp-hero{padding:4rem 1.25rem 3.5rem}.lp-hero-inner{gap:2.75rem}.lp-badge{margin-bottom:1.4rem}.lp-hero-title{letter-spacing:-1.8px;font-size:clamp(2.35rem,12vw,3.4rem)}.lp-hero-sub{font-size:1rem;line-height:1.65}.lp-hero-cta{width:100%}.lp-hero-proof{justify-content:center}.lp-dashboard-mockup{border-radius:16px}.lp-mockup-stats{grid-template-columns:1fr}.lp-mockup-panel-head>span{display:none}.lp-mockup-row{grid-template-columns:32px minmax(0,1fr) auto;padding-inline:.75rem}.lp-value-strip{padding-inline:1.25rem}.lp-value-grid{grid-template-columns:1fr}.lp-value-grid div{border-bottom:1px solid #e2e8f0;border-right:0;padding:1rem 0}.lp-value-grid div:last-child{border-bottom:0}.lp-section{padding:4rem 1.25rem}.lp-cta-band{padding:3.5rem 1.25rem}.lp-plans{gap:1.5rem}.lp-plan{padding:2rem 1.5rem}.lp-hero-cta .btn{width:100%}}.auth-page{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-brand{letter-spacing:-.02em;color:var(--primary-color);margin-bottom:1.75rem;font-size:1.5rem;font-weight:800}.auth-card{width:100%;max-width:420px}.auth-head{text-align:center;margin-bottom:1.75rem}.auth-head h1{color:var(--text-main);margin-bottom:.35rem;font-size:1.6rem;font-weight:700;line-height:1.25}.auth-head p{color:var(--text-muted);font-size:.9rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.auth-aside{text-align:right;margin-top:-.5rem;font-size:.85rem}.auth-link{color:var(--primary-color);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-foot{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.875rem}.auth-sent{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.auth-sent svg{color:var(--success-color)}.auth-sent h2{color:var(--text-main);font-size:1.15rem;font-weight:700}.auth-sent p{color:var(--text-muted);font-size:.9rem;line-height:1.55}.auth-sent strong{color:var(--text-main);overflow-wrap:anywhere}.auth-sent p.auth-sent-hint{color:var(--text-placeholder);font-size:.82rem}@media (max-width:480px){.auth-page{padding:1.5rem 1rem}.auth-card{padding:1.5rem}.auth-head h1{font-size:1.4rem}}.onb{flex-direction:column;gap:1.25rem;display:flex}.onb-head h2{color:var(--text-main);margin-bottom:.3rem;font-size:1.25rem;font-weight:700}.onb-head p{color:var(--text-muted);font-size:.9rem}.onb-progress{background-color:var(--border-color);border-radius:99px;height:6px;position:relative;overflow:hidden}.onb-progress:after{content:"";width:var(--onb-progress,0%);background-color:var(--success-color);transition:width .35s var(--ease-out);border-radius:99px;position:absolute;inset:0 auto 0 0}.onb-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.onb-item{border-bottom:1px solid var(--border-color);gap:.85rem;padding:.85rem 0;display:flex}.onb-item:last-child{border-bottom:none;padding-bottom:0}.onb-mark{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.1rem;display:flex}.onb-item[data-state=done] .onb-mark{color:var(--success-color)}.onb-item[data-state=active] .onb-mark{color:var(--primary-color)}.onb-item[data-state=locked] .onb-mark{color:var(--text-placeholder)}.onb-body{min-width:0}.onb-item-title{color:var(--text-main);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.onb-item-title svg{color:var(--text-muted);flex-shrink:0}.onb-item[data-state=done] .onb-item-title{color:var(--text-muted);text-decoration:line-through}.onb-item[data-state=locked] .onb-item-title{color:var(--text-muted)}.onb-item-desc{color:var(--text-muted);margin-top:.2rem;font-size:.85rem;line-height:1.5}.onb-item[data-state=done] .onb-item-desc,.onb-item[data-state=locked] .onb-item-desc{color:var(--text-placeholder)}.onb-cta{margin-top:.65rem}.onb-foot{color:var(--text-muted);font-size:.8rem}.onb-foot code{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-color);overflow-wrap:anywhere;padding:.15rem .4rem;font-size:.78rem}@media (prefers-reduced-motion:reduce){.onb-progress:after{transition:none}}.cashier-page .cashier-nav{max-width:1120px}.cashier-page .cashier-nav button{touch-action:manipulation}.cashier-gate{background:radial-gradient(circle at 15% 10%, #2563eb1f, transparent 32rem), var(--bg-color);justify-content:center;align-items:center;min-height:100dvh;padding:1.25rem;display:flex}.cashier-login{width:100%;max-width:430px;padding:clamp(1.25rem,4vw,2rem)}@media (min-width:769px) and (max-width:1024px){.cashier-login{max-width:480px}}@media (min-width:1025px){.cashier-login{max-width:430px}}.cashier-login-icon,.cashier-gate-icon{background-color:var(--secondary-color);width:52px;height:52px;color:var(--primary-color);border-radius:14px;place-items:center;margin-bottom:1rem;display:grid}.cashier-login-head{margin-bottom:1.5rem}.cashier-login-eyebrow{color:var(--primary-color);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:800}.cashier-login-head h1,.cashier-gate-card h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.35rem,5vw,1.7rem);line-height:1.2}.cashier-login-head p,.cashier-gate-card p{color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem;line-height:1.55}.cashier-login-form{flex-direction:column;gap:1rem;display:flex}.cashier-login-form .field{flex-direction:column;gap:.35rem;display:flex}.cashier-password{display:block;position:relative}.cashier-password .input{width:100%;padding-right:3rem}.cashier-password-toggle{width:var(--tap-target);height:var(--tap-target);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.cashier-password-toggle:hover{color:var(--text-main);background-color:var(--bg-color)}.cashier-login-submit{width:100%;min-height:var(--tap-target);margin-top:.25rem}.cashier-login-error{border:1px solid var(--danger-border);border-radius:var(--border-radius-sm);background-color:var(--danger-light);color:var(--danger-dark);margin:0;padding:.65rem .75rem;font-size:.85rem}.cashier-login-foot{color:var(--text-muted);text-align:center;margin:1.25rem 0 0;font-size:.78rem;line-height:1.5}.cashier-gate-card{text-align:center;width:100%;max-width:430px;padding:2rem}.cashier-gate-icon{margin-inline:auto}.cashier-page{background-color:var(--bg-color);min-height:100dvh;padding:clamp(.75rem,2vw,1.25rem)}.cashier-header{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto .75rem;padding:.85rem 1rem;display:flex}.cashier-header h1{color:var(--primary-color);overflow-wrap:anywhere;margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem)}.cashier-header p{color:var(--text-muted);margin:.15rem 0 0;font-size:.8125rem}.cashier-header-text{min-width:0}.cashier-logout{flex-shrink:0}.cashier-main{max-width:1120px;margin:0 auto}.cashier-form-card{padding:clamp(.85rem,2vw,1.5rem)}@media (min-width:769px) and (max-width:1024px){.cashier-page{padding:1rem}.cashier-header{padding:1rem 1.25rem}.cashier-form-card{padding:1.25rem}}@media (min-width:1025px){.cashier-page{padding:1.25rem}}.pos-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.pos-col{min-width:0}@media (min-width:561px) and (max-width:768px){.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pos-product-img-wrap{height:95px}}@media (min-width:769px) and (max-width:1024px){.pos-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.pos-col-side{position:sticky;top:1rem}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pos-product-img-wrap{height:100px}}@media (min-width:1025px){.pos-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start}.pos-col-side{position:sticky;top:1rem}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pos-product-img-wrap{height:110px}}.pos-sub-picker{width:100%;display:block}.pos-sub-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.pos-sub-option{min-height:var(--tap-target);border:1.5px solid var(--border-color);background-color:var(--card-bg);color:var(--text-main);text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:9px;align-items:center;gap:.55rem;padding:.45rem;font-family:inherit;display:flex}.pos-sub-option:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--secondary-color)}.pos-sub-option:disabled{opacity:.5;cursor:not-allowed}.pos-sub-option-img{background-color:var(--secondary-color);width:48px;height:48px;color:var(--primary-color);border-radius:7px;flex:0 0 48px;place-items:center;font-weight:800;display:grid;overflow:hidden}.pos-sub-option-img img{object-fit:cover;width:100%;height:100%}.pos-sub-option-body{flex-direction:column;gap:.05rem;min-width:0;display:flex}.pos-sub-option-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.25;display:-webkit-box;overflow:hidden}.pos-sub-option-body span{color:var(--text-muted);font-size:.75rem}.pos-sub-option-body small{color:var(--warning-color);font-size:.6875rem}.pos-line-sub{flex-flow:wrap;align-items:center}.pos-line-sub-thumb{background-color:var(--secondary-color);width:36px;height:36px;color:var(--primary-color);border-radius:6px;flex:0 0 36px;place-items:center;font-size:.75rem;font-weight:800;display:grid;overflow:hidden}.pos-line-sub-thumb img{object-fit:cover;width:100%;height:100%}.store-link{border:1px solid var(--primary-light);background-color:var(--secondary-color);border-radius:12px;padding:1rem}.store-link-head{align-items:flex-start;gap:.75rem;display:flex}.store-link-icon{background-color:var(--card-bg);width:40px;height:40px;color:var(--primary-color);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.store-link-head h4,.settings-section-head h4{margin:0 0 .2rem;font-size:.95rem}.store-link-head p,.settings-section-head p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.store-link-row{align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.store-link-row input{min-width:0;min-height:var(--tap-target);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg);color:var(--text-main);flex:1;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.store-link-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.65rem;display:flex}.store-link-foot p,.store-link-empty{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.5}.settings-divider{background-color:var(--border-color);height:1px;margin:1.5rem 0}.settings-section-head{margin-bottom:.75rem}.settings-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.75rem;display:grid}.settings-form-actions{justify-content:flex-end;display:flex}.settings-quota{flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:1rem;display:flex}.settings-quota span{font-size:.8125rem;line-height:1.5}.cashier-username{border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:5px;padding:.15rem .4rem;font-size:.78rem}.cashier-actions{flex-wrap:wrap;gap:.375rem;display:flex}@media (max-width:640px){.table-scroll table{min-width:640px}.settings-form-actions{justify-content:stretch}.settings-form-actions .btn{width:100%}.store-link-row{flex-direction:column;align-items:stretch}.cashier-header{align-items:flex-start}}@media (max-width:380px){.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-sub-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pos-sub-option,.pos-product-img{transition:none}}