*{box-sizing:border-box}body{color:#1a1f36;background:#f2f4f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding:1.5rem 1rem 3rem}.page{max-width:900px;margin:0 auto}.page-title{letter-spacing:.06em;text-transform:uppercase;color:#667085;margin:0 0 1rem;font-size:.8rem;font-weight:700}.muted{color:#667085;font-size:.9rem}.top-nav{background:#fff;border-bottom:1px solid #e4e7ec;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;display:flex}.top-nav-tabs{flex-wrap:wrap;flex:1;gap:1.25rem;display:flex}.top-nav-tab{color:#344054;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.25rem 0;font-size:.9rem}.top-nav-tab.active{color:#155eef;border-bottom-color:#155eef;font-weight:600}.top-nav-tab.disabled{color:#98a2b3;cursor:not-allowed}.top-nav-user{color:#667085;font-size:.85rem}.brand-mark{align-items:center;gap:.4rem;display:inline-flex}.brand-mark-text{color:#155eef;font-size:.85rem;font-weight:700}.category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.category-tile{cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem .75rem;display:flex}.category-tile:hover{border-color:#155eef}.category-tile-icon{object-fit:contain;width:36px;height:36px}.category-tile-fallback{color:#155eef;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.category-tile-label{text-align:center;font-size:.85rem;font-weight:600}.card{background:#fff;border-radius:14px;flex-direction:column;gap:.6rem;width:100%;max-width:520px;margin-bottom:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #10182814}.card-header{border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;margin-bottom:.4rem;padding-bottom:.6rem;font-weight:600;display:flex}.card-footer{border-top:1px solid #e4e7ec;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.4rem;padding-top:.75rem;display:flex}.card-footer-actions{gap:.5rem;display:flex}.field-block{flex-direction:column;gap:.3rem;display:flex}.bill-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;display:grid}label{color:#344054;font-size:.85rem;font-weight:600}input,select,textarea{border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:.95rem}textarea{resize:vertical}input:read-only{background:#f9fafb}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;padding:.7rem 1rem;font-size:.95rem;font-weight:600}.primary-btn{color:#fff;background:#155eef}.primary-btn:disabled{cursor:not-allowed;background:#a6c1f5}.secondary-btn{color:#155eef;background:#eef2ff}.secondary-btn:disabled{color:#a6c1f5;cursor:not-allowed}.error-text{color:#d92d20;margin:0;font-size:.85rem}.success-text{color:#027a48;margin:0;font-size:.85rem}.modal-backdrop{z-index:50;background:#1018288c;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:#fff;border-radius:14px;flex-direction:column;gap:.75rem;width:100%;max-width:480px;padding:1.5rem;display:flex;position:relative}.modal-close{cursor:pointer;color:#667085;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.receipt{border:1px dashed #d0d5dd;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.receipt-header{border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding-bottom:.6rem;display:flex}.receipt-row{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.receipt-row-label{color:#667085}.receipt-row-value{text-align:right;word-break:break-word;font-weight:600}.receipt-footer{border-top:1px solid #e4e7ec;margin-top:.3rem;padding-top:.6rem}.receipt-footer p{margin:.15rem 0;font-size:.78rem}.complaint-form{border-top:1px solid #e4e7ec;flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.result-card h2{margin:0 0 .4rem;font-size:1.1rem}.result-card p{margin:.15rem 0;font-size:.9rem}.result-card.success{border-left:4px solid #12b76a}.result-card.pending{border-left:4px solid #f79009}.result-card.error{border-left:4px solid #d92d20}.txn-row{text-align:left;width:100%;max-width:none;font:inherit;color:inherit;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center}.txn-row:hover{border-color:#155eef}.txn-row-right{align-items:center;gap:.75rem;display:flex}.status-badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.status-badge.success{color:#027a48;background:#d1fadf}.status-badge.pending{color:#b54708;background:#fef0c7}.status-badge.error{color:#b42318;background:#fee4e2}@media (prefers-color-scheme:dark){body{color:#e4e7ec;background:#0f1115}.top-nav{background:#171a21;border-bottom-color:#2a2f3a}.top-nav-tab{color:#cbd5e1}.card,.category-tile{box-shadow:none;background:#171a21;border:1px solid #2a2f3a}.card-header,.card-footer{border-color:#2a2f3a}input,select{color:#e4e7ec;background:#0f1115;border-color:#2a2f3a}input:read-only{background:#1b1e26}.secondary-btn,.category-tile-fallback{background:#1b2540}.modal-panel{background:#171a21}.modal-close{color:#cbd5e1}.receipt,.receipt-header,.receipt-footer,.complaint-form{border-color:#2a2f3a}textarea{color:#e4e7ec;background:#0f1115;border-color:#2a2f3a}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{border:none;width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}}