*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg2);color:var(--text)}:root{--bg: #fff;--bg2: #f0f0eb;--bg3: #e8e8e2;--text: #1a1a1a;--text2: #666;--text3: #999;--border: rgba(0, 0, 0, .09);--border2: rgba(0, 0, 0, .16);--r: 10px;--rl: 14px;--dark: #1a1a2e}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d4d4d0;border-radius:3px}.topnav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:.5px solid var(--border);padding:0 16px}.topnav-inner{max-width:680px;margin:0 auto}.topnav-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 10px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;background:var(--dark);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}.brand-name{font-size:15px;font-weight:700;color:var(--text)}.brand-sub{font-size:10px;color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#2d2d4e}.btn-dark:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--bg3);color:var(--text);border:.5px solid var(--border2)}.btn-ghost:hover{background:var(--bg2)}.tabbar{display:flex;overflow-x:auto;gap:2px;-webkit-overflow-scrolling:touch}.tabbar::-webkit-scrollbar{display:none}.tabitem{padding:9px 16px;border:none;background:transparent;border-bottom:2px solid transparent;font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:.15s}.tabitem:hover{color:var(--text)}.tabitem.active{color:var(--dark);border-bottom-color:var(--dark)}.month-bar{background:var(--bg);border-bottom:.5px solid var(--border);padding:10px 16px}.month-bar-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:8px}.month-sel{flex:1;padding:8px 12px;border:.5px solid var(--border2);border-radius:8px;background:var(--bg2);color:var(--text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;outline:none}.content{max-width:680px;margin:0 auto;padding:16px 16px 100px}.hero{background:var(--dark);border-radius:var(--rl);padding:20px;color:#fff;margin-bottom:14px}.hero-eyebrow{font-size:10px;opacity:.55;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hero-amount{font-size:30px;font-weight:700;letter-spacing:-1px;margin-bottom:14px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-cell{background:#ffffff1a;border-radius:8px;padding:10px}.hero-cell-label{font-size:10px;opacity:.6;margin-bottom:3px}.hero-cell-val{font-size:14px;font-weight:600}.cg{color:#4ade80}.cr{color:#f87171}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.stat{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r);padding:12px}.stat-l{font-size:10px;color:var(--text2);margin-bottom:4px}.stat-v{font-size:16px;font-weight:700;color:var(--text)}.stat-s{font-size:10px;color:var(--text3);margin-top:2px}.stitle{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin:20px 0 8px}.chart-card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--rl);padding:18px;margin-bottom:14px}.chart-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.donut-wrap{position:relative;width:180px;height:180px;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center-lbl{font-size:10px;color:var(--text2);margin-bottom:2px}.donut-center-val{font-size:15px;font-weight:700;color:var(--text)}.legend{width:100%;display:flex;flex-direction:column;gap:4px}.leg{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;transition:.15s;border:1px solid transparent;background:none;text-align:left;width:100%;font-family:inherit}.leg:hover{background:var(--bg2)}.leg.active-leg{background:#f0f0eb;border-color:var(--dark)}.leg-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.leg-icon{font-size:14px;flex-shrink:0}.leg-name{font-size:12px;font-weight:500;flex:1;min-width:0}.leg-right{text-align:right;flex-shrink:0}.leg-pct{font-size:12px;font-weight:700;color:var(--text)}.leg-amt{font-size:10px;color:var(--text2)}.cat-detail{background:var(--bg);border:.5px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-bottom:14px}.cat-detail-header{padding:16px;border-bottom:.5px solid var(--border);display:flex;align-items:center;gap:12px}.cat-detail-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.cat-detail-name{font-size:15px;font-weight:700;color:var(--text)}.cat-detail-sub{font-size:11px;color:var(--text2);margin-top:2px}.cat-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 16px;gap:8px;border-bottom:.5px solid var(--border)}.cat-kpi{text-align:center}.cat-kpi-l{font-size:10px;color:var(--text2);margin-bottom:3px}.cat-kpi-v{font-size:14px;font-weight:700;color:var(--text)}.prog-wrap{padding:0 16px 14px}.prog{height:6px;background:var(--bg3);border-radius:6px;overflow:hidden;margin-top:10px}.bar{height:100%;border-radius:6px;transition:width .4s}.exp-item{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-top:.5px solid var(--border)}.exp-name{font-size:13px;font-weight:500;color:var(--text)}.exp-meta{font-size:10px;color:var(--text2);margin-top:2px}.exp-amt{font-size:13px;font-weight:700;color:var(--text);flex-shrink:0;margin-left:12px}.bdg{display:inline-block;font-size:9px;padding:2px 7px;border-radius:8px;font-weight:700;margin-left:5px;vertical-align:middle}.bok{background:#dcfce7;color:#166534}.bwn{background:#fef9c3;color:#854d0e}.bov{background:#fee2e2;color:#991b1b}.bgray{background:#f3f4f6;color:#6b6b6b}.person-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.person-card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r);padding:14px;text-align:center}.person-avatar{width:40px;height:40px;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin:0 auto 8px}.person-name{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.person-amt{font-size:18px;font-weight:700;color:var(--text)}.person-pct{font-size:10px;color:var(--text3);margin-top:3px}.pres-cat{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r);padding:13px 14px;margin-bottom:6px;display:flex;align-items:center;gap:12px}.pres-cat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pres-cat-info{flex:1}.pres-cat-name{font-size:13px;font-weight:600;color:var(--text)}.pres-cat-pct{font-size:11px;color:var(--text2);margin-top:2px}.pres-cat-amt{font-size:14px;font-weight:700;color:var(--text)}.pres-total{background:var(--dark);color:#fff;border-radius:var(--r);padding:13px 14px;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.pres-total-l{font-size:12px;font-weight:600}.pres-total-v{font-size:16px;font-weight:700}.pres-note{font-size:11px;color:var(--text2);margin-top:10px;padding:0 2px}.exp-list{background:var(--bg);border:.5px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-bottom:14px}.exp-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:.5px solid var(--border)}.exp-row:last-child{border-bottom:none}.exp-row-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.exp-row-info{flex:1;min-width:0}.exp-row-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-row-meta{font-size:10px;color:var(--text2);margin-top:2px}.exp-row-amt{font-size:13px;font-weight:700;color:var(--text);flex-shrink:0}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.month-box{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r);padding:12px;transition:.15s;text-align:left;font-family:inherit;width:100%}.month-box.has-data{border-left:3px solid var(--dark);cursor:pointer}.month-box.has-data:hover{background:#fafaf8}.month-box-name{font-size:11px;font-weight:700;color:var(--text);margin-bottom:5px}.month-box-amt{font-size:14px;font-weight:700;color:var(--text)}.month-box-bal{font-size:10px;margin-top:2px}.month-box-bar{height:3px;background:var(--bg3);border-radius:3px;margin-top:8px;overflow:hidden}.month-box-fill{height:100%;border-radius:3px;background:var(--dark)}.month-box-empty{font-size:11px;color:var(--text3)}.acat{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r);padding:13px 14px;margin-bottom:6px;display:flex;align-items:center;gap:12px}.acat-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.acat-info{flex:1;min-width:0}.acat-name{font-size:12px;font-weight:600;margin-bottom:5px}.acat-right{text-align:right;min-width:90px}.acat-amt{font-size:13px;font-weight:700}.acat-pct{font-size:10px;color:var(--text2);margin-top:2px}.empty{text-align:center;padding:40px 20px;background:var(--bg);border:.5px dashed var(--border2);border-radius:var(--rl);color:var(--text2);font-size:13px;line-height:1.7}.empty-icon{font-size:32px;margin-bottom:10px}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;align-items:flex-end;justify-content:center}.modal-bg.open{display:flex}.modal{background:var(--bg);border-radius:20px 20px 0 0;padding:24px 20px 36px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto}.modal-handle{width:36px;height:4px;background:var(--bg3);border-radius:4px;margin:0 auto 18px}.modal-title{font-size:17px;font-weight:700;margin-bottom:18px}.fg{margin-bottom:14px}.flb{font-size:12px;color:var(--text2);margin-bottom:6px;display:block;font-weight:600}.inp{width:100%;padding:11px 13px;border:.5px solid var(--border2);border-radius:10px;background:var(--bg2);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:.15s}.inp:focus{border-color:var(--dark)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{padding:7px 12px;border:.5px solid var(--border2);border-radius:20px;font-size:12px;cursor:pointer;background:var(--bg);color:var(--text2);font-family:inherit;transition:.15s}.chip.sel{background:var(--dark);color:#fff;border-color:var(--dark)}.modal-btns{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:20px}.btnp{padding:13px;background:var(--dark);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.btnp:disabled{opacity:.5;cursor:not-allowed}.btns{padding:13px;background:var(--bg2);color:var(--text2);border:.5px solid var(--border2);border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--dark);color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:500;opacity:0;transition:.3s;pointer-events:none;z-index:999;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--dark);color:#fff;border:none;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #00000040;display:flex;align-items:center;justify-content:center;z-index:150;transition:transform .15s,background .15s}.fab:hover{background:#2d2d4e;transform:scale(1.05)}@media (max-width: 420px){.fab{right:16px;bottom:16px}}