@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap');
[hidden]{display:none!important}
:root{--forest:#20352d;--forest-2:#2e4b40;--cream:#f5f1e8;--paper:#fffdf8;--ink:#233029;--muted:#7b837e;--line:#e5e2d9;--pink:#dc6b88;--pink-soft:#f9e6eb;--green:#3c8c68;--shadow:0 18px 45px rgba(31,50,42,.11)}
*{box-sizing:border-box} body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);height:100vh;overflow:hidden}.topbar{height:72px;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand,.top-actions,.operator{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-family:'Fraunces',serif;font-size:14px}.brand strong{display:block;font-family:'Fraunces',serif;font-size:20px}.brand small{display:block;color:#becac5;margin-top:2px}.top-actions{gap:12px}.badge{display:flex;align-items:center;gap:7px;font-size:13px;background:rgba(255,255,255,.1);padding:8px 11px;border-radius:20px}.badge i{width:8px;height:8px;border-radius:50%;background:#69d59f;box-shadow:0 0 0 3px rgba(105,213,159,.15)}.badge.offline i{background:#f0a35f}.icon-button,.operator{border:0;color:white;background:rgba(255,255,255,.09);height:40px;border-radius:10px}.icon-button{width:40px;font-size:22px;cursor:pointer}.operator{gap:9px;padding:5px 12px 5px 6px}.operator>span:first-child{width:30px;height:30px;background:var(--pink);border-radius:8px;display:grid;place-items:center;font-weight:700}.operator span:last-child{font-weight:600;text-align:left}.operator small{display:block;color:#bfcac5;font-size:10px;font-weight:400}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 72px)}.sales-panel{padding:32px 36px;overflow:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--pink);font-weight:700;margin:0 0 5px}.page-heading h1,.dialog h2{font-family:'Fraunces',serif;margin:0;font-size:32px}.secondary-button{border:1px solid var(--line);background:var(--paper);padding:10px 14px;border-radius:10px;color:var(--ink);cursor:pointer}.secondary-button b{background:var(--forest);color:white;border-radius:12px;padding:2px 7px;margin-left:6px}.scan-box{height:76px;background:var(--paper);border:2px solid var(--forest-2);border-radius:15px;box-shadow:0 6px 20px rgba(31,50,42,.08);display:flex;align-items:center;padding:0 18px;gap:14px;cursor:text}.scan-icon{font-size:30px;color:var(--pink)}.scan-copy{min-width:235px}.scan-copy strong,.scan-copy small{display:block}.scan-copy small{color:var(--muted);font-size:12px;margin-top:3px}.scan-box input{min-width:0;flex:1;border:0;outline:0;font:inherit;font-size:18px;background:transparent}.scan-box input::placeholder{color:transparent}.scan-box kbd{background:#eeeae0;border:1px solid #ddd8ca;border-bottom-width:2px;padding:4px 7px;border-radius:6px;color:#777}.quick-row{display:flex;align-items:center;gap:9px;margin:22px 0 16px}.quick-row>span{font-size:12px;color:var(--muted);margin-right:5px}.filter{border:1px solid var(--line);background:transparent;border-radius:20px;padding:7px 13px;cursor:pointer;color:#626a65}.filter.active{background:var(--forest);border-color:var(--forest);color:white}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding-bottom:30px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:12px;cursor:pointer;transition:.18s;text-align:left;color:inherit}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c5cfc9}.product-art{height:115px;border-radius:10px;display:grid;place-items:center;font-size:53px;margin-bottom:11px;position:relative}.product-art small{position:absolute;right:8px;bottom:7px;background:rgba(255,255,255,.8);border-radius:8px;padding:3px 6px;font-size:9px}.product-card>small{color:var(--muted);font-size:10px;letter-spacing:.6px}.product-card h3{font-size:14px;margin:5px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-foot{display:flex;align-items:center;justify-content:space-between}.product-foot strong{font-size:15px}.product-foot span{width:28px;height:28px;background:var(--pink-soft);color:var(--pink);border-radius:8px;display:grid;place-items:center;font-size:20px}.cart-panel{background:var(--paper);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.cart-heading{height:75px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.cart-heading span,.cart-heading strong{display:block}.cart-heading span{font-size:12px;color:var(--muted)}.cart-heading strong{font-size:18px;margin-top:3px}.text-button{border:0;background:none;color:var(--pink);font-weight:600;cursor:pointer}.cart-items{padding:13px 20px;overflow:auto}.cart-item{display:grid;grid-template-columns:46px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}.cart-thumb{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;font-size:22px}.cart-item h4{margin:0 0 6px;font-size:13px}.qty{display:flex;align-items:center;gap:9px}.qty button{border:1px solid var(--line);background:white;border-radius:6px;width:22px;height:22px;cursor:pointer}.cart-price{text-align:right}.cart-price strong,.cart-price button{display:block}.cart-price button{border:0;background:none;color:#aaa;margin:6px 0 0 auto;cursor:pointer}.empty-cart{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);gap:8px}.empty-cart div{font-size:35px;color:#adb8b2}.empty-cart strong{color:var(--ink)}.empty-cart span{font-size:12px;line-height:1.5}.cart-summary{margin-top:auto;padding:20px 24px 18px;border-top:1px solid var(--line);background:#fff}.cart-summary>div,.discount-line{display:flex;width:100%;justify-content:space-between;margin-bottom:11px}.cart-summary span{color:var(--muted);font-size:13px}.discount-line{border:0;background:none;padding:0;cursor:pointer}.discount-line strong{color:var(--pink)}.total-line{border-top:1px dashed #d8d5cc;padding-top:15px;align-items:center}.total-line span{font-size:15px}.total-line strong{font-family:'Fraunces',serif;font-size:26px}.checkout-button,.confirm-button{width:100%;border:0;background:var(--pink);color:white;border-radius:12px;padding:15px 17px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer;box-shadow:0 7px 16px rgba(220,107,136,.24)}.checkout-button:disabled{background:#d5d4ce;box-shadow:none;cursor:not-allowed}.offline-note{text-align:center;color:var(--green);font-size:10px;margin:12px 0 0}.dialog{border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(20,35,29,.3);width:min(580px,calc(100% - 32px));color:var(--ink)}.dialog::backdrop{background:rgba(18,31,26,.55);backdrop-filter:blur(4px)}.dialog form{padding:30px;position:relative}.dialog-close{position:absolute;right:20px;top:18px;border:0;background:#f2efe8;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}.payment-total{background:var(--cream);border-radius:12px;padding:16px;margin:20px 0;display:flex;justify-content:space-between;align-items:center}.payment-total strong{font-family:'Fraunces',serif;font-size:25px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.payment-grid button{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;text-align:left;cursor:pointer;color:var(--ink)}.payment-grid button:hover,.payment-grid button.selected{border-color:var(--pink);background:var(--pink-soft)}.payment-grid button span,.payment-grid button strong,.payment-grid button small{display:block}.payment-grid button span{color:var(--pink);font-size:22px}.payment-grid button strong{margin:5px 0 2px}.payment-grid button small{color:var(--muted)}.payment-confirmation{margin-top:17px}.payment-confirmation label{font-size:12px;font-weight:600}.payment-confirmation label small{font-weight:400;color:var(--muted)}.payment-confirmation input{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin:6px 0 14px;font:inherit}.confirm-button{justify-content:center}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--forest);color:white;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow);z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.history-dialog{width:min(720px,calc(100% - 32px))}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.history-stats div{background:var(--cream);padding:14px;border-radius:10px}.history-stats span,.history-stats strong{display:block}.history-stats span{font-size:11px;color:var(--muted)}.history-stats strong{font-size:18px;margin-top:4px}.history-list{max-height:340px;overflow:auto}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:13px 5px;border-bottom:1px solid var(--line);align-items:center}.history-row small{display:block;color:var(--muted)}.sync-status{font-size:10px;border-radius:12px;padding:4px 8px;background:#fff0d9;color:#9a6620}.sync-status.done{background:#e5f4ec;color:#367857}@media(max-width:900px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto}.sales-panel{padding:24px 18px}.cart-panel{border-left:0;border-top:1px solid var(--line);min-height:600px}.operator span:last-child{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.scan-copy{display:none}.scan-box input::placeholder{color:#999}}@media(max-width:500px){.topbar{padding:0 14px}.brand small{display:none}.page-heading{align-items:center}.page-heading h1{font-size:27px}.secondary-button{font-size:11px}.quick-row{overflow:auto}.product-grid{grid-template-columns:1fr 1fr}.product-art{height:95px}.payment-grid{grid-template-columns:1fr}.history-stats{grid-template-columns:1fr}}