@page pusat{size:8.5in 11in;margin:.4in .15in}@page cabang{size:8.5in 11in;margin:.4in .15in}.print-doc-overlay{background:#fff;inset:0;overflow:auto;position:fixed;z-index:200}.print-doc-overlay__actions{align-items:center;background:#f1f5fb;border-bottom:1px solid #d7e3f4;display:flex;gap:10px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.print-doc-overlay__note{color:#64748b;font-size:13px;margin-right:auto}.print-doc-overlay__reminder{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:12px;font-weight:600;padding:6px 10px;white-space:nowrap}.print-doc-overlay__body{align-items:flex-start;display:flex;gap:24px;padding:0 20px}.print-doc-overlay__override-panel{border-right:1px solid var(--border);flex:0 0 260px;margin:24px 0 0;padding:0 20px;width:260px}.print-doc-overlay__override-panel textarea.form-input{height:160px}@media (max-width:1149px){.print-doc-overlay__body{align-items:stretch;flex-direction:column;padding:0}.print-doc-overlay__override-panel{border-bottom:1px solid var(--border);border-right:none;flex:0 0 auto;margin:16px auto 0;max-width:100%;padding:8px 0 12px;width:8.2in}}.print-doc{background:#fff;color:#000;font-family:Courier New,Courier,monospace}.print-doc,.print-doc *{box-sizing:border-box}.print-doc--pusat{page:pusat}.print-doc--cabang,.print-doc--pusat{flex-shrink:0;margin:24px auto;width:8.2in}.print-doc--cabang{page:cabang}.print-page{display:flex;flex-direction:column;padding:.3in .4in;page-break-after:always}.print-page:last-child{page-break-after:auto}.print-doc--pusat .print-page{min-height:10.2in}.print-doc--cabang .print-page{min-height:5in}.print-doc__header{display:flex;gap:20px;justify-content:space-between}.print-doc__header-col--right{text-align:right}.print-doc__header-date,.print-doc__header-invoice{margin-top:8px}.print-doc__header--stacked{flex-direction:column}.print-doc__header-row1{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.print-doc__header-row1>.print-doc__header-col{flex-shrink:0}.print-doc__header-row1-right{align-items:flex-start;display:flex;gap:12px}.print-doc__header-row1-right .print-doc__hal{flex-shrink:0;white-space:nowrap}.print-doc__header-row2{align-items:baseline;display:flex;gap:20px;justify-content:space-between}.print-doc__header-date{text-align:right}.print-doc__title{font-size:13pt;font-weight:700;letter-spacing:.02em}.print-doc__addr{font-size:9.5pt}.print-doc__label{font-weight:700}.print-doc__hal{font-weight:700;text-align:right}.print-doc__hal--left{text-align:left}.print-doc__hr{border:none;border-top:1px solid #000;margin:8px 0}.print-doc__table{border-collapse:collapse;font-size:10pt;table-layout:fixed;width:100%}.print-doc__table td,.print-doc__table th{border:1px solid #000;color:#000;padding:3px 6px;text-align:left;vertical-align:top}.print-doc__table th{font-weight:700;text-align:center}.print-doc__table td.num,.print-doc__table th.num{text-align:right;white-space:nowrap}.print-doc__table td.wrap{white-space:normal;word-break:break-word}.print-doc__table td.print-doc__rp{text-align:left;white-space:nowrap}.print-doc__total-row td{border-top:2px solid #000;font-weight:700}.print-doc__carry-row td{font-weight:700}.print-doc__ppn-note{font-size:10pt;margin-top:8px}.print-doc__footer{border:1px solid #000;display:flex;margin-top:auto;min-height:1.2in}.print-doc__footer-cell{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:8px 10px}.print-doc__footer-cell--center{flex:1.2 1}.print-doc__footer-label{font-weight:700}.print-doc__footer-line{border-top:1px solid #000;width:1.8in}.print-doc__footer--plain{border:none;margin-top:20px;min-height:auto}@media print{#root{display:none}.print-doc-overlay{background:#fff;position:static}.print-doc-overlay__actions,.print-doc-overlay__override-panel{display:none!important}.print-doc-overlay__body{display:block;gap:0;padding:0}.print-doc--cabang,.print-doc--pusat{margin:0}.print-page{page-break-inside:avoid}.print-doc,.print-doc *{font-weight:700}}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-deep:#1e3a5f;--green:#10b981;--green-bg:#ecfdf5;--red:#ef4444;--red-bg:#fef2f2;--amber:#f59e0b;--teal:#0d9488;--purple:#7c3aed;--bg:#f1f5fb;--surface:#fff;--border:#d7e3f4;--text:#1e293b;--muted:#64748b;--radius:10px;--shadow:0 1px 3px #1e3a5f14}*,:after,:before{box-sizing:border-box}body{background:#f1f5fb;background:var(--bg);color:#1e293b;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;margin:0}h1,h2,h3{color:#1e3a5f;color:var(--blue-deep);margin:0}a{color:#2563eb;color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1d4ed8,#1e3a8a);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:220px}.sidebar__logo{border-bottom:1px solid #ffffff24;padding:18px 16px}.sidebar__title{color:#fff;font-size:17px;font-weight:800}.sidebar__sub{color:#bfdbfe;font-size:11px;margin-top:2px}.sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 8px}.sidebar__foot{border-top:1px solid #ffffff1f;color:#bfdbfe;font-size:11px;padding:12px 16px}.sidebar__foot .save-state{align-items:center;display:inline-flex;gap:6px}.dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot--ok{background:#34d399}.dot--pending{background:#fbbf24}.dot--err{background:#f87171}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#dbeafe;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 12px;text-align:left;width:100%}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item--active{background:#ffffff2e;color:#fff}.main-content{flex:1 1;max-width:none;min-width:0;padding:24px 28px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.page-header h1{font-size:22px}.page-sub{color:#64748b;color:var(--muted);font-size:13px;margin-top:2px}.card{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #1e3a5f14;box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.card__title{color:#1e3a5f;color:var(--blue-deep);font-size:15px;font-weight:700;margin-bottom:12px}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:9px 16px;transition:background .12s,border-color .12s}.btn:hover{background:#f8fafc}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--blue-dark)}.btn-outline{background:#0000;border-color:#2563eb;border-color:var(--blue);color:#2563eb;color:var(--blue)}.btn-outline:hover{background:#eff6ff}.btn-danger{background:#ef4444;background:var(--red);border-color:#ef4444;border-color:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:#0000;border-color:#0000;color:#64748b;color:var(--muted)}.btn-ghost:hover{background:#f1f5f9;color:#1e293b;color:var(--text)}.btn-sm{font-size:13px;padding:5px 10px}.form-row{margin-bottom:14px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-label{color:#1e3a5f;color:var(--blue-deep);display:block;font-size:13px;font-weight:600;margin-bottom:5px}.form-input,.form-select{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text);font-family:inherit;font-size:14px;padding:9px 11px;width:100%}.form-input:focus,.form-select:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f;outline:none}textarea.form-input{min-height:56px;resize:vertical}.form-hint{font-size:12px;margin-top:4px}.form-hint,.readonly-stock{color:#64748b;color:var(--muted)}.readonly-stock{font-size:14px;padding:6px 0}.checkbox-row{align-items:center;display:flex;gap:8px}.checkbox-row input{height:16px;width:16px}.table-wrap{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #1e3a5f14;box-shadow:var(--shadow);overflow-x:auto}table.table{border-collapse:collapse;font-size:14px;width:100%}.table td,.table th{border-bottom:1px solid #eef2f8;padding:10px 12px;text-align:left}.table th{background:#f8fafc;color:#64748b;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.table td{white-space:normal}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f5f9ff}.table td.num,.table th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.table td.num{white-space:nowrap}.table .total-cell{color:#1e3a5f;color:var(--blue-deep);font-weight:800}.table td.ket-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state,.table td.ket-cell{color:#64748b;color:var(--muted)}.empty-state{padding:32px;text-align:center}.chip{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:2px 9px}.chip--set{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;color:var(--blue-dark)}.chip--baru{background:#dcfce7;border:1px solid #86efac;color:#166534}.chip--muted{background:#f1f5f9;color:#64748b;color:var(--muted)}.chip--low{background:#fef3c7;color:#92400e}.chip--out{background:#fef2f2;background:var(--red-bg);color:#b91c1c}.chip--rakit{background:#dbeafe;color:#1e40af}.chip--urai{background:#fef3c7;color:#92400e}.chip--resep{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:11px}.chip--transfer{background:#ede9fe;border:1px solid #ddd6fe;color:#5b21b6}.mono{font-family:Consolas,Courier New,monospace;font-size:13px;white-space:nowrap}.recipe-block{border-bottom:1px solid #eef2f8;padding:12px 0}.recipe-block:last-child{border-bottom:none}.recipe-lines,.recipe-name{font-size:14px}.recipe-lines{color:#1e293b;color:var(--text);margin:6px 0 0;padding-left:18px}.recipe-lines li{padding:2px 0}.modal-overlay{align-items:flex-start;background:#0f172a73;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:100}.modal-box{background:#fff;background:var(--surface);border-radius:14px;box-shadow:0 12px 40px #0f172a40;max-width:560px;padding:22px;width:100%}.modal-box--wide{max-width:760px}.modal-title{font-size:18px;font-weight:800;margin-bottom:4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.alert{border-radius:8px;font-size:13px;margin-bottom:14px;padding:12px 14px;white-space:pre-line}.alert--error{background:#fef2f2;background:var(--red-bg);border:1px solid #fca5a5;color:#991b1b}.alert--ok{background:#ecfdf5;background:var(--green-bg);border:1px solid #6ee7b7;color:#065f46}.alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f;color:var(--blue-deep)}.riwayat-list{display:flex;flex-direction:column}.riwayat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding:12px 4px}.riwayat-row:last-child{border-bottom:none}.riwayat-delta{font-feature-settings:"tnum";font-size:15px;font-variant-numeric:tabular-nums;font-weight:800;min-width:56px;text-align:right}.riwayat-delta--pos{color:#10b981;color:var(--green)}.riwayat-delta--neg{color:#ef4444;color:var(--red)}.riwayat-main{flex:1 1;min-width:0}.riwayat-note{font-weight:600}.riwayat-meta{font-size:12px;margin-top:2px}.riwayat-balance,.riwayat-meta{color:#64748b;color:var(--muted)}.riwayat-balance{font-size:13px;white-space:nowrap}.riwayat-balance b{color:#1e3a5f;color:var(--blue-deep)}.line-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 90px 36px;margin-bottom:8px}.line-row .qty{text-align:right}.seg{border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:#fff;background:var(--surface);border:none;color:#1e293b;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.seg button+button{border-left:1px solid #d7e3f4;border-left:1px solid var(--border)}.seg button.active{background:#2563eb;background:var(--blue);color:#fff}.beforeafter{font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;gap:8px}.beforeafter .arrow{color:#64748b;color:var(--muted)}.beforeafter .after{color:#1e3a5f;color:var(--blue-deep);font-weight:800}.detail-grid{grid-gap:8px 16px;display:grid;font-size:14px;gap:8px 16px;grid-template-columns:140px 1fr}.detail-grid dt{color:#64748b;color:var(--muted);font-weight:600}.detail-grid dd{margin:0}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.toolbar .grow{flex:1 1;min-width:180px}.link-back{background:none;border:none;color:#2563eb;color:var(--blue);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:10px;padding:0}.combobox{position:relative}.combobox__input{padding-right:30px}.combobox__menu{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 24px #1e3a5f24;left:0;max-height:280px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.combobox__option{border-radius:6px;cursor:pointer;padding:8px 10px}.combobox__option--active{background:#f5f9ff}.combobox__option-primary{color:#1e293b;color:var(--text);font-size:14px}.combobox__option-secondary{color:#64748b;color:var(--muted);font-size:12px;margin-top:2px}.combobox__create{color:#2563eb;color:var(--blue);font-size:14px;font-weight:600}.combobox__empty{color:#64748b;color:var(--muted);font-size:13px;padding:10px;text-align:center}.combobox__clear{background:none;border:none;color:#64748b;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;position:absolute;right:8px;top:9px}.combobox__clear:hover{color:#1e293b;color:var(--text)}.modal-box--detail{max-width:900px;position:relative}.modal-detail__head{margin-bottom:16px;padding-right:32px}.modal-close{background:none;border:none;border-radius:8px;color:#64748b;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;padding:4px 8px;position:absolute;right:16px;top:16px}.modal-close:hover{background:#f1f5f9;color:#1e293b;color:var(--text)}.ket-callout{background:#fffbeb;border-left:3px solid #f59e0b;border-left:3px solid var(--amber);margin-bottom:16px;padding:10px 14px}.ket-callout__label{color:#92400e;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.ket-callout__body{color:#1e293b;color:var(--text);font-size:14px;white-space:pre-wrap}.toolbar .search-by{flex:0 0 auto;min-width:150px;width:auto}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions .btn{align-items:center;border:1px solid #d7e3f4;border:1px solid var(--border);display:inline-flex;gap:5px}.btn-danger-ghost{background:#0000;border-color:#0000;color:#ef4444;color:var(--red)}.btn-danger-ghost:hover{background:#fef2f2;background:var(--red-bg);color:#b91c1c}.picker__search{display:flex;gap:10px;margin-bottom:12px}.picker__search .picker__select{flex:0 0 auto;min-width:150px;width:auto}.picker__search .grow{flex:1 1;min-width:0}.picker__filters{margin-bottom:12px}.picker__list{border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;max-height:340px;overflow-y:auto}.picker__row{align-items:center;border-bottom:1px solid #eef2f8;cursor:pointer;display:flex;gap:12px;padding:10px 12px}.picker__row:last-child{border-bottom:none}.picker__row:hover{background:#f5f9ff}.picker__row--dim{opacity:.55}.picker__cb{accent-color:#2563eb;accent-color:var(--blue);flex:0 0 auto;height:18px;width:18px}.picker__name{flex:1 1;font-weight:600}.picker__meta{color:#64748b;color:var(--muted);font-size:13px;white-space:nowrap}.picker__foot{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.picker__count{color:#64748b;color:var(--muted);font-size:13px;font-weight:600}.line-pick{align-items:center;background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:9px 11px;text-align:left;width:100%}.line-pick:hover{border-color:#2563eb;border-color:var(--blue)}.line-pick__change{color:#2563eb;color:var(--blue);flex:0 0 auto;font-size:12px;font-weight:600}.cat-group{margin-bottom:14px}.cat-group__head{align-items:center;background:#bfdbfe;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;display:flex;font-weight:600;font:inherit;gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;width:100%;z-index:5}.cat-group.is-open .cat-group__head{border-radius:8px 8px 0 0}.cat-group__head:hover{background:#93c5fd}.cat-group .table-wrap{border:1px solid #eef1f6;border-radius:0 0 8px 8px;border-top:none;box-shadow:none;overflow-x:auto}.cat-group__chevron{color:#1e40af;display:inline-block;transition:transform .12s}.cat-group__chevron.is-open{transform:rotate(90deg)}.cat-group__name{color:#1e3a5f;font-weight:600}.cat-group__code{background:#fff;border:1px solid #93c5fd;border-radius:999px;color:#1d4ed8;font-size:12px;padding:1px 8px}.cat-group__count{color:#1e40af;font-size:13px;font-weight:500;margin-left:auto}.cat-jumpbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.cat-jumpbar__label{color:#64748b;color:var(--muted);font-size:12px;margin-right:4px}.cat-jumpbar__chip{background:#fff;border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:999px;color:#1e293b;color:var(--text);cursor:pointer;font-size:12px;padding:3px 10px}.cat-jumpbar__chip:hover{background:#eff6ff}.riwayat-toggle{display:flex;margin-bottom:10px}.riwayat-scroll{max-height:360px;overflow-y:auto}.txn-row{background:#fff;border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #1e3a5f14;margin-bottom:12px;overflow:hidden}.txn-row__head{align-items:center;background:none;border:none;cursor:pointer;display:flex;font:inherit;gap:12px;padding:11px 14px;text-align:left;width:100%}.txn-row__head:hover{background:#f8fafc}.txn-row__date{color:#94a3b8;font-size:13px;margin-left:auto;white-space:nowrap}.txn-detail{border-top:.5px solid #eef1f6;font-size:13px;padding:10px 16px 12px}.btn-soft{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;color:var(--blue-dark);font-weight:700}.btn-soft:hover{background:#dbeafe;border-color:#93c5fd}.btn-block{width:100%}.btn-circle-plus{align-items:center;background:#bfdbfe;border-radius:50%;color:#1d4ed8;color:var(--blue-dark);display:inline-flex;flex:0 0 auto;font-size:16px;font-weight:700;height:20px;justify-content:center;line-height:1;width:20px}.cat-summary{align-items:center;background:#f8fafc;border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px 11px}.cat-summary__name{color:#1e3a5f;color:var(--blue-deep);font-weight:700}.cat-summary__code{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;color:var(--blue-dark);font-size:12px;font-weight:700;padding:1px 8px}.cat-summary__spacer{flex:1 1}.btn-lg{font-size:15px;padding:11px 22px}.transform-saverecipe{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.transform-saverecipe .form-hint{margin-top:0}.transform-runrow{display:flex;justify-content:flex-end}.fitment-editor{display:flex;flex-direction:column;gap:8px}.fitment-chips{display:flex;flex-wrap:wrap;gap:6px}.fitment-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:3px 6px 3px 10px}.fitment-chip,.fitment-chip__x{color:#1d4ed8;color:var(--blue-dark)}.fitment-chip__x{background:none;border:none;border-radius:999px;cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.fitment-chip__x:hover{background:#dbeafe}.tip{display:inline-flex;position:relative}.tip:after{background:#1e293b;border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #0f172a40;color:#fff;content:attr(data-tip);font-size:12px;font-weight:500;line-height:1.3;max-width:260px;padding:6px 9px;text-align:center;white-space:normal;width:-webkit-max-content;width:max-content}.tip:after,.tip:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .08s ease;z-index:50}.tip:before{border:5px solid #0000;border-top-color:#1e293b;bottom:calc(100% + 1px);content:""}.tip:hover:after,.tip:hover:before{opacity:1}.tip:not([data-tip]):after,.tip:not([data-tip]):before{display:none}.kontak-azrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.kontak-azrow button{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;min-width:30px;padding:5px 8px}.kontak-azrow button:hover:not(:disabled){background:#f5f9ff}.kontak-azrow button.active{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);color:#fff}.kontak-azrow button:disabled{cursor:not-allowed;opacity:.35}.kontak-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:320px 1fr}.kontak-list{max-height:70vh;overflow-y:auto}.kontak-row--active{background:#eff6ff}.kontak-item-link{color:#2563eb;color:var(--blue);cursor:pointer}.kontak-item-link:hover{text-decoration:underline}.kontak-btn-danger{background:#0000;border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.kontak-btn-danger:hover{background:#fef2f2;background:var(--red-bg)}.kelola-table-wrap{overflow-x:visible}.daynav{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.daynav__date{color:#1e3a5f;color:var(--blue-deep);font-size:15px;font-weight:700;min-width:200px;text-align:center}.daycards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.daycard{background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #1e3a5f14;box-shadow:var(--shadow);flex:1 1;min-width:180px;padding:14px 16px}.daycard__label{color:#64748b;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.daycard__value{color:#1e3a5f;color:var(--blue-deep);font-size:22px;font-weight:800;margin-top:4px}.daycard--piutang .daycard__value{color:#92400e}.txn-item-card{background:#fbfcfe;border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px 14px}.txn-item-card__pick-row{margin-bottom:10px}.txn-item-card__fields{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.txn-item-card__fields{grid-template-columns:1fr}}.txn-item-card__field{min-width:0}.txn-item-card__field .form-label{margin-bottom:4px}.txn-item-card__field .num-input{text-align:right}.txn-item-card__subtotal{font-feature-settings:"tnum";background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e3a5f;color:var(--blue-deep);font-variant-numeric:tabular-nums;font-weight:800;padding:9px 11px;text-align:right;white-space:nowrap}.txn-item-card__remove-row{display:flex;justify-content:flex-end;margin-top:8px}.txn-item-card__helpers{align-items:baseline;display:flex;flex-wrap:wrap;font-size:12px;gap:6px 16px;justify-content:space-between;margin-top:10px}.txn-item-card__stock{color:#64748b;color:var(--muted)}.txn-item-card__stock--neg{color:#ef4444;color:var(--red);font-weight:700}.txn-item-card__wac{color:#64748b;color:var(--muted)}.currency-input{align-items:center;background:#fff;background:var(--surface);border:1px solid #d7e3f4;border:1px solid var(--border);border-radius:8px;display:flex}.currency-input__prefix{color:#64748b;color:var(--muted);font-size:13px;padding-left:10px}.currency-input input{background:#0000;border:none;color:#1e293b;color:var(--text);flex:1 1;font-family:inherit;font-size:14px;min-width:0;padding:9px 11px 9px 4px;text-align:right}.currency-input input:focus{outline:none}.currency-input:focus-within{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.status-pill--lunas{background:#ecfdf5;background:var(--green-bg);color:#065f46}.status-pill--piutang,.status-pill--utang{background:#fef3c7;color:#92400e}.due-pill{font-size:12px;font-weight:600}.due-pill--overdue{color:#ef4444;color:var(--red)}.due-pill--today{color:#f59e0b;color:var(--amber)}.due-pill--upcoming{color:#64748b;color:var(--muted)}.txn-table td{vertical-align:top}.txn-table td.row-actions{display:table-cell}.txn-table td.date-cell,.txn-table td.due-cell,.txn-table td.jenis-cell,.txn-table td.klien-cell,.txn-table td.lokasi-cell,.txn-table td.mono,.txn-table td.nilai-total-cell,.txn-table td.outstanding-cell,.txn-table td.row-actions,.txn-table td.sales-cell,.txn-table td.status-cell{vertical-align:middle}.txn-table td.due-cell,.txn-table td.status-cell,.txn-table th.due-cell,.txn-table th.status-cell{text-align:center}.txn-table td.barang-cell--single,.txn-table td.stok-cell--single{vertical-align:middle}.nilai-cell{text-align:right}.nilai-cell__stack{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.nilai-cell__total{color:#1e3a5f;color:var(--blue-deep);font-weight:800}.nilai-cell__sisa{color:#92400e;font-size:12px;font-weight:600}.nilai-cell__items{align-items:flex-end;color:#64748b;color:var(--muted);display:flex;flex-direction:column;font-size:11px;gap:2px}.nilai-cell__items div{white-space:nowrap}.nilai-cell__bar{background:#eef1f6;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.nilai-cell__bar-fill{background:#10b981;background:var(--green);height:100%}.nilai-cell__pct{color:#64748b;color:var(--muted);font-size:11px;margin-top:2px}.nilai-cell__stack .nilai-cell__progress{width:100%}.piutang-num-wrap{position:relative}.piutang-num-wrap .nilai-cell__progress{left:0;position:absolute;right:0;top:100%}.piutang-table tbody tr.piutang-row-spacer td{border-bottom:1px solid #eef2f8;height:10px;padding:0}.piutang-table tbody tr:not(.piutang-row-spacer) td{border-bottom:none}.piutang-table tbody tr.piutang-row-spacer,.piutang-table tbody tr.piutang-row-spacer:hover{background:#0000;cursor:default}.icon-actions{display:inline-flex;gap:2px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.icon-btn:hover{background:#f1f5f9}.icon-btn--invoice{color:#2563eb;color:var(--blue)}.icon-btn--suratjalan{color:#0d9488;color:var(--teal)}.icon-btn--checklist{color:#7c3aed;color:var(--purple)}.icon-btn--danger{color:#ef4444;color:var(--red)}.icon-btn--danger:hover{background:#fef2f2;background:var(--red-bg)}.icon-btn--payment-in{color:#10b981;color:var(--green)}.icon-btn--payment-out{color:#ef4444;color:var(--red)}.icon-btn--payment-transfer{color:#1e3a5f;color:var(--blue-deep)}.table tbody tr.txn-row--transfer{background:rgba(91,33,182,.035)}.table tbody tr.txn-row--transfer:hover{background:#5b21b612}.editlog-timeline{max-height:360px;overflow-y:auto;padding:2px 4px}.editlog-node{border-bottom:1px solid #f1f5f9;padding:8px 0}.editlog-node:last-child{border-bottom:none}.editlog-node__tag{color:#2563eb;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.editlog-node__time{color:#64748b;color:var(--muted);font-size:12px;margin-left:8px}.editlog-node__list{font-size:13px;margin:4px 0 0;padding-left:18px}.editlog-node__summary{align-items:center;background:none;border:none;color:#1e293b;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:6px;margin-top:4px;padding:0;text-align:left;width:100%}.editlog-node__summary:hover{color:#1e3a5f;color:var(--blue-deep)}.editlog-node__chevron{color:#64748b;color:var(--muted);flex:0 0 auto;font-size:11px}.editlog-node__detail{margin-top:8px}
/*# sourceMappingURL=main.6147ceac.css.map*/