*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f4f1;--surface: #ffffff;--surface2: #f0efe9;--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.18);--text: #1a1a18;--text2: #6b6b65;--text3: #9e9e98;--green: #1a7a4a;--green-bg: #e8f5ee;--red: #b83232;--radius: 12px;--radius-sm: 8px}@media(prefers-color-scheme:dark){:root{--bg: #181816;--surface: #222220;--surface2: #2a2a28;--border: rgba(255,255,255,.09);--border2: rgba(255,255,255,.16);--text: #f0efe9;--text2: #9e9e96;--text3: #6a6a64;--green: #4caf78;--green-bg: #0d2e1c;--red: #e06060}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:2rem 1rem 4rem}header{max-width:760px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between}h1{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.month-nav{display:flex;align-items:center;gap:10px}.month-label{font-size:17px;font-weight:500;min-width:130px;text-align:center}.btn{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;font-size:14px;color:var(--text);font-family:inherit;transition:background .1s}.btn:hover{background:var(--surface2)}.btn.muted{font-size:12px;color:var(--text2)}.grid{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card-head{padding:10px 16px;background:var(--surface2);border-bottom:.5px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text2)}.income-block{padding:8px 16px 10px;border-bottom:.5px solid var(--border)}.row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.row-label{font-size:13px;color:var(--text2);flex:1}.row-label.italic{font-style:italic}.row-val{font-size:13px;font-weight:500;color:var(--green)}.row-val.derived{color:var(--text2);font-style:italic;font-weight:400}.divider-row{border-top:.5px solid var(--border);margin-top:5px;padding-top:6px}.available-val{font-size:14px;font-weight:600;color:var(--green)}.editable-available{background:transparent;border:none;font-size:14px;font-weight:600;color:var(--green);font-family:inherit;text-align:right;width:110px;outline:none;padding:2px 4px;border-radius:4px;cursor:text}.editable-available:focus{background:var(--surface2);border:.5px solid var(--border2)}.editable{background:transparent;border:none;font-size:13px;font-weight:500;color:var(--green);font-family:inherit;text-align:right;width:100px;outline:none;padding:2px 4px;border-radius:4px;cursor:text}.editable:focus{background:var(--surface2);border:.5px solid var(--border2)}.exp-section{padding:4px 0;flex:1}.section-divider{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:5px 16px 2px}.exp-row{display:flex;align-items:center;gap:4px;padding:4px 16px;transition:background .1s}.exp-row:hover{background:var(--surface2)}.exp-name{font-size:13px;color:var(--text2);flex:1}.exp-input{width:90px;text-align:right;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text);font-family:inherit;outline:none;padding:2px 4px;border-radius:4px}.exp-input:focus{background:var(--surface2);border:.5px solid var(--border2)}.one-off-row{display:flex;align-items:center;gap:8px;padding:5px 16px}.one-off-remove{background:none;border:none;cursor:pointer;color:var(--text3);font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.one-off-remove:hover{color:var(--red)}@media(hover:hover){.one-off-remove{opacity:0;transition:opacity .15s}.exp-row:hover .one-off-remove,.one-off-row:hover .one-off-remove{opacity:1}}.one-off-form{display:flex;flex-direction:column;gap:6px;background:var(--surface2);border-radius:var(--radius-sm);padding:8px 16px;margin:4px 0}.one-off-form-actions{display:flex;gap:6px}.add-row-btn{display:block;width:100%;background:none;border:none;cursor:pointer;color:var(--text3);font-size:12px;font-family:inherit;text-align:left;padding:3px 16px 5px;transition:color .1s}.add-row-btn:hover{color:var(--green)}.card-foot{padding:10px 16px;border-top:.5px solid var(--border);background:var(--surface2)}.foot-row{display:flex;justify-content:space-between;align-items:center}.foot-sub{font-size:12px;color:var(--text2)}.foot-sub-val{font-size:13px;font-weight:500;color:var(--text)}.foot-main{margin-top:7px;padding-top:7px;border-top:.5px solid var(--border)}.foot-main-label{font-size:12px;color:var(--text2)}.foot-main-val{font-size:16px;font-weight:600;color:var(--green)}.foot-main-val.negative{color:var(--red)}.summary{max-width:760px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}.stat-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.stat-val{font-size:20px;font-weight:600;color:var(--text)}.stat-val.positive{color:var(--green)}.stat-val.negative{color:var(--red)}.controls{max-width:760px;margin:1rem auto 0;display:flex;justify-content:flex-end}.settings-page{max-width:500px;margin:0 auto}.settings-back{margin-bottom:1.5rem}.settings-section{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.settings-section-title{font-size:14px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-weight:600}.settings-input{width:100%;padding:8px;border-radius:4px;border:.5px solid var(--border2);background:var(--surface);color:var(--text);font-family:inherit;font-size:16px;outline:none}.settings-input:focus{border-color:var(--green)}.cat-row{display:flex;align-items:center;background:var(--surface2);border-radius:4px;padding:8px 12px;margin-bottom:4px}.cat-row-info{flex:1}.cat-row-name{font-size:14px;font-weight:500}.cat-row-periods{font-size:11px;color:var(--text3)}.add-cat-form{background:var(--surface2);padding:16px;border-radius:var(--radius-sm);margin-top:12px}.add-cat-form-title{font-size:12px;font-weight:600;margin-bottom:8px}.add-cat-text-input{width:100%;padding:8px;border-radius:4px;border:.5px solid var(--border2);margin-bottom:8px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;outline:none}.add-cat-text-input:focus{border-color:var(--green)}.add-cat-checkboxes{display:flex;gap:16px;margin-bottom:12px}.add-cat-checkbox-label{font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.auth-gate-text{font-size:15px;color:var(--text2)}.auth-error{font-size:12px;color:var(--red)}