.page { display: none; }
.page.active { display: block; }
.category { border-right: 4px solid var(--category-color, #5b5ce2); }
.category small { display:flex; align-items:center; gap:5px; }
.category small i { width:8px; height:8px; border-radius:50%; display:inline-block; }
.income-tab.active,.balance-actions [data-quick="income"] { background:#18a878!important; color:#fff!important; border-color:#18a878!important; }
.expense-tab.active,.balance-actions [data-quick="expense"] { background:#e95f6c!important; color:#fff!important; border-color:#e95f6c!important; }
.transfer-tab.active,.balance-actions [data-quick="transfer"] { background:#f2a93b!important; color:#513600!important; border-color:#f2a93b!important; }
.type-tabs .type-tab.active { box-shadow:none; }
.quick-categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.quick-category{border:0;border-radius:12px;background:#fff;color:var(--ink);box-shadow:var(--shadow);padding:12px 15px;cursor:pointer;font:inherit}.quick-category span{margin-left:7px}.quick-more{background:var(--primary-soft);color:var(--primary);font-weight:700}
.account-note{background:#eef4ff;border:1px solid #dce6fb;border-radius:12px;padding:14px 16px;margin-bottom:16px;display:grid;gap:4px}.account-note span{color:var(--muted);font-size:13px}.wallet-card .method-chip{background:#edf0ff;color:var(--primary);border-radius:6px;padding:3px 6px;font-size:11px;margin:10px 0 0;display:inline-block}
.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.insight{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.insight span{display:block;color:var(--muted);font-size:12px}.insight strong{display:block;margin-top:7px}.chart-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.chart-card h3{margin:0 0 18px;font-size:16px}.spending-bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:125px 1fr 90px;gap:10px;align-items:center;font-size:12px}.bar-track{background:#f0f2f7;border-radius:20px;height:10px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:#5b5ce2}.donut-wrap{display:grid;place-items:center;min-height:210px}.donut{width:180px;height:180px;border-radius:50%;position:relative}.donut::after{content:'المصروفات';position:absolute;inset:38px;background:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;font-size:13px}@media(max-width:760px){.insights,.chart-layout{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 72px}}