*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--green:#6ee7b7;--amber:#f59e0b;--red:#f87171}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:DM Sans,sans-serif;font-size:15px}#root{max-width:480px;margin:0 auto;padding:0 0 80px}.mono{font-family:DM Mono,monospace}.app{padding:0 16px}.month-nav{color:var(--text);justify-content:space-between;align-items:center;padding:16px 0 12px;font-size:15px;font-weight:600;display:flex}.month-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:22px;line-height:1;transition:color .15s}.month-nav button:hover{color:var(--text)}.hero-card{background:var(--surface);border-radius:16px;margin-bottom:20px;padding:20px}.hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-size:12px}.hero-amount{color:var(--green);letter-spacing:-.02em;margin-bottom:14px;font-size:32px;font-weight:500}.hero-amount.negative{color:var(--red)}.bar-wrap{align-items:center;gap:10px;margin-bottom:16px;display:flex}.bar-track{background:var(--border);border-radius:99px;flex:1;height:6px;position:relative;overflow:hidden}.bar-planned{background:var(--amber);opacity:.4;border-radius:99px;height:100%;transition:width .3s;position:absolute;inset:0}.bar-savings{background:var(--green);border-radius:99px;height:100%;transition:width .3s;position:absolute;inset:0}.bar-pct{color:var(--muted);text-align:right;min-width:34px;font-size:12px}.hero-meta{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-size:11px}.amber{color:var(--amber)}.section{background:var(--surface);border-radius:16px;margin-bottom:20px;overflow:hidden}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:500}.section-total{color:var(--amber);font-size:13px}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;display:flex}.row:last-of-type{border-bottom:none}.row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.cat-row{cursor:pointer;flex-direction:column;align-items:stretch;gap:6px;transition:background .1s}.cat-row:hover{background:#ffffff08}.cat-row:active{background:#ffffff0f}.cat-row-left{flex-direction:column;flex:1;gap:5px;display:flex}.cat-name{color:var(--text);font-size:14px}.cat-bar-track{background:var(--border);border-radius:99px;height:3px;overflow:hidden}.cat-bar-fill{background:var(--green);border-radius:99px;height:100%;transition:width .3s}.cat-bar-fill.over{background:var(--red)}.cat-row-right{flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;display:flex}.cat-row>.cat-row-left,.cat-row>.cat-row-right{display:flex}.cat-row{flex-direction:row;align-items:center;gap:12px;display:flex}.cat-row-left{flex:1;min-width:0}.cat-spent{color:var(--muted);font-size:13px}.cat-spent.some{color:var(--amber)}.cat-spent.over{color:var(--red)}.cat-limit{color:var(--border);font-size:12px}.cat-chevron{color:var(--muted);margin-left:2px;font-size:16px}.editable{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background .1s;display:inline-block}.editable:hover{background:var(--border)}.name-editable{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.editable.mono{color:var(--muted);font-size:13px}.inline-input{background:var(--border);border:1px solid var(--green);color:var(--text);border-radius:6px;outline:none;width:100px;padding:2px 6px;font-size:13px}.inline-input.name-input{width:140px;font-family:DM Sans,sans-serif;font-size:14px}.inline-input.mono{text-align:right;font-family:DM Mono,monospace}.del-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .15s}.del-btn:hover{color:var(--red)}.add-btn{border:none;border-top:1px solid var(--border);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:color .15s;display:block}.add-btn:hover{color:var(--green)}.transfer-prompt{color:var(--green);text-align:center;background:#6ee7b714;border:1px solid #6ee7b740;border-radius:12px;margin-top:4px;padding:14px 18px;font-size:14px}.transfer-prompt .mono{font-size:14px;font-weight:500}.sheet-backdrop{z-index:100;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85dvh;margin:0 auto;padding:0 0 32px;display:flex;overflow-y:auto}.sheet-handle{background:var(--border);border-radius:99px;flex-shrink:0;width:36px;height:4px;margin:12px auto 8px}.sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px 12px;display:flex}.sheet-name{font-weight:600;font-size:17px!important}.sheet-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.sheet-limit-row,.sheet-spent-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.sheet-spent-row .mono{color:var(--amber)}.sheet-spent-row.over .mono{color:var(--red)}.sheet-add{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:14px 20px;display:flex}.sheet-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:14px}.sheet-input.mono{font-family:DM Mono,monospace}.sheet-input:focus{border-color:var(--green)}.sheet-add-btn{background:var(--green);color:#0f172a;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.sheet-txns{flex:1;overflow-y:auto}.sheet-empty{color:var(--muted);text-align:center;padding:24px 20px;font-size:13px}.sheet-txn{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.txn-left{flex-direction:column;gap:2px;min-width:0;display:flex}.txn-date{color:var(--muted);font-size:11px}.txn-note{color:var(--text);font-size:13px}.txn-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.txn-amount{color:var(--text);font-size:13px}.delete-cat-btn{color:var(--red);cursor:pointer;text-align:left;opacity:.6;background:0 0;border:none;padding:16px 20px 0;font-family:DM Sans,sans-serif;font-size:13px;transition:opacity .15s}.delete-cat-btn:hover{opacity:1}.currency-select{border:1px solid var(--line,#ffffff24);color:var(--muted,#94a3b8);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.75rem}.currency-select:hover{color:var(--text,#e2e8f0)}.currency-select option{color:#e2e8f0;background:#0f172a}