*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6fa}button,input{font:inherit}.page{width:min(1440px,100%);margin:0 auto;padding:34px 38px 26px}.top{display:flex;align-items:center;gap:15px;margin-bottom:27px}.brand-mark{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#2563eb,#1746b5);box-shadow:0 7px 16px #2563eb33;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand-copy{min-width:0}.eyebrow{margin-bottom:3px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:1.65px;line-height:1.3}.brand-copy h1{margin:0;color:#172033;font-size:25px;font-weight:750;letter-spacing:-.7px;line-height:1.25}.brand-copy p{margin:4px 0 0;color:#778197;font-size:13px}.panel{overflow:hidden;border:1px solid #e7ebf2;border-radius:15px;background:#fff;box-shadow:0 5px 22px #192a460b}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;border-bottom:1px solid #edf0f5}.search-wrap{display:flex;align-items:center;gap:10px;width:min(440px,100%);min-height:42px;padding:0 12px;border:1px solid #e1e6ef;border-radius:9px;background:#fff;color:#8993a5}.search-wrap:focus-within{border-color:#8bb2ff;box-shadow:0 0 0 3px #2563eb14}.search-icon{font-size:23px;line-height:1}.search-wrap input{width:100%;min-width:0;border:0;outline:0;color:#263248;background:transparent;font-size:13px}.search-wrap input::placeholder{color:#9aa3b2}.clear-search{border:0;background:transparent;color:#7b8494;cursor:pointer;font-size:20px}.toolbar-actions{display:flex;align-items:center;gap:9px}.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#35435b;cursor:pointer;font-size:12px;font-weight:650;transition:background .15s,border-color .15s}.refresh-button:hover{border-color:#b9c9e3;background:#f8faff}.refresh-button:disabled{opacity:.65;cursor:wait}.refresh-button span{color:#2563eb;font-size:17px}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 22px 16px}.table-heading h2{margin:0;color:#202b40;font-size:16px;font-weight:750}.table-heading p{margin:5px 0 0;color:#8a94a5;font-size:12px}.live-status{display:inline-flex;align-items:center;gap:7px;color:#647187;white-space:nowrap;font-size:11px;font-weight:600}.live-dot{width:7px;height:7px;border-radius:50%;background:#22b573;box-shadow:0 0 0 3px #e8f8f0}.live-dot.is-error{background:#e05252;box-shadow:0 0 0 3px #fff0f0}.table-scroll{width:100%;overflow:auto;border-top:1px solid #edf0f5}.data-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;text-align:left;font-size:13px}.data-table th{padding:14px 15px;border-right:1px solid #d5dce7;border-bottom:1px solid #d5dce7;font-size:12px;font-weight:750;text-align:center;white-space:nowrap}.data-table td{padding:14px 15px;border-right:1px solid #e5e9ef;border-bottom:1px solid #e5e9ef;color:#263248;white-space:nowrap}.data-table th:last-child,.data-table td:last-child{border-right:0}.number-col{width:55px;min-width:55px;text-align:center!important}.no-header{background:#c9daf6!important;color:#172033}.group-title{font-size:14px!important;font-weight:800!important;text-transform:none}.incoming-group,.data-table th.incoming-cell{background:#fce4cb;color:#172033}.data-table td.incoming-cell{background:#fff0df;color:#263248}.outgoing-group,.data-table th.outgoing-cell{background:#c9daf6;color:#172033}.data-table td.outgoing-cell{background:#dce8fa;color:#263248}.saldo-header{min-width:150px;background:#c9daf6;color:#172033;font-size:14px!important;font-weight:800!important}.data-table td.saldo-cell{background:#fff;color:#172033;font-weight:750;text-align:right}.extra-header{background:#f0f3f8;color:#35435b}.rupiah-cell{color:#172033;font-weight:750}.data-table tbody tr:hover td{filter:brightness(.97)}.data-table tbody tr:last-child td{border-bottom:0}.state-box{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:25px;color:#7b8799;font-size:13px;text-align:center}.state-box strong{color:#344158;font-size:14px}.spinner{width:23px;height:23px;border:2px solid #e2e9f5;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:0 22px 16px;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.55}.error-notice{border:1px solid #f5d4d4;background:#fff6f6;color:#a43d3d}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid #edf0f5;color:#8993a4;font-size:11px}.panel-footer strong{color:#4b5870}.copyright{display:flex;justify-content:space-between;gap:12px;padding:15px 3px 0;color:#9aa3b1;font-size:11px}@media(max-width:700px){.page{padding:22px 14px}.top{gap:12px;margin-bottom:20px}.brand-mark{width:47px;height:47px;flex-basis:47px;border-radius:13px}.brand-copy h1{font-size:21px}.toolbar{align-items:stretch;flex-direction:column;padding:15px}.search-wrap,.toolbar-actions,.refresh-button{width:100%}.table-heading{align-items:flex-start;padding:18px 15px 14px}.live-status{padding-top:3px;font-size:10px}.data-table{min-width:850px}.data-table th,.data-table td{padding:12px}.panel-footer,.copyright{align-items:flex-start;flex-direction:column}.panel-footer{padding:12px 15px}}