*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.login-screen{background:radial-gradient(circle at 30% 20%,#8a2530 0%,#54151e 55%,#2f0c11 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.login-card{background:#fbf7f1;border-radius:20px 20px 0 0;width:100%;max-width:380px;padding:40px 32px 28px;position:relative;box-shadow:0 24px 60px #00000059}.login-brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-mark{color:#f7e9ea;object-fit:cover;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.login-wordmark{letter-spacing:.04em;color:#2f0c11;font-size:18px;font-weight:700}.login-tagline{color:#7a6f68;margin-top:2px;font-size:12.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{color:#3d3733;flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.login-field input{color:#2f0c11;background:#fff;border:1.5px solid #e4dace;border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:14.5px;transition:border-color .15s}.login-field input:focus{border-color:#7a1f2b}.login-field input::placeholder{color:#b5a89c}.login-password-wrap{align-items:center;display:flex;position:relative}.login-password-wrap input{width:100%;padding-right:84px}.login-toggle-visibility{color:#7a1f2b;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:600;position:absolute;right:8px}.login-toggle-visibility:hover{text-decoration:underline}.login-error{color:#8c2a2a;background:#fbeaea;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.login-submit{color:#f7e9ea;cursor:pointer;background:#7a1f2b;border:none;border-radius:10px;margin-top:4px;padding:13px;font-size:14.5px;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:#611922}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-torn-edge{background-image:linear-gradient(45deg,#fbf7f1 50%,#0000 50%),linear-gradient(-45deg,#fbf7f1 50%,#0000 50%);background-position:bottom;background-repeat:repeat-x;background-size:16px 16px;height:14px;margin:0 -32px -28px}@media (width<=420px){.login-card{padding:32px 24px 24px}.login-torn-edge{margin:0 -24px -24px}}:root{--hp-ground:#fbf7f1;--hp-surface:#fff;--hp-surface-2:#f6f0e8;--hp-ink:#2f0c11;--hp-ink-lembut:#6b5d55;--hp-garis:#e7ddd2;--hp-aksen:#7a1f2b;--hp-aksen-tua:#54151e;--hp-aksen-muda:#f7e9ea;--hp-emas:#d8b872;--hp-emas-teks:#7a5a12;--hp-positif:#1f5b3a;--hp-negatif:#8c2a2a;--hp-radius:14px;--hp-radius-kecil:10px}.hp-dark{--hp-ground:#17130f;--hp-surface:#211b16;--hp-surface-2:#2a231c;--hp-ink:#f6efe7;--hp-ink-lembut:#b3a396;--hp-garis:#33291f;--hp-aksen:#c96a76;--hp-aksen-tua:#8e3040;--hp-aksen-muda:#3a2229;--hp-emas-teks:#e3c68a;--hp-positif:#5fb183;--hp-negatif:#e08585}body,input,select,textarea,button{font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.015em;font-family:Bricolage Grotesque,Public Sans,sans-serif}.pp-page,.ma-content,.ow-content,.ka-layout,.ol-split,.rw-split{background:var(--hp-ground);color:var(--hp-ink)}.pp-table-wrap,.po-summary-card,.st-section,.ex-summary-card,.sp-online-card,.pp-modal,.rw-bill-card,.pg-card{background:var(--hp-surface);border-color:var(--hp-garis);border-radius:var(--hp-radius);box-shadow:none;color:var(--hp-ink)}.pp-table th{background:var(--hp-surface-2);color:var(--hp-ink-lembut)}.pp-table td,.pp-table th{border-color:var(--hp-garis);color:var(--hp-ink)}.pp-nama,.po-summary-value,.ex-summary-value{color:var(--hp-ink)}.pp-subtitle,.st-hint,.po-summary-label,.ex-summary-sub,.rw-bill-info,.ol-cart-line-varian{color:var(--hp-ink-lembut)}.pp-add-btn,.pp-primary-btn,.ol-primary-btn,.rw-bayar-btn{background:var(--hp-aksen);color:#fbf7f1;border-radius:var(--hp-radius-kecil);border:0}.pp-kelola-kategori-btn,.pp-toggle-btn,.pp-batal-btn,.ol-secondary-btn,.rw-tambah-btn,.pp-search,.pp-select,.pp-field input,.pp-field select,.pp-field textarea{background:var(--hp-surface);border:1px solid var(--hp-garis);color:var(--hp-ink);border-radius:var(--hp-radius-kecil)}.pp-status-tabs button,.ex-tab-row button,.sp-tabs button,.rw-status-tabs button{border-color:var(--hp-garis);background:var(--hp-surface);color:var(--hp-ink-lembut)}.pp-status-tabs button.active,.ex-tab-row button.active,.rw-status-tabs button.active{background:var(--hp-aksen);border-color:var(--hp-aksen);color:#fbf7f1}.sp-tabs button.active{color:var(--hp-aksen);border-bottom-color:var(--hp-aksen);background:0 0}.pp-icon-btn{color:var(--hp-ink-lembut);background:0 0}.pp-icon-btn:hover{color:var(--hp-aksen)}.ma-sidebar,.ka-sidebar,.ow-sidebar{background:var(--hp-aksen-tua)}.pp-modal-backdrop{background:#17130f8c}@media (width<=720px){.pp-page{padding:16px 14px 28px}.pp-header{flex-direction:column;align-items:stretch;gap:12px}.bp-header-actions,.pp-header-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pp-add-btn,.pp-primary-btn,.pp-batal-btn,.pp-kelola-kategori-btn,.pp-toggle-btn,.pp-status-tabs button,.ex-tab-row button,.rw-status-tabs button,.sp-tabs button,.pp-search,.pp-select,.pp-field input,.pp-field select{min-height:44px}.pp-icon-btn{min-width:40px;min-height:40px}.po-summary-grid,.st-grid-2,.sp-online-cards,.pp-filter-row{grid-template-columns:1fr}.pp-status-tabs,.ex-tab-row,.sp-tabs,.rw-status-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.pp-status-tabs button,.ex-tab-row button,.sp-tabs button,.rw-status-tabs button{white-space:nowrap;flex-shrink:0}.pp-table-wrap{overflow-x:auto}.pp-table{min-width:640px}.pp-modal{border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:92vh}.ol-split,.rw-split{flex-direction:column}.ol-cart,.rw-detail-panel{border-left:0;border-top:1px solid var(--hp-garis);width:100%;height:auto}.rw-bill-grid{grid-template-columns:1fr 1fr}}@media (width<=420px){.bp-header-actions,.pp-header-actions,.rw-bill-grid{grid-template-columns:1fr}}.ma-mark,.ka-mark,.ow-mark,.login-mark{object-fit:contain;box-sizing:border-box;background:#fbf7f1;padding:5px;overflow:hidden}.ma-bottom-nav{display:none}@media (width<=720px){.ma-bottom-nav{z-index:120;background:var(--hp-surface);border-top:1px solid var(--hp-garis);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.ma-bottom-nav button{min-width:0;min-height:52px;color:var(--hp-ink-lembut);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:500;display:flex}.ma-bottom-nav button.active{color:var(--hp-aksen);font-weight:700}.ma-bottom-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ma-hamburger-btn{display:none}.ma-content{padding-bottom:86px}.db-filters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.db-filters .db-pdf-btn{grid-column:1/-1}}