:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f5f7;margin:0}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;width:320px;padding:2rem;display:flex;box-shadow:0 1px 4px #0000001a}.login-form h1{margin:0}.login-subtitle{color:#666;margin:0 0 1rem}.login-form input{border:1px solid #ccc;border-radius:4px;padding:.5rem}.login-form button{color:#fff;cursor:pointer;background:#1a6b4a;border:none;border-radius:4px;margin-top:1rem;padding:.6rem}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#b3261e;margin:0}.app-shell{min-height:100vh;display:flex}.app-sidebar{color:#fff;background:#14261f;width:220px;padding:1.5rem 0}.app-brand{padding:0 1.5rem 1.5rem;font-size:1.25rem;font-weight:600}.app-sidebar nav ul{margin:0;padding:0;list-style:none}.app-sidebar nav a{color:#cfe0d8;padding:.75rem 1.5rem;text-decoration:none;display:block}.app-sidebar nav a.active,.app-sidebar nav a:hover{color:#fff;background:#ffffff14}.app-main{flex-direction:column;flex:1;display:flex}.app-header{background:#fff;border-bottom:1px solid #e2e2e2;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.app-header button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.4rem .9rem}.app-content{padding:2rem}.page-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.page-lead{color:#555;max-width:60ch;margin:0 0 1.5rem}.muted{color:#777;font-size:.85rem}.hint{color:#5a6b7a;margin:.25rem 0 0;font-size:.8rem}.assumption,.warn{color:#8a5a00;font-size:.8rem}.empty-state{color:#555;background:#fff;border-radius:8px;max-width:60ch;padding:2rem}.form-error{color:#b3261e}.success-box,.info-box,.warning-box,.objection-box{border-radius:6px;margin:1rem 0;padding:.75rem 1rem}.success-box{background:#e6f4ec;border:1px solid #1a6b4a}.info-box{background:#eef2f6;border:1px solid #c3cfd9}.warning-box,.objection-box{background:#fdf3e3;border:1px solid #c98a00}.warning-box ul,.info-box ul,.objection-box ul{margin:.5rem 0 0;padding-left:1.2rem}.data-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eceff1;padding:.6rem .75rem}.data-table th{text-transform:uppercase;letter-spacing:.03em;color:#55636e;background:#f7f9fa;font-size:.8rem}.data-table .num{text-align:right}.data-table tr.urgent-row td:first-child{box-shadow:inset 3px 0 #c98a00}.line-table input,.line-table select{border:1px solid #ccc;border-radius:4px;width:100%;padding:.35rem}.product-cell{min-width:220px;position:relative}.suggestions{background:#fff;border:1px solid #d5dbe0;border-radius:4px;max-height:180px;margin:.25rem 0 0;padding:0;list-style:none;overflow-y:auto}.suggestions button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.4rem .6rem;display:block}.suggestions button:hover{background:#eef2f6}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{background:#fff;border-top:3px solid #c3cfd9;border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.summary-card strong{font-size:1.3rem}.summary-card.urgent{border-top-color:#c98a00}.summary-card.lost{border-top-color:#b3261e}.summary-card.recovered{border-top-color:#1a6b4a}.summary-label{color:#55636e;font-size:.8rem}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{cursor:pointer;background:#fff;border:1px solid #ccd4da;border-radius:999px;padding:.45rem .9rem}.tab.active{color:#fff;background:#14261f;border-color:#14261f}.faktur-header{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.faktur-header label{color:#55636e;margin-bottom:.25rem;font-size:.8rem;display:block}.faktur-header input,.faktur-header select{border:1px solid #ccc;border-radius:4px;width:100%;padding:.45rem}.form-actions{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}button.primary{color:#fff;cursor:pointer;background:#1a6b4a;border:none;border-radius:4px;padding:.6rem 1.2rem}button.primary:disabled{opacity:.5;cursor:not-allowed}.dialog-backdrop{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:8px;width:420px;max-height:90vh;padding:1.5rem;overflow-y:auto}.dialog h2{margin-top:0}.dialog label{color:#55636e;margin-top:.75rem;font-size:.8rem;display:block}.dialog input{border:1px solid #ccc;border-radius:4px;width:100%;padding:.45rem}.dialog-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.master-data-page{align-items:flex-start;gap:1.5rem;display:flex}.master-data-list{flex:1;min-width:0}.master-data-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.master-data-toolbar h1{margin:0}.master-data-list table,.import-preview-table,.import-report table{border-collapse:collapse;background:#fff;width:100%;margin-top:1rem}.master-data-list th,.master-data-list td,.import-preview-table th,.import-preview-table td,.import-report th,.import-report td{text-align:left;border-bottom:1px solid #e2e2e2;padding:.5rem .75rem}.master-data-form{background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;gap:.5rem;width:340px;padding:1.5rem;display:flex;box-shadow:0 1px 4px #0000001a}.master-data-form h2{margin:0 0 .5rem}.master-data-form input,.master-data-form select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.barcode-field{gap:.5rem;display:flex}.barcode-field input{flex:1;min-width:0}.barcode-scanner-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.barcode-scanner-panel{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.barcode-scanner-video{border-radius:4px;width:320px;max-width:80vw}.unit-tiers{border:1px solid #e2e2e2;border-radius:4px;margin:.5rem 0;padding:.75rem}.unit-tier-row{gap:.5rem;margin-bottom:.5rem;display:flex}.unit-tier-row input{flex:1;min-width:0}.form-actions button[type=submit]{color:#fff;background:#1a6b4a;border:none}.master-data-form .form-actions button,.import-mapping .form-actions button,.import-report .form-actions button{cursor:pointer;border-radius:4px;padding:.5rem 1rem}.import-page{max-width:900px}.import-upload{margin:1.5rem 0}.import-preview-table{white-space:nowrap;display:block;overflow-x:auto}.import-field-mapping{grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;margin:1.5rem 0;display:grid}.import-field-row{flex-direction:column;gap:.25rem;display:flex}.import-field-row select{border:1px solid #ccc;border-radius:4px;padding:.4rem}.import-report-summary{gap:1.5rem;padding:0;font-weight:600;list-style:none;display:flex}.kasir-page{max-width:720px}.kasir-search{margin-bottom:1rem;position:relative}.kasir-search input,.kasir-customer input{border:1px solid #ccc;border-radius:4px;width:100%;padding:.75rem;font-size:1.05rem}.kasir-customer{margin-bottom:1rem}.suggestions button.active{background:#eef2f6}.customer-badge{background:#e6f4ec;border:1px solid #1a6b4a;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;display:inline-flex}.customer-badge button{cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.tier-tag{color:#1a6b4a;font-weight:600}.kasir-cart input[type=number]{text-align:right;border:1px solid #ccc;border-radius:4px;width:5rem;padding:.35rem}.kasir-totals{max-width:320px;margin-left:auto}.kasir-payment{margin:1rem 0}.kasir-payment label{color:#55636e;margin-bottom:.25rem;font-size:.8rem;display:block}.kasir-payment input{border:1px solid #ccc;border-radius:4px;width:160px;padding:.5rem}.kasir-payment-row{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.kasir-payment-row select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.link-button{color:#1a6b4a;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.batch-override-panel{background:#f7f9f8;border:1px solid #ccd4da;border-radius:6px;margin:.5rem 0;padding:1rem}.batch-override-panel label{color:#55636e;margin:.5rem 0 .25rem;font-size:.8rem;display:block}.batch-list{margin:.5rem 0;padding:0;list-style:none}.batch-list li{padding:.25rem 0}.struk-print{width:58mm;margin:0 auto;font-family:Courier New,Courier,monospace;font-size:12px}.struk-header{text-align:center;margin-bottom:.5em}.struk-meta{border-bottom:1px dashed #000;margin-bottom:.5em;padding-bottom:.25em}.struk-lines,.struk-totals{border-collapse:collapse;width:100%;margin-bottom:.5em}.struk-lines td,.struk-totals td{vertical-align:top;padding:.15em 0}.struk-total-row td{border-top:1px dashed #000;font-weight:700}.struk-terbilang{margin:0 0 .5em;font-style:italic}.struk-footer{text-align:center;margin-top:.5em}.runway-panel,.profit-chain-panel{background:#fff;border-top:4px solid #c3cfd9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.runway-panel.runway-ok{border-top-color:#1a6b4a}.runway-panel.runway-danger{border-top-color:#b3261e}.runway-panel.runway-need_more_history,.runway-panel.runway-need_cash_position{border-top-color:#c98a00}.explain-basis{margin:.75rem 0}.explain-panel{background:#f7f9fa;border:1px solid #e2e2e2;border-radius:6px;max-width:60ch;margin-top:.5rem;padding:.75rem 1rem}.explain-panel ul{margin:.5rem 0;padding-left:1.2rem}.explain-formula{margin:0;font-family:Courier New,Courier,monospace}.remedy-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.remedy-item{border:1px solid #e2e2e2;border-radius:6px;padding:.75rem 1rem}.remedy-item.remedy-pending{color:#666;background:#f7f9fa}.remedy-item.remedy-urgent{background:#fbeceb;border-color:#b3261e}.remedy-heading{justify-content:space-between;gap:1rem;display:flex}.profit-chain{flex-direction:column;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.profit-chain li{border-bottom:1px solid #eceff1;align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.profit-chain li span:first-child{color:#55636e;flex:1}.cash-summary{margin-bottom:1.5rem}.declare-cash-form,.add-expense-form{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;max-width:360px;margin-bottom:1.5rem;padding:1.5rem;display:flex}.declare-cash-form h2,.add-expense-form h2{margin:0 0 .5rem}.declare-cash-form label,.add-expense-form label{color:#55636e;font-size:.8rem}.declare-cash-form input,.add-expense-form input,.add-expense-form select{border:1px solid #ccc;border-radius:4px;padding:.5rem}@media print{@page{size:58mm auto;margin:2mm}body *{visibility:hidden}.struk-print,.struk-print *{visibility:visible}.struk-print{position:absolute;top:0;left:0}}.settings-page{max-width:720px}.settings-card{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 1px 4px #0000001a}.settings-card h2{margin:0}.settings-card label{margin-top:.5rem;display:block}.settings-card input[type=text],.settings-card input:not([type]),.settings-card input[type=number],.settings-card select{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem}.settings-card table{border-collapse:collapse;width:100%;margin-top:.5rem}.settings-card th,.settings-card td{text-align:left;border-bottom:1px solid #e2e2e2;padding:.5rem .75rem}.settings-card .master-data-form{width:100%;box-shadow:none;border:1px solid #e2e2e2;margin-top:1rem}.form-ok{color:#1a6b4a;margin:0}.stok-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.stok-toolbar input[type=search]{border:1px solid #ccd4da;border-radius:4px;flex:260px;min-width:200px;padding:.45rem .6rem}.stok-toolbar select{background:#fff;border:1px solid #ccd4da;border-radius:4px;padding:.45rem .6rem}.stok-check{color:#33424e;align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.data-table tr.lost-row td:first-child{box-shadow:inset 3px 0 #b3261e}.stok-badge{color:#55636e;border:1px solid #ccd4da;border-radius:999px;margin-top:.3rem;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.stok-badge-low{color:#8a5f00;border-color:#c98a00}.stok-paging{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 0 1.5rem;display:flex}.stok-paging button{cursor:pointer;background:#fff;border:1px solid #ccd4da;border-radius:4px;margin-left:.5rem;padding:.35rem .8rem}.stok-paging button:disabled{opacity:.5;cursor:default}.stok-detail-page h2{margin-top:2rem;font-size:1.05rem}.stok-detail-page select{background:#fff;border:1px solid #ccd4da;border-radius:4px;min-width:260px;margin:.35rem 0 1rem;padding:.4rem .6rem;display:block}