@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#1e55e0;--primary-hover:#3d7bff;--bg-body:#f5f7fb;--bg-sidebar:#f8fafc;--text-main:#1a2b3d;--text-muted:#64748b;--border:#e2e8f0;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:13px}button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:8px;font-family:inherit;transition:transform .12s,box-shadow .12s,background .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{color:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e55e026}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#0a0a0a33;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-container{background:#fff;flex:1;padding:24px 32px;overflow-y:auto}.app-sidebar{background:var(--primary);color:#fff;flex-direction:column;flex-shrink:0;width:260px;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;padding:24px 32px 20px;display:flex}.app-topbar-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:34px;font-weight:400;line-height:1;overflow:hidden}.nav-toggle{border:1px solid var(--border);padding:6px 10px;font-size:22px;line-height:1;display:none}.nav-scrim,.pos-cart-scrim{display:none}.modal-backdrop{background:#0f172a8c;place-items:center;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);background:#fff;border-radius:12px;max-width:calc(100vw - 32px);max-height:92vh;overflow-y:auto}.pay-method-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.login-split{background:#fff;flex:1;grid-template-columns:1.1fr minmax(0,1fr);width:100%;min-height:100vh;display:grid}.login-hero{border-right:1px solid var(--border);background:var(--bg-sidebar);flex-direction:column;justify-content:space-between;padding:56px 64px;display:flex}.login-hero-title{letter-spacing:-2px;font-size:96px;font-weight:800;line-height:.95}.login-form-pane{place-items:center;min-width:0;padding:48px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:480px;padding:48px 44px;box-shadow:0 4px 12px #0000000d}.login-card-title{margin-bottom:8px;font-size:36px;font-weight:700;line-height:1.05}.pos-layout{border-top:1px solid var(--border);grid-template-columns:1fr 360px;height:calc(100vh - 81px);margin:-24px -32px;display:grid}.pos-products{border-right:1px solid var(--border);background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.pos-searchbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:18px 28px;display:flex}.pos-filters{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 28px;display:flex;overflow-x:auto}.pos-product-scroll{flex:1;padding:20px 28px;overflow-y:auto}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.pos-cart{background:var(--bg-sidebar);flex-direction:column;display:flex;overflow:hidden}.pos-cart-close,.pos-cart-fab{display:none}.receipt-modal{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:320px 1fr;width:640px;max-width:calc(100vw - 32px);max-height:92vh;display:grid;overflow:hidden}.receipt-preview-pane{border-right:1px solid var(--border);background:var(--bg-sidebar);padding:24px 20px;overflow-y:auto}.receipt-action-pane{flex-direction:column;justify-content:center;padding:32px 40px;display:flex;position:relative;overflow-y:auto}.modal-close{opacity:.55;border-radius:8px;padding:6px 10px;font-size:18px;line-height:1;position:absolute;top:12px;right:14px}.modal-close:hover{opacity:1;background:#f1f5f9}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-value{margin-top:6px;font-size:30px;font-weight:700}.report-split{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-main-side{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.table-scroll{overflow-x:auto}.pagination-bar{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pagination-size{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-pages button{border:1px solid var(--border);background:#fff;border-radius:6px;min-width:30px;height:30px;padding:0 8px;font-size:12px;font-weight:500}.pagination-pages button:hover:not(:disabled){background:#f1f5f9}.pagination-pages button.is-active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.pagination-gap{color:var(--text-muted);padding:0 2px;font-size:12px}.gold-price-table td{vertical-align:middle}.gold-price-add-grid{grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:10px;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px;box-shadow:0 1px 2px #0000000f,0 2px 8px #1018280f}table{border-collapse:collapse;width:100%}thead tr{background:#f5f7fb}thead th{color:#475569;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:10px 14px;font-size:10px;font-weight:600}tbody td{border-bottom:1px solid #e2e8f066;padding:10px 14px;font-size:12px}tbody tr:hover{background:#f5f7fb}.btn-primary{background:var(--primary);color:#fff;letter-spacing:.02em;padding:8px 14px;font-weight:600;box-shadow:0 1px 3px #1e55e04d,0 1px 2px #1e55e03d}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 8px #1e55e052,0 2px 4px #1e55e03d}.btn-secondary{border:1px solid var(--border);color:var(--text-main);background:#fff;padding:8px 14px;font-weight:500}.btn-secondary:hover:not(:disabled){background:#f8fafc}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-muted{color:var(--text-muted)}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:22px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.product-card{text-align:left;background:#fff;border:1px solid #eef2f6;border-radius:12px;flex-direction:column;padding:0;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 18px #1e55e029}@media screen and (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.report-split{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr 320px}.gold-price-add-grid{grid-template-columns:repeat(2,1fr)}.gold-price-add-grid>button{grid-column:1/-1}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-main-side{grid-template-columns:1fr}.login-hero-title{font-size:64px}.login-hero{padding:40px 36px}.login-form-pane{padding:32px 24px}}@media screen and (width<=768px){.page-container{padding:16px}.app-sidebar{z-index:120;width:264px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 24px #0000002e}.app-sidebar--open{transform:translate(0)}.nav-scrim{z-index:110;background:#0f172a73;display:block;position:fixed;inset:0}.nav-toggle{display:block}.app-topbar{align-items:center;padding:12px 16px}.app-topbar-title{font-size:20px}.topbar-clock{display:none}.pos-layout{grid-template-columns:1fr;height:calc(100vh - 57px);margin:-16px}.pos-products{border-right:none}.pos-searchbar,.pos-filters,.pos-product-scroll{padding-left:16px;padding-right:16px}.pos-searchbar{flex-wrap:wrap}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding-bottom:72px}.pos-cart{z-index:130;background:#fff;transition:transform .24s;position:fixed;inset:0;transform:translateY(100%)}.pos-cart--open{transform:translateY(0)}.pos-cart-close{display:block}.pos-cart-scrim{z-index:125;background:#0f172a73;display:block;position:fixed;inset:0}.pos-cart-fab{z-index:100;color:#fff;background:#0a0a0a;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:600;display:block;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 6px 18px #00000040}.pay-method-grid{grid-template-columns:repeat(2,1fr)}.modal-panel{max-width:calc(100vw - 24px);width:100%!important;padding:20px!important}.receipt-modal{grid-template-columns:1fr;max-height:88vh;overflow-y:auto}.receipt-preview-pane{border-right:none;border-bottom:1px solid var(--border)}.receipt-action-pane{padding:20px}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:24px}.login-split{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.login-form-pane{align-content:center;padding:24px 16px}.login-card{padding:28px 22px}.login-card-title{font-size:26px}.card{padding:16px}.gold-price-add-grid,.grid-2,.grid-3,.grid-4,.grid-main-side{grid-template-columns:1fr}.table-scroll table{min-width:640px}.table-scroll .gold-price-table{min-width:720px}}@media print{body *{visibility:hidden}#print-receipt,#print-receipt *{visibility:visible}#print-receipt{width:100%;box-shadow:none;border:none;margin:0;padding:0;position:absolute;top:0;left:0}}.invoice-print-root{display:none}@media print{@page{size:210mm 105mm;margin:0}body.printing-invoice>:not(.invoice-print-root){display:none!important}.invoice-print-root,.invoice-print-root *{visibility:visible}.dewata-theme{--red-dark:#7b1b1c;--gold:#d4af37;--bg-tint:#faf5f0}.invoice-print-root{width:210mm;display:block}.invoice-print-container{background-color:var(--bg-tint);width:210mm;height:105mm;color:var(--red-dark);box-sizing:border-box;break-after:page;page-break-after:always;background-image:repeating-linear-gradient(-45deg,#0000,#0000 20px,#7b1b1c08 20px 40px);padding:5mm;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;display:flex;position:relative;overflow:hidden}.invoice-print-container:last-child{break-after:auto;page-break-after:auto}.bold-red{color:var(--red-dark);font-weight:700}.text-right{text-align:right}.text-left{text-align:left}.mt-2{margin-top:4px}.mt-4{margin-top:8px}.mb-4{margin-bottom:8px}.invoice-main{border-right:2px dashed var(--red-dark);flex-direction:column;width:73%;padding-right:15px;display:flex}.invoice-side{flex-direction:column;width:27%;padding-left:15px;display:flex}.invoice-header{justify-content:space-between;align-items:flex-start;margin-bottom:3px;display:flex}.logo-col{flex-direction:column;width:45%;display:flex}.dewata-logo{color:var(--gold);align-items:center;margin-bottom:3px;display:flex}.crown-icon{margin-right:8px;font-size:26px;line-height:1}.store-logo-img{object-fit:contain;width:auto;height:32px}.logo-text{flex-direction:column;display:flex}.logo-title{letter-spacing:1px;font-size:18px;font-weight:900;line-height:1}.logo-subtitle{letter-spacing:2px;font-size:10px;font-weight:600}.contact-info{font-size:8px;line-height:1.3}.faktur-col{flex-direction:column;align-items:center;display:flex}.faktur-label{margin-bottom:2px;font-size:10px;font-weight:700}.qr-box{border:1px solid var(--red-dark);background:#fff;padding:2px}.receipt-barcode-box{text-align:center;margin-top:4px}.receipt-barcode-box svg{max-width:120px}.faktur-number{margin-top:2px;font-size:9px}.customer-col{border-left:1px solid var(--red-dark);width:38%;padding-left:8px;font-size:10px;line-height:1.5}.cust-row{display:flex}.cust-label{width:65px;font-weight:700}.cust-sep{width:10px}.cust-val{flex:1}.dewata-table{table-layout:auto;border-collapse:collapse;border:1px solid var(--red-dark);background:#fff6;width:100%;margin-bottom:3px}.dewata-table th,.dewata-table td{border:1px solid var(--red-dark);padding:var(--item-row-padding,1px 5px);font-size:var(--item-font-size,10px)}.dewata-table th{text-align:center;background:#fff9;font-weight:700}.item-image-placeholder{width:var(--item-image-size,26px);height:var(--item-image-size,26px);font-size:calc(var(--item-image-size,26px) * .7);background:#eaeaea;border-radius:4px;justify-content:center;align-items:center;margin:0 auto;line-height:1;display:flex;overflow:hidden}.item-photo-img{object-fit:cover;width:100%;height:100%}.catatan-row td,.terbilang-row td{padding:2px 6px}.terbilang-row td{font-size:9px;line-height:1.25}.dewata-footer{flex:none;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:2px;padding-bottom:14px;display:flex}.perhatian-list{opacity:.8;width:55%;font-size:8px;line-height:1.15}.perhatian-list ol{margin:2px 0 0;padding-left:12px}.footer-greeting{text-align:center;width:25%;font-size:7px;font-weight:700}.signature-area{text-align:center;width:20%;font-size:10px;font-weight:700}.sign-name{padding:0 15px}.sign-line{border-bottom:1px solid var(--red-dark);margin-bottom:2px;padding-bottom:2px}.side-row{font-size:10px;line-height:1.5;display:flex}.side-label{width:50px;font-weight:700}.side-val{text-align:right;flex:1}.side-barang-section{justify-content:space-between;margin:6px 0;display:flex}.side-barang-text{font-size:10px}.side-summary{margin-bottom:6px}.side-payment{margin-bottom:6px;font-size:10px}.side-payment-val{font-weight:700}.side-signature{text-align:center;margin-top:auto;font-size:11px}.ruler-bottom{border-top:2px solid var(--red-dark);background-image:repeating-linear-gradient(to right, var(--red-dark) 0, var(--red-dark) 1px, transparent 1px, transparent 10px, var(--red-dark) 10px, var(--red-dark) 11px, transparent 11px, transparent 50px);width:100%;height:15px;position:absolute;bottom:0;left:0}}.label-print-overlay{z-index:100;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.label-print-modal{border:1px solid var(--border);background:#fff;border-radius:12px;width:420px;max-height:90vh;padding:24px;overflow-y:auto}.label-print-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.label-preview{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;margin-bottom:12px;padding:16px;display:flex;overflow-x:auto}.label-hint{opacity:.65;margin-bottom:16px;font-size:11px;line-height:1.5}.db-tag{color:#000;background:#fff;flex-direction:column;flex:none;font-family:Arial,Helvetica,sans-serif;display:flex}.db-heads{flex:none;align-items:stretch;display:flex}.db-head{flex:50%;position:relative;overflow:hidden}.db-head-right{border-left:1px dashed #94a3b8}.db-tail{border-top:1px dashed #94a3b8;flex:none}.db-rot{transform-origin:50%;flex-direction:column;justify-content:center;align-items:center;gap:.4mm;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.db-barcode{display:block}.db-barcode-text{letter-spacing:.2px;white-space:nowrap;font-size:5pt;line-height:1.1}.db-line{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:6pt;line-height:1.25;overflow:hidden}.db-line-primary{font-size:8pt;font-weight:700;line-height:1.2}.label-card{border:1px solid var(--border);text-align:center;background:#fff;width:280px;padding:12px 16px;box-shadow:0 1px 3px #00000014}.label-card.label-size-55x24{flex-direction:column;justify-content:center;width:55mm;height:24mm;padding:1.5mm 2.5mm;font-size:8px;display:flex}.label-card.label-size-70x40{width:70mm;height:40mm;padding:2.5mm 3.5mm}.label-card.label-size-50x24{flex-direction:column;justify-content:center;width:50mm;height:24mm;padding:1.5mm 2.5mm;font-size:8px;display:flex}.label-card.label-orientation-landscape{flex-direction:row;align-items:center;gap:12px}.label-card.label-orientation-portrait{flex-direction:column}.label-name{margin-bottom:4px;font-size:14px;font-weight:700}.label-size-55x24 .label-name,.label-size-50x24 .label-name{margin-bottom:2px;font-size:9px}.label-info{opacity:.7;justify-content:center;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.label-size-55x24 .label-info,.label-size-50x24 .label-info{gap:8px;margin-bottom:2px;font-size:8px}.label-serial{opacity:.6;margin-bottom:8px;font-family:monospace;font-size:10px}.label-size-55x24 .label-serial,.label-size-50x24 .label-serial{margin-bottom:4px;font-size:7px}.label-qr{max-width:100%}.label-size-55x24 .label-qr,.label-size-50x24 .label-qr{width:32px!important;height:32px!important}.label-warnings{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;flex-direction:column;gap:6px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.agent-row{align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.agent-dot{background:#94a3b8;border-radius:50%;flex:none;width:8px;height:8px}.agent-dot-ok{background:#16a34a}.agent-dot-error{background:#dc2626}.agent-dot-checking{background:#f59e0b}.agent-text{flex:1;min-width:0}.agent-retry{color:var(--primary);flex:none;font-size:12px;font-weight:600}.label-controls{align-items:center;gap:14px;margin-bottom:12px;display:flex}.label-copies{align-items:center;gap:6px;font-size:12px;display:flex}.label-copies input{border:1px solid var(--border);border-radius:6px;width:60px;padding:6px 8px;font-size:13px}.link-button{color:var(--primary);font-size:12px;font-weight:600}.tspl-dump{color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:6px;max-height:220px;margin-bottom:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;overflow:auto}.job-status{margin-bottom:12px;font-size:12px}.job-status-done{color:#16a34a}.job-status-error{color:#dc2626}.job-status-sending{color:#64748b}.label-actions{justify-content:flex-end;gap:8px;display:flex}@media print{body *{visibility:hidden}.db-tag,.db-tag *,.label-card,.label-card *{visibility:visible}.label-print-overlay{background:0 0;padding:0;display:block;position:static}.label-print-modal{box-shadow:none;border:none;border-radius:0;width:auto;max-height:none;padding:0;overflow:visible}.label-preview{background:0 0;border:none;margin:0;padding:0;display:block;overflow:visible}.db-tag,.label-card{box-shadow:none;border:none;margin:0;position:fixed;top:0;left:0}.db-head-right{border-left:none}.db-tail{border-top:none}.label-print-header,.label-hint,.label-actions{display:none}}