*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{overscroll-behavior:none;height:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;touch-action:manipulation;background:#f2f2f7;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}#root{height:100%}button{touch-action:manipulation;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}h1,h2,h3,h4,p{margin:0}a{text-decoration:none}img{max-width:100%;display:block}.produk-card{background:var(--surface);border-radius:var(--radius);cursor:pointer;text-align:center;border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:108px;padding:14px 10px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative;box-shadow:0 1px 3px #0000000f,0 .5px 1px #0000000a}.produk-card:active{background:var(--accent-light);border-color:var(--accent);transform:scale(.94)}.produk-card.in-cart{border-color:var(--accent);background:var(--accent-light)}.produk-card-emoji{font-size:38px;line-height:1}.produk-card-nama{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.produk-card-harga{color:var(--text-secondary);font-size:12px;font-weight:500}.produk-card-badge{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:7px;right:7px}.produk-list-row{background:var(--surface);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex;box-shadow:0 1px 2px #0000000d}.produk-list-row:active{background:var(--accent-light)}.produk-list-emoji{background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.produk-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.produk-list-nama{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.produk-list-harga{color:var(--text-secondary);font-size:13px}.produk-list-plus{border:1.5px solid var(--accent);width:34px;height:34px;color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,transform .1s;display:flex}.produk-list-plus:active{transform:scale(.88)}.produk-list-plus.has-qty{background:var(--accent);color:#fff}.produk-list-qty{font-size:14px;font-weight:700}.opsi-overlay{z-index:200;background:#0006;flex-direction:column;justify-content:flex-end;animation:.2s fadeBg;display:flex;position:fixed;inset:0}@keyframes fadeBg{0%{background:0 0}to{background:#0006}}.opsi-sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheetUp;display:flex}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.opsi-header{border-bottom:.5px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.opsi-emoji{font-size:42px;line-height:1}.opsi-header-info{flex-direction:column;flex:1;gap:3px;display:flex}.opsi-nama{color:var(--text);letter-spacing:-.2px;font-size:17px;font-weight:700}.opsi-harga-base{color:var(--accent);font-size:14px;font-weight:600}.opsi-body{flex-direction:column;flex:1;gap:20px;padding:16px 20px;display:flex;overflow-y:auto}.opsi-grup{flex-direction:column;gap:10px;display:flex}.opsi-grup-nama{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.opsi-pills{flex-wrap:wrap;gap:8px;display:flex}.opsi-pill{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .12s}.opsi-pill:active{transform:scale(.94)}.opsi-pill.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font-weight:600}.opsi-pill-harga{opacity:.8;font-size:11px}.opsi-catatan-wrap{flex-direction:column;gap:8px;display:flex}.opsi-catatan-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.opsi-catatan-input{background:var(--surface2);border-radius:var(--radius-sm);width:100%;color:var(--text);border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:background .15s}.opsi-catatan-input:focus{background:#76768026}.opsi-footer{border-top:.5px solid var(--border);flex-shrink:0;padding:12px 20px 16px}.opsi-total-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.opsi-total-label{color:var(--text-secondary);font-size:14px}.opsi-total-val{color:var(--text);font-size:18px;font-weight:700}.opsi-btn-tambah{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:-.2px;border:none;width:100%;padding:15px;font-size:16px;font-weight:700;transition:opacity .12s,transform .12s}.opsi-btn-tambah:active{opacity:.85;transform:scale(.98)}.catatan-overlay{z-index:300;background:#0006;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.catatan-sheet{background:var(--surface);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;animation:.28s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.catatan-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.catatan-title{color:var(--text);font-size:17px;font-weight:700}.catatan-done-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:16px;font-weight:600}.catatan-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.catatan-textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--bg);resize:none;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.catatan-textarea:focus{border-color:var(--accent)}.catatan-suggest-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.catatan-suggests{flex-wrap:wrap;gap:8px;display:flex}.catatan-suggest{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.catatan-suggest:active{transform:scale(.95)}.catatan-suggest.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.keranjang-overlay{z-index:200;background:#0006;flex-direction:column;justify-content:flex-end;animation:.2s fadeBg;display:flex;position:fixed;inset:0}.keranjang-sheet{background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:92vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheetUp;display:flex}.keranjang-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.keranjang-header{background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.keranjang-title{color:var(--text);font-size:17px;font-weight:700}.keranjang-close-btn{background:var(--surface2);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.keranjang-close-btn:active{opacity:.6}.keranjang-nama-wrap{background:var(--bg);flex-shrink:0;padding:0 16px 10px}.keranjang-nama-input{background:var(--surface);border-radius:var(--radius-sm);width:100%;color:var(--text);border:none;outline:none;padding:10px 14px;font-size:15px;box-shadow:0 1px 3px #0000000f}.keranjang-nama-input::placeholder{color:var(--text-secondary)}.keranjang-items{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;padding:4px 0;overflow-y:auto}.keranjang-item{background:var(--surface);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin:0 16px 6px;padding:10px 16px;display:flex;box-shadow:0 1px 2px #0000000a}.keranjang-item-emoji{background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.keranjang-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.keranjang-item-nama{color:var(--text);font-size:14px;font-weight:600}.keranjang-item-pilihan{color:var(--accent);font-size:12px;font-weight:500}.keranjang-item-catatan{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-style:italic}.keranjang-item-add-catatan{color:var(--text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.keranjang-item-harga-row{margin-top:2px}.keranjang-harga-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:500;display:flex}.keranjang-harga-btn:active{opacity:.6}.keranjang-harga-manual-tag{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.keranjang-harga-edit{border:1.5px solid var(--accent);width:110px;color:var(--text);background:var(--bg);border-radius:8px;outline:none;padding:4px 8px;font-family:inherit;font-size:13px}.keranjang-qty-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.keranjang-qty-btn{background:var(--surface2);cursor:pointer;width:30px;height:30px;color:var(--text);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .1s;display:flex}.keranjang-qty-btn.minus{color:var(--red)}.keranjang-qty-btn.plus{color:var(--accent)}.keranjang-qty-btn:active{transform:scale(.88)}.keranjang-qty{color:var(--text);text-align:center;min-width:20px;font-size:15px;font-weight:700}.keranjang-footer{background:var(--surface);border-top:.5px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 14px;display:flex}.keranjang-total-row{justify-content:space-between;align-items:center;display:flex}.keranjang-total-label{color:var(--text-secondary);font-size:15px;font-weight:500}.keranjang-total-val{color:var(--text);letter-spacing:-.5px;font-size:20px;font-weight:800}.keranjang-actions{gap:8px;display:flex}.keranjang-btn-simpan{background:var(--green);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex:1;padding:14px;font-size:15px;font-weight:700;transition:opacity .12s,transform .12s}.keranjang-btn-simpan:active{opacity:.85;transform:scale(.97)}.keranjang-btn-bayar{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:-.2px;border:none;flex:2;padding:14px;font-size:16px;font-weight:700;transition:opacity .12s,transform .12s}.keranjang-btn-bayar:active{opacity:.85;transform:scale(.97)}.checkout-overlay{z-index:250;background:#0006;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.checkout-sheet{background:var(--bg);height:100%;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheetUp;display:flex}.checkout-topbar{-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);background:#f9f9f9f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.checkout-back-btn{background:var(--surface2);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-back-btn:active{opacity:.6}.checkout-title{color:var(--text);font-size:17px;font-weight:700}.checkout-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.checkout-section{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.checkout-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}.checkout-item-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.checkout-item-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.checkout-item-qty{color:var(--text-secondary);flex-shrink:0;min-width:28px;font-size:14px;font-weight:500}.checkout-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.checkout-item-nama{color:var(--text);font-size:14px;font-weight:600}.checkout-item-pilihan{color:var(--accent);font-size:12px}.checkout-item-subtotal{color:var(--text);flex-shrink:0;font-size:14px;font-weight:600}.checkout-diskon-row{align-items:center;gap:10px;display:flex}.checkout-diskon-type{background:var(--surface2);border-radius:8px;flex-shrink:0;padding:2px;display:flex}.checkout-diskon-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.checkout-diskon-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0000001a}.checkout-diskon-input{background:var(--surface2);border-radius:var(--radius-sm);color:var(--text);border:none;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:15px}.checkout-diskon-result{color:var(--green);flex-shrink:0;font-size:14px;font-weight:600}.checkout-metode-tabs{background:var(--surface2);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.checkout-metode-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px;font-family:inherit;font-size:14px;font-weight:600;transition:all .12s}.checkout-metode-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0000001a}.checkout-uang-input{background:var(--surface2);border-radius:var(--radius-sm);width:100%;color:var(--text);border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:18px;font-weight:700}.checkout-uang-input.error{background:#ff3b3014}.checkout-quick-cash{flex-wrap:wrap;gap:6px;display:flex}.checkout-quick-btn{background:var(--surface2);color:var(--text2);cursor:pointer;border:none;border-radius:20px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .1s}.checkout-quick-btn:active{background:var(--accent-bg);color:var(--accent)}.checkout-kembalian-row{border-top:.5px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:6px;font-size:14px;font-weight:500;display:flex}.checkout-kembalian-val{color:var(--green);font-size:17px;font-weight:700}.checkout-error-text{color:var(--red);font-size:13px;font-weight:500}.checkout-footer{background:var(--surface);border-top:.5px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 14px;display:flex}.checkout-total-row{justify-content:space-between;align-items:center;display:flex}.checkout-total-label{color:var(--text-secondary);font-size:15px;font-weight:500}.checkout-total-val{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.checkout-btn-selesai{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:-.2px;border:none;width:100%;padding:15px;font-family:inherit;font-size:17px;font-weight:700;transition:opacity .12s,transform .12s}.checkout-btn-selesai:active{transform:scale(.98)}.checkout-btn-selesai:disabled{opacity:.4}.checkout-done{background:var(--surface);z-index:300;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.checkout-done-icon{animation:.4s cubic-bezier(.34,1.56,.64,1) donePopIn}@keyframes donePopIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.checkout-done-text{color:var(--text);letter-spacing:-.5px;font-size:24px;font-weight:800}.checkout-done-sub{color:var(--text-secondary);font-size:17px;font-weight:500}.pos-page{background:var(--bg);flex-direction:column;height:100%;display:flex}.pos-toolbar{-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);z-index:10;background:#f9f9f9f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex;position:sticky;top:0}.pos-toolbar-title{color:var(--text);letter-spacing:-.2px;font-size:17px;font-weight:600}.pos-toolbar-right{align-items:center;gap:8px;display:flex}.pos-batal-btn{border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500;transition:background .12s}.pos-batal-btn:active{background:#ff3b3014}.pos-view-toggle{background:var(--surface2);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.pos-view-toggle:active{opacity:.6}.pos-search-wrap{background:var(--surface);flex-shrink:0;padding:8px 16px 6px}.pos-search-inner{background:#7676801f;border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:flex}.pos-search-icon{color:var(--text-secondary);flex-shrink:0}.pos-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:15px}.pos-search-input::placeholder{color:var(--text-secondary)}.pos-search-clear{background:var(--text-tertiary);width:18px;height:18px;color:var(--surface);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.pos-kategori-wrap{background:var(--surface);border-bottom:.5px solid var(--border);flex-shrink:0}.pos-kategori-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.pos-kategori-scroll::-webkit-scrollbar{display:none}.pos-kategori-tab{background:var(--surface2);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;transition:background .12s,color .12s}.pos-kategori-tab.active{background:var(--accent);color:#fff;font-weight:600}.pos-kategori-tab:active:not(.active){background:#7676802e}.pos-produk-area{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:90px;overflow-y:auto}.pos-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px;display:grid}.pos-list{flex-direction:column;gap:6px;padding:8px 16px;display:flex}.pos-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 24px;font-size:15px;display:flex}.pos-float-btn{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 10px);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;z-index:50;border:none;align-items:center;width:calc(100% - 32px);max-width:448px;padding:13px 16px;transition:transform .15s,box-shadow .15s;animation:.3s cubic-bezier(.34,1.56,.64,1) floatUp;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #ff6b3559,0 1px 4px #0000001f}.pos-float-btn:active{transform:translate(-50%)scale(.97);box-shadow:0 2px 12px #ff6b3540}@keyframes floatUp{0%{opacity:0;transform:translate(-50%)translateY(80px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pos-float-badge{color:#fff;background:#ffffff40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;margin-right:12px;padding:0 5px;font-size:14px;font-weight:700;display:flex}.pos-float-label{text-align:center;flex:1;font-size:15px;font-weight:700}.pos-float-total{opacity:.92;flex-shrink:0;font-size:14px;font-weight:600}.rw-page{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.rw-toolbar{-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);z-index:10;background:#f9f9f9f0;padding:14px 20px 12px;position:sticky;top:0}.rw-toolbar-title{color:var(--text);text-align:center;font-size:17px;font-weight:700}.rw-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 24px;display:flex}.rw-empty-icon{font-size:48px}.rw-empty-text{font-size:15px;font-weight:500}.rw-section{padding:16px 16px 4px}.rw-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;padding-left:4px;font-size:12px;font-weight:600}.rw-list{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.rw-list>*+*{border-top:.5px solid var(--border)}.rw-row{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;transition:background .1s;display:flex}.rw-row:active{background:var(--surface2)}.rw-row-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rw-row-tanggal{color:var(--text);font-size:14px;font-weight:600}.rw-row-customer{color:var(--text-secondary);font-weight:500}.rw-row-meta{color:var(--text-secondary);font-size:12px}.rw-row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rw-row-total{color:var(--text);font-size:15px;font-weight:700}.rw-row-total.void{color:var(--text-secondary);font-weight:500;text-decoration:line-through}.rw-void-badge{color:var(--red);text-transform:uppercase;letter-spacing:.5px;background:#ff3b301a;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.rw-row-chevron{color:var(--text-tertiary);flex-shrink:0}.rw-backdrop{z-index:200;background:#0006;position:fixed;inset:0}.rw-sheet{background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:201;width:100%;max-width:480px;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheetUpCenter;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes sheetUpCenter{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}.rw-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.rw-detail-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 20px 10px;display:flex}.rw-detail-header-info{flex-direction:column;gap:3px;display:flex}.rw-detail-tanggal{color:var(--text);font-size:17px;font-weight:700}.rw-detail-customer{color:var(--text-secondary);font-size:14px}.rw-close-btn{background:var(--surface2);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rw-close-btn:active{opacity:.6}.rw-void-banner{border-radius:var(--radius-sm);color:var(--red);background:#ff3b3014;flex-shrink:0;align-items:center;gap:8px;margin:0 20px 10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.rw-void-banner-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.rw-detail-info{background:var(--surface);border-radius:var(--radius);flex-shrink:0;margin:0 16px 8px;overflow:hidden}.rw-detail-info-item{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rw-detail-info-item+.rw-detail-info-item{border-top:.5px solid var(--border)}.rw-detail-info-label{color:var(--text-secondary);font-size:14px}.rw-detail-info-val{color:var(--text);font-size:14px;font-weight:600}.rw-detail-items{background:var(--surface);border-radius:var(--radius);flex:1;margin:0 16px;overflow:hidden}.rw-detail-item{align-items:center;gap:10px;padding:10px 14px;display:flex}.rw-detail-item+.rw-detail-item{border-top:.5px solid var(--border)}.rw-detail-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.rw-detail-item-emoji{text-align:center;flex-shrink:0;width:32px;font-size:24px}.rw-detail-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rw-detail-item-nama{color:var(--text);font-size:14px;font-weight:600}.rw-detail-item-pilihan{color:var(--accent);font-size:12px}.rw-detail-item-catatan{color:var(--text-secondary);font-size:12px;font-style:italic}.rw-detail-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.rw-detail-item-qty{color:var(--text-secondary);font-size:12px}.rw-detail-item-subtotal{color:var(--text);font-size:13px;font-weight:700}.rw-detail-diskon-row{flex-shrink:0;justify-content:space-between;padding:8px 20px 0;display:flex}.rw-detail-diskon-label{color:var(--text-secondary);font-size:14px}.rw-detail-diskon-val{color:var(--green);font-size:14px;font-weight:600}.rw-detail-total-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px 10px;display:flex}.rw-detail-total-label{color:var(--text-secondary);font-size:16px;font-weight:600}.rw-detail-total-val{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.rw-detail-total-val.void{color:var(--text-secondary);font-size:18px;font-weight:600;text-decoration:line-through}.rw-detail-actions{flex-shrink:0;padding:8px 20px 12px}.rw-confirm-void{flex-direction:column;gap:10px;display:flex}.rw-confirm-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.rw-confirm-btns{gap:8px;display:flex}.rw-btn-batal{background:var(--surface2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;border:none;flex:1;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.rw-btn-void-konfirm{background:var(--red);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;flex:1;padding:12px;font-family:inherit;font-size:15px;font-weight:700}.rw-btn-void{border:1.5px solid var(--red);border-radius:var(--radius-sm);width:100%;color:var(--red);cursor:pointer;background:0 0;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.rw-btn-void:active{background:#ff3b300f}.ob-page{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.ob-toolbar{-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);z-index:10;background:#f9f9f9f0;padding:14px 20px 12px;position:sticky;top:0}.ob-toolbar-title{color:var(--text);text-align:center;font-size:17px;font-weight:700}.ob-search-wrap{background:var(--surface);border-bottom:.5px solid var(--border);padding:8px 16px 6px}.ob-search-inner{background:#7676801f;border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:flex}.ob-search-icon{color:var(--text-secondary);flex-shrink:0}.ob-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:15px}.ob-search-input::placeholder{color:var(--text-secondary)}.ob-search-clear{background:var(--text-tertiary);width:18px;height:18px;color:var(--surface);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 24px;display:flex}.ob-empty-icon{font-size:48px}.ob-empty-text{font-size:15px;font-weight:500}.ob-empty-sub{color:var(--text-tertiary);font-size:13px}.ob-list{background:var(--bg);flex-direction:column;gap:0;padding:12px 16px;display:flex}.ob-row{background:var(--surface);text-align:left;cursor:pointer;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;transition:background .1s;display:flex}.ob-list .ob-row:first-child{border-radius:var(--radius) var(--radius) 0 0}.ob-list .ob-row:last-child{border-radius:0 0 var(--radius) var(--radius)}.ob-list .ob-row:only-child{border-radius:var(--radius)}.ob-list .ob-row+.ob-row{border-top:.5px solid var(--border)}.ob-row:active{background:var(--surface2)}.ob-row-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ob-row-nama{color:var(--text);font-size:15px;font-weight:600}.ob-row-meta{color:var(--text-secondary);font-size:12px}.ob-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.ob-row-total{color:var(--text);font-size:15px;font-weight:700}.ob-row-chevron{color:var(--text-tertiary)}.ob-backdrop{z-index:200;background:#0006;position:fixed;inset:0}.ob-sheet{background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:201;width:100%;max-width:480px;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sheetUpCenter;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.ob-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.ob-detail-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 20px 10px;display:flex}.ob-detail-nama{color:var(--text);font-size:17px;font-weight:700}.ob-detail-tanggal{color:var(--text-secondary);margin-top:3px;font-size:13px}.ob-close-btn{background:var(--surface2);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-close-btn:active{opacity:.6}.ob-detail-items{background:var(--surface);border-radius:var(--radius);flex:1;margin:0 16px;overflow:hidden}.ob-detail-item{align-items:center;gap:10px;padding:10px 14px;display:flex}.ob-detail-item+.ob-detail-item{border-top:.5px solid var(--border)}.ob-detail-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ob-detail-item-emoji{text-align:center;flex-shrink:0;width:32px;font-size:24px}.ob-detail-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ob-detail-item-nama{color:var(--text);font-size:14px;font-weight:600}.ob-detail-item-pilihan{color:var(--accent);font-size:12px}.ob-detail-item-catatan{color:var(--text-secondary);font-size:12px;font-style:italic}.ob-detail-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.ob-detail-item-qty{color:var(--text-secondary);font-size:12px}.ob-detail-item-subtotal{color:var(--text);font-size:13px;font-weight:700}.ob-detail-total-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px 8px;display:flex}.ob-detail-total-label{color:var(--text-secondary);font-size:16px;font-weight:600}.ob-detail-total-val{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.ob-detail-actions{flex-direction:column;flex-shrink:0;gap:8px;padding:8px 16px 12px;display:flex}.ob-confirm-hapus{flex-direction:column;gap:10px;display:flex}.ob-confirm-text{color:var(--text-secondary);font-size:14px}.ob-confirm-btns{gap:8px;display:flex}.ob-btn-batal-hapus{background:var(--surface2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;border:none;flex:1;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.ob-btn-hapus-konfirm{background:var(--red);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;flex:1;padding:12px;font-family:inherit;font-size:15px;font-weight:700}.ob-btn-hapus{border:1.5px solid var(--red);border-radius:var(--radius-sm);color:var(--red);cursor:pointer;background:0 0;padding:13px;font-family:inherit;font-size:15px;font-weight:600}.ob-btn-hapus:active{background:#ff3b300f}.ob-btn-muat{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;letter-spacing:-.2px;border:none;flex:1;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.ob-btn-muat:active{opacity:.85}.st-page{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.st-content{flex:1;padding:8px 0 120px;overflow-y:auto}.st-toolbar{background:var(--bg);z-index:10;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:16px 16px 12px;display:flex;position:sticky;top:0}.st-toolbar-title{color:var(--text);flex:1;margin:0;font-size:18px;font-weight:700}.st-back-btn{width:36px;height:36px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;display:flex}.st-back-btn:active{opacity:.6}.st-toolbar-add{width:36px;height:36px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-toolbar-add:active{opacity:.6}.st-toolbar-text-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 4px;font-size:15px;font-weight:600}.st-toolbar-text-btn:active{opacity:.6}.st-main-list{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.st-main-row{background:var(--surface);cursor:pointer;text-align:left;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;margin-bottom:4px;padding:14px 16px;transition:background .12s;display:flex}.st-main-row:active{background:#f0f0f5}.st-main-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.st-main-label{color:var(--text);flex:1;font-size:16px;font-weight:500}.st-row-chevron,.st-chevron,.st-row-chevron{color:var(--text-secondary);flex-shrink:0}.st-section{margin:16px 16px 4px}.st-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;padding-left:4px;font-size:12px;font-weight:600}.st-section-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;padding-left:4px;display:flex}.st-section-add{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600}.st-section-add:active{opacity:.6}.st-list{background:var(--surface);border-radius:14px;overflow:hidden}.st-list>*+*{border-top:1px solid var(--border)}.st-produk-row{align-items:center;gap:12px;padding:12px 16px;display:flex}.st-produk-row-tap{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.st-produk-row-tap:active{opacity:.7}.st-produk-emoji{text-align:center;flex-shrink:0;width:36px;font-size:26px}.st-produk-info{flex-direction:column;flex:1;gap:2px;display:flex}.st-produk-nama{color:var(--text);font-size:15px;font-weight:500}.st-produk-nama.inactive{color:var(--text-secondary)}.st-produk-harga{color:var(--text-secondary);font-size:12px}.st-toggle{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.st-toggle input{opacity:0;width:0;height:0;position:absolute}.st-toggle-track{background:#d1d1d6;border-radius:13px;width:44px;height:26px;transition:background .2s;position:relative}.st-toggle-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.st-toggle input:checked~.st-toggle-track{background:var(--accent)}.st-toggle input:checked~.st-toggle-track:after{transform:translate(18px)}.st-toggle-row{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.st-toggle-label{color:var(--text);font-size:15px}.st-simple-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.st-simple-row:active{background:#f5f5f7}.st-simple-label{color:var(--text);flex:1;font-size:15px}.st-simple-action-hint{display:none}.st-tpl-info{flex-direction:column;flex:1;gap:2px;display:flex}.st-tpl-meta{color:var(--text-secondary);font-size:12px}.st-grup-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.st-grup-row:active{background:#f5f5f7}.st-grup-info{flex-direction:column;flex:1;gap:6px;display:flex}.st-grup-nama{color:var(--text);font-size:15px;font-weight:500}.st-grup-pills{flex-wrap:wrap;gap:4px;display:flex}.st-grup-pill-chip{background:var(--bg);color:var(--text-secondary);border-radius:20px;padding:2px 10px;font-size:12px}.st-grup-empty-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.st-input-row{padding:2px 16px}.st-input-row-labeled{align-items:center;gap:12px;padding:12px 16px;display:flex}.st-input-row-label{color:var(--text);flex-shrink:0;width:90px;font-size:15px}.st-inline-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:12px 0;font-family:inherit;font-size:15px}.st-inline-input::placeholder{color:var(--text-secondary)}.st-inline-input-right{text-align:right;flex:1;padding:0}.st-hint{color:var(--text-secondary);padding:12px 16px;font-size:13px;font-style:italic}.st-backdrop{z-index:100;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}.st-sheet{background:var(--surface);z-index:101;border-radius:20px 20px 0 0;flex-direction:column;max-height:75vh;animation:.25s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:fixed;bottom:0;left:0;right:0}.st-sheet-tall{max-height:90vh}.st-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.st-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 8px;display:flex}.st-sheet-title{color:var(--text);margin:0;font-size:17px;font-weight:700}.st-close-btn{background:var(--bg);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.st-close-btn:active{opacity:.6}.st-sheet-body{flex-direction:column;flex:1;gap:16px;padding:8px 20px 16px;display:flex;overflow-y:auto}.st-sheet-footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.st-form-field{flex-direction:column;gap:8px;display:flex}.st-form-field-row{flex-direction:row;justify-content:space-between;align-items:center}.st-form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.st-form-input{background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border:1.5px solid #0000;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .15s}.st-form-input:focus{border-color:var(--accent)}.st-form-input::placeholder{color:var(--text-secondary)}.st-emoji-wrap{flex-direction:column;gap:10px;display:flex}.st-emoji-input{text-align:center;background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;outline:none;width:64px;height:56px;font-family:inherit;font-size:28px}.st-emoji-picker{flex-wrap:wrap;gap:6px;display:flex}.st-emoji-btn{background:var(--bg);cursor:pointer;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:border-color .1s;display:flex}.st-emoji-btn.active{border-color:var(--accent);background:#ff6b3514}.st-emoji-btn:active{opacity:.7}.st-pills-wrap{flex-wrap:wrap;gap:8px;display:flex}.st-pill{border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:14px;transition:all .12s}.st-pill.active{border-color:var(--accent);color:var(--accent);background:#ff6b351a;font-weight:600}.st-pilihan-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.st-pilihan-item{background:var(--bg);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.st-pilihan-nama{color:var(--text);flex:1;font-size:14px}.st-pilihan-harga{background:var(--surface);border:1px solid var(--border);width:72px;color:var(--text-secondary);text-align:right;border-radius:8px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}.st-pilihan-del{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-pilihan-del:active{color:#ff3b30}.st-add-pilihan{align-items:center;gap:8px;display:flex}.st-add-pilihan-nama{flex:1;padding:10px 12px;font-size:14px}.st-add-pilihan-harga{text-align:right;width:72px;padding:10px 8px;font-size:13px}.st-add-pilihan-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .12s;display:flex}.st-add-pilihan-btn:disabled{opacity:.35}.st-add-pilihan-btn:active:not(:disabled){opacity:.75}.st-btn-simpan{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .12s}.st-btn-simpan:active{opacity:.8}.st-btn-simpan:disabled{opacity:.4}.st-btn-hapus{color:#ff3b30;cursor:pointer;background:0 0;border:1.5px solid #ff3b30;border-radius:14px;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:600}.st-btn-hapus:active{opacity:.7}.st-danger-btn{color:#ff3b30;cursor:pointer;background:0 0;border:1.5px solid #ff3b30;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.st-danger-btn:active{opacity:.7}.st-danger-confirm{background:var(--surface);border:1.5px solid #ff3b30;border-radius:14px;padding:16px}.st-confirm-inline{flex-direction:column;gap:10px;display:flex}.st-confirm-text{color:var(--text);margin:0;font-size:14px;line-height:1.5}.st-confirm-btns{gap:8px;display:flex}.st-btn-batal{background:var(--bg);color:var(--text);cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.st-btn-hapus-konfirm{color:#fff;cursor:pointer;background:#ff3b30;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.st-btn-hapus-konfirm:active{opacity:.8}.st-error{color:#ff3b30;margin:0;font-size:13px}.st-error-inline{margin-top:-4px;padding-left:4px}.st-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:60px 24px;display:flex}.st-empty-icon{font-size:40px}.st-empty p{margin:0;font-size:15px}.st-pin-wrap{flex-direction:column;flex:1;align-items:center;gap:24px;padding:48px 24px 24px;display:flex}.st-pin-label{color:var(--text);margin:0;font-size:18px;font-weight:600}.st-pin-dots{gap:16px;display:flex}.st-pin-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:background .15s,border-color .15s}.st-pin-dot.filled{background:var(--accent);border-color:var(--accent)}.st-pin-error{color:#ff3b30;margin:-8px 0 0;font-size:14px}.st-pin-numpad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px;margin-top:8px;display:grid}.st-pin-key{background:var(--surface);height:64px;color:var(--text);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;font-family:inherit;font-size:22px;font-weight:500;transition:background .1s;display:flex;box-shadow:0 1px 3px #00000014}.st-pin-key:active{background:var(--border)}.st-pin-key.invisible{visibility:hidden;box-shadow:none;background:0 0}.st-pin-done{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.st-pin-done-icon{font-size:56px}.st-pin-done-text{color:var(--text);margin:0;font-size:18px;font-weight:600}.st-pin-done .st-btn-simpan{width:200px;margin-top:8px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.st-pin-dots.shake{animation:.45s shake}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.st-hint-card{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.st-hint-step{color:var(--text-secondary);font-size:13px;line-height:1.5}.st-hint-step strong{color:var(--text);font-weight:600}.st-sync-action-row{align-items:center;gap:12px;padding:12px 16px;display:flex}.st-sync-info{flex-direction:column;flex:1;gap:3px;display:flex}.st-sync-label{color:var(--text);font-size:15px;font-weight:600}.st-sync-sub{color:var(--text-secondary);font-size:12px;line-height:1.4}.st-sync-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .12s}.st-sync-btn:disabled{opacity:.4}.st-sync-btn.loading{opacity:.7}.st-sync-btn:active:not(:disabled){opacity:.8}.st-sync-result{border-radius:var(--radius-sm,10px);margin:6px 16px 0;padding:10px 14px;font-size:13px;line-height:1.5}.st-sync-result.ok{color:#1a7f34;background:#34c7591a}.st-sync-result.error{color:var(--red,#ff3b30);background:#ff3b301a}.st-sync-detail{opacity:.8;margin-top:2px;font-size:12px}.st-list .st-input-row{padding:4px 16px}.st-toolbar{-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);background:#f9f9f9f0}.st-sheet-actions{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);flex-shrink:0;gap:8px;display:flex}.st-btn-secondary{background:var(--surface2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:13px;font-family:inherit;font-size:15px;font-weight:600}.st-btn-secondary:active{opacity:.7}.st-btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1.5;padding:13px;font-family:inherit;font-size:15px;font-weight:700}.st-btn-danger:active{opacity:.85}.sync-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sync-row-label{color:var(--text);font-size:15px;font-weight:600}.sync-row-sub{color:var(--text-secondary);font-size:12px}.sync-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sync-log-box{flex-direction:column;gap:4px;padding:12px 16px;display:flex}.sync-log-line{margin:0;font-family:SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.sync-log-ok{color:#1a7f34}.sync-log-error{color:var(--red)}.sync-log-warn{color:#9a6700}.sync-log-info{color:var(--text-secondary)}.sync-konflik-card{border-radius:var(--radius);margin-bottom:8px;overflow:visible}.sync-konflik-title{color:var(--text);border-bottom:.5px solid var(--border);padding:10px 14px 8px;font-size:14px;font-weight:700}.sync-konflik-cols{align-items:stretch;display:flex}.sync-konflik-col{flex-direction:column;flex:1;gap:4px;padding:10px 14px 12px;display:flex}.sync-konflik-divider{background:var(--border);flex-shrink:0;width:.5px}.sync-konflik-col-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:11px;font-weight:600}.sync-konflik-harga{color:var(--text);margin:0;font-size:15px;font-weight:700}.sync-konflik-date{color:var(--text-secondary);margin:0 0 4px;font-size:11px}.sync-konflik-btn{cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600}.sync-konflik-btn.app{background:var(--surface2);color:var(--text)}.sync-konflik-btn.sheets{background:var(--accent);color:#fff}.sync-konflik-btn:active{opacity:.75}.pin-screen{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:32px 24px;display:flex}.pin-logo{font-size:52px;line-height:1}.pin-title{margin:0;font-size:24px;font-weight:700}.pin-subtitle{color:var(--text-secondary);margin:0;font-size:15px}.pin-dots{gap:16px;margin:20px 0 8px;display:flex}.pin-dot{border:2px solid var(--accent);background:0 0;border-radius:50%;width:16px;height:16px;transition:background .15s}.pin-dot.filled{background:var(--accent)}.pin-dots.shake{animation:.4s shake}.pin-error{color:#ff3b30;min-height:18px;margin:0;font-size:13px}.pin-pad{grid-template-rows:repeat(4,72px);grid-template-columns:repeat(3,72px);gap:12px;margin-top:12px;display:grid}.pin-key{background:var(--bg);width:72px;height:72px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;font-size:24px;font-weight:500;transition:background .1s,transform .1s}.pin-key:active{background:var(--accent-bg);transform:scale(.93)}.pin-key--empty{cursor:default;background:0 0}.pin-key--empty:active{background:0 0;transform:none}:root{--accent:#ff6b35;--accent-bg:#ff6b351a;--accent-light:#ff6b350f;--green:#34c759;--red:#ff3b30;--blue:#007aff;--bg:#f2f2f7;--surface:#fff;--surface2:#76768014;--surface3:#f2f2f7;--border:#3c3c431f;--separator:#3c3c4314;--text:#000;--text2:#3c3c43cc;--text-secondary:#3c3c438c;--text-tertiary:#3c3c434d;--nav-height:50px;--radius-sm:10px;--radius:14px;--radius-lg:20px}html,body,#root{height:100%}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;overflow:hidden auto}.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));z-index:100;background:#f9f9f9f0;border-top:.5px solid #3c3c4338;flex-shrink:0;display:flex}.nav-item{color:var(--text-secondary);letter-spacing:.1px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:6px;font-size:10px;font-weight:500;text-decoration:none;transition:color .12s;display:flex;position:relative}.nav-item.active{color:var(--accent)}.nav-icon{justify-content:center;align-items:center;font-size:23px;line-height:1;transition:transform .12s;display:flex}.nav-item.active .nav-icon{transform:scale(1.08)}.nav-label{font-size:10px;font-weight:500}