:root{--bg: #23272d;--surface: #2b2f36;--card: #23272d;--border: #363b43;--border-2: #4a5059;--text: #ffffff;--muted: #8b929c;--muted-2: #c5cad2;--accent: #e8720c;--accent-ink: #23272d;--green: #3fbf87;--red: #e86a5a;--credit-bg: #2d2622;--credit-border: #5a3d2e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh}.app{padding-bottom:72px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo{font-size:16px;font-weight:600;letter-spacing:.5px}.logo span{color:var(--accent)}.icon-btn{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:4px}.content{padding:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.card-pad{padding:14px}.section-label{font-size:12px;color:var(--muted);margin:0 0 8px 2px}.acc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.acc-cell{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px}.acc-cell .n{font-size:11px;color:var(--muted);margin:0 0 3px}.acc-cell .b{font-size:15px;font-weight:500;margin:0}.credit-cell{background:var(--credit-bg);border-color:var(--credit-border)}.hero{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.hero .lbl{font-size:12px;color:var(--muted);margin:0 0 4px}.hero .val{font-size:27px;font-weight:600;margin:0}.hero .sub{display:flex;gap:12px;margin-top:10px;font-size:11px;flex-wrap:wrap}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row .t{font-size:13px;margin:0}.row .s{font-size:11px;color:var(--muted);margin:2px 0 0}.amt{font-size:13px;font-weight:500}.amt.pos{color:var(--green)}.amt.neg{color:var(--red)}.amt.neu{color:var(--muted-2)}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--card);border-top:1px solid var(--border)}.nav button{flex:1;background:none;border:none;padding:9px 0 10px;color:var(--muted);font-size:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.nav button.on{color:var(--accent)}.nav button svg{width:20px;height:20px}.btn-primary{width:100%;background:var(--accent);border:none;border-radius:10px;padding:13px;color:var(--accent-ink);font-size:14px;font-weight:600;cursor:pointer}.btn-dashed{width:100%;background:var(--card);border:1px dashed var(--border-2);border-radius:10px;padding:12px;color:var(--muted-2);font-size:13px;cursor:pointer}.chips{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.chip{font-size:11px;padding:5px 11px;border-radius:20px;background:var(--border);color:var(--muted-2);border:none;cursor:pointer}.chip.on{background:var(--accent);color:var(--accent-ink)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.metric{border-radius:10px;padding:11px}.metric .l{font-size:11px;color:var(--muted);margin:0 0 3px}.metric .v{font-size:17px;font-weight:500;margin:0}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px 2px}.field input,.field select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.amount-input{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0 14px}.amount-input input{border:none;background:none;font-size:22px;font-weight:500}.type-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.type-toggle button{padding:10px;border-radius:9px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:13px;cursor:pointer}.type-toggle button.on{border-color:var(--accent);background:#e8720c26;color:var(--accent)}.manage-row{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid var(--border)}.manage-row:last-child{border-bottom:none}.manage-actions{display:flex;gap:16px}.manage-actions button{background:none;border:none;cursor:pointer;font-size:17px;padding:0}.act-edit{color:var(--muted)}.act-del{color:var(--red)}.loading{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.empty{text-align:center;color:var(--muted);padding:30px 0;font-size:14px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{width:100%;max-width:480px;background:var(--surface);border-radius:16px 16px 0 0;padding:18px 16px 24px}.modal h3{margin:0 0 14px;font-size:16px;font-weight:600}