:root{--bg: #0f1115;--card: #171a21;--border: #262b36;--text: #eef1f6;--muted: #9aa3b2;--accent: #ffcc00;--telecel: #e60000;--mtn: #ffcc00;--airteltigo: #0033a0;--green: #22c55e;--red: #ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:72px}header.app-header{padding:20px 16px 8px}.brand-row{display:flex;align-items:center;gap:12px}.brand-logo{width:44px;height:44px;flex-shrink:0}header.app-header h1{font-size:1.3rem;margin:0;background:linear-gradient(90deg,#fc0,#00b4d8);-webkit-background-clip:text;background-clip:text;color:transparent}header.app-header p{color:var(--muted);margin:4px 0 0;font-size:.85rem}main{padding:12px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.balance-row{display:flex;justify-content:space-between;gap:12px}.balance-item .label{color:var(--muted);font-size:.75rem;text-transform:uppercase}.balance-item .value{font-size:1.25rem;font-weight:600}.value.income{color:var(--green)}.value.expense{color:var(--red)}.provider-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;color:#111}.provider-tag.mtn{background:var(--mtn)}.provider-tag.telecel{background:var(--telecel);color:#fff}.provider-tag.airteltigo{background:var(--airteltigo);color:#fff}.provider-tag.cash{background:#4b5563;color:#fff}.tx-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.tx-row:last-child{border-bottom:none}.tx-main{display:flex;flex-direction:column;gap:4px}.tx-cat{font-weight:500}.tx-note{color:var(--muted);font-size:.8rem}.tx-amount.income{color:var(--green);font-weight:600}.tx-amount.expense{color:var(--red);font-weight:600}.progress-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--accent)}.progress-fill.over{background:var(--red)}form.tx-form{display:flex;flex-direction:column;gap:10px}label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:4px}input,select,button{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#1e2229;color:var(--text);font-size:.95rem}button.primary{background:var(--accent);color:#111;font-weight:700;border:none;cursor:pointer}.row-2{display:flex;gap:10px}.row-2>*{flex:1}nav.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--border);display:flex}nav.tab-bar a{flex:1;text-align:center;padding:12px 0;color:var(--muted);text-decoration:none;font-size:.75rem}nav.tab-bar a.active{color:var(--accent);font-weight:600}.status-pill{font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--border);color:var(--muted)}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--red);font-size:.85rem;margin-top:6px}h2.section-title{font-size:1rem;margin:4px 0 10px}