.hmp43135-cari-center{display:grid;gap:16px;color:var(--hmp43135-text,#f4f8ff)}
.hmp43135-cari-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border:1px solid rgba(77,163,255,.24);border-radius:22px;background:linear-gradient(135deg,rgba(19,48,78,.98),rgba(7,27,45,.98));box-shadow:0 18px 44px rgba(0,0,0,.25)}
.hmp43135-cari-hero h2,.hmp43135-cari-hero p{margin:0}.hmp43135-cari-hero p{margin-top:7px;color:#9db1c8;max-width:680px}.hmp43135-eyebrow{display:block;margin-bottom:6px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#55b6ff}.hmp43135-hero-actions,.hmp43135-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.hmp43135-cari-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.hmp43135-cari-metric{display:grid;gap:5px;padding:16px;border:1px solid rgba(148,174,204,.16);border-radius:18px;background:linear-gradient(145deg,rgba(17,36,59,.98),rgba(9,24,41,.98));box-shadow:0 12px 30px rgba(0,0,0,.18)}.hmp43135-cari-metric small{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hmp43135-cari-metric b{font-size:22px}.hmp43135-cari-metric span{font-size:11px;color:#8fa5bd}.hmp43135-cari-metric.positive b{color:#3fe08a}.hmp43135-cari-metric.negative b{color:#ff6574}.hmp43135-cari-metric.blue b{color:#55b6ff}.hmp43135-cari-metric.warning b{color:#ffc857}
.hmp43135-filter-panel{padding:14px;border:1px solid rgba(148,174,204,.15);border-radius:18px;background:rgba(10,27,46,.94)}.hmp43135-filter-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:9px}.hmp43135-filter-panel label{margin:0}.hmp43135-filter-toggles{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px}.hmp43135-filter-toggles label{display:flex;align-items:center;gap:7px;color:#9db1c8}.hmp43135-filter-toggles input{width:auto;margin:0}.hmp43135-result-line{display:flex;gap:5px;color:#91a5bd}.hmp43135-result-line b{color:#f4f8ff}.hmp43135-result-line span{color:#ffc857}
.hmp43135-cari-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.hmp43135-cari-card{position:relative;padding:17px;border:1px solid rgba(148,174,204,.16);border-radius:19px;background:linear-gradient(145deg,rgba(18,38,62,.98),rgba(9,25,43,.98));box-shadow:0 14px 34px rgba(0,0,0,.2);cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.hmp43135-cari-card:active{transform:scale(.985)}.hmp43135-cari-card:hover{border-color:rgba(77,163,255,.38)}.hmp43135-cari-card.is-risky{border-color:rgba(255,101,116,.42)}.hmp43135-cari-card.is-overdue::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ffc857}.hmp43135-cari-card-head{display:flex;justify-content:space-between;gap:10px}.hmp43135-cari-card h3,.hmp43135-cari-card p{margin:0}.hmp43135-cari-card h3{margin-top:3px;font-size:16px}.hmp43135-cari-card p{margin-top:4px;color:#8fa5bd;font-size:11px}.hmp43135-status{align-self:flex-start;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.hmp43135-status.receivable{background:rgba(63,224,138,.12);color:#6cf1a6}.hmp43135-status.payable{background:rgba(255,101,116,.12);color:#ff8793}.hmp43135-status.settled{background:rgba(148,174,204,.12);color:#abc0d7}.hmp43135-cari-balance{font-size:24px;font-weight:850;margin:17px 0 12px}.hmp43135-cari-balance.receivable{color:#3fe08a}.hmp43135-cari-balance.payable{color:#ff6574}.hmp43135-cari-balance.settled{color:#91a5bd}.hmp43135-cari-meta{display:flex;justify-content:space-between;gap:8px;color:#8fa5bd;font-size:10px}.hmp43135-risk-line{margin-top:10px;padding:7px 9px;border-radius:9px;background:rgba(255,101,116,.1);color:#ff9aa4;font-size:10px}.hmp43135-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.hmp43135-tags span,.hmp43135-project-links span{padding:5px 8px;border-radius:999px;background:rgba(77,163,255,.1);border:1px solid rgba(77,163,255,.16);color:#a9d5ff;font-size:9px}
.hmp43135-empty{grid-column:1/-1;display:grid;gap:5px;place-items:center;padding:36px;border:1px dashed rgba(148,174,204,.22);border-radius:18px;color:#91a5bd}.hmp43135-empty.compact{padding:18px}.hmp43135-modal-head,.hmp43135-detail-head,.hmp43135-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hmp43135-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hmp43135-detail{display:grid;gap:17px}.hmp43135-detail-head h3,.hmp43135-detail-head p{margin:0}.hmp43135-detail-head p{margin-top:4px;color:#91a5bd}.hmp43135-detail-balance{display:grid;text-align:right}.hmp43135-detail-balance b{font-size:24px}.hmp43135-detail-balance.receivable b{color:#3fe08a}.hmp43135-detail-balance.payable b{color:#ff6574}.hmp43135-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hmp43135-detail-stats div{display:grid;gap:4px;padding:11px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(148,174,204,.12)}.hmp43135-detail-stats span{color:#91a5bd;font-size:10px}.hmp43135-risk-banner{padding:11px;border:1px solid rgba(255,101,116,.3);border-radius:12px;background:rgba(255,101,116,.09);color:#ffabb4}.hmp43135-section-title{align-items:center;margin-bottom:8px}.hmp43135-section-title h4{margin:0}.hmp43135-section-title>span{color:#91a5bd;font-size:10px}.hmp43135-range{display:flex;gap:6px}.hmp43135-range input{margin:0;max-width:145px}.hmp43135-project-links,.hmp43135-contact,.hmp43135-detail-footer{display:flex;gap:8px;flex-wrap:wrap}.hmp43135-contact{padding:10px;border-radius:12px;background:rgba(255,255,255,.03);color:#91a5bd;font-size:11px}.hmp43135-detail-footer{justify-content:flex-end}
.hmp43135-table-wrap{overflow:auto;border:1px solid rgba(148,174,204,.13);border-radius:13px}.hmp43135-responsive-table{width:100%;border-collapse:collapse;min-width:680px}.hmp43135-responsive-table th,.hmp43135-responsive-table td{padding:10px;border-bottom:1px solid rgba(148,174,204,.1);text-align:left;font-size:11px}.hmp43135-responsive-table th{position:sticky;top:0;background:#091827;color:#91a5bd}.hmp43135-responsive-table tr:last-child td{border-bottom:0}.hmp43135-responsive-table tr.is-overdue td{background:rgba(255,200,87,.045)}.hmp43135-responsive-table tr.is-planned td{opacity:.72}.hmp43135-responsive-table td small{display:block;margin-top:2px}.hmp43135-settlement{display:grid;gap:13px}.hmp43135-settlement h3,.hmp43135-settlement p{margin:0}.hmp43135-allocation-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,174,204,.12)}.hmp43135-allocation-row small{display:block;margin-top:3px}.hmp43135-allocation-row input{margin:0}.hmp43135-allocation-row:last-child{border-bottom:0}
@media(max-width:900px){.hmp43135-cari-summary{grid-template-columns:repeat(2,1fr)}.hmp43135-filter-grid{grid-template-columns:repeat(2,1fr)}.hmp43135-filter-grid label:first-child{grid-column:1/-1}.hmp43135-detail-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hmp43135-cari-hero,.hmp43135-detail-head,.hmp43135-section-title{flex-direction:column}.hmp43135-hero-actions,.hmp43135-detail-actions{width:100%}.hmp43135-hero-actions button,.hmp43135-detail-actions button{flex:1}.hmp43135-cari-summary,.hmp43135-filter-grid,.hmp43135-form-grid{grid-template-columns:1fr}.hmp43135-filter-grid label:first-child{grid-column:auto}.hmp43135-cari-grid{grid-template-columns:1fr}.hmp43135-detail-balance{text-align:left}.hmp43135-range{width:100%;display:grid;grid-template-columns:1fr 1fr}.hmp43135-range button{grid-column:1/-1}.hmp43135-range input{max-width:none}.hmp43135-table-wrap{overflow:visible;border:0}.hmp43135-responsive-table{min-width:0}.hmp43135-responsive-table thead{display:none}.hmp43135-responsive-table,.hmp43135-responsive-table tbody,.hmp43135-responsive-table tr,.hmp43135-responsive-table td{display:block;width:100%}.hmp43135-responsive-table tr{margin-bottom:9px;padding:8px 11px;border:1px solid rgba(148,174,204,.13);border-radius:13px;background:rgba(255,255,255,.025)}.hmp43135-responsive-table td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}.hmp43135-responsive-table td::before{content:attr(data-label);color:#91a5bd;text-align:left}.hmp43135-allocation-row{grid-template-columns:1fr}.hmp43135-allocation-row input{width:100%}}