:root{color-scheme:dark;--bg:#090a0c;--panel:#171a20;--line:#30343d;--muted:#9298a3;--gold:#d5aa4c;--red:#d96b70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5f7;font:15px -apple-system,BlinkMacSystemFont,sans-serif}.app{max-width:720px;margin:auto;padding:env(safe-area-inset-top) 17px 30px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 2px}small,.hint{color:var(--muted)}header small{font-size:10px;letter-spacing:2px}h1{font-size:22px;margin:5px 0;letter-spacing:1px}h1 i{color:var(--gold);font-style:normal}button{font:inherit;color:inherit;cursor:pointer}header button,.month button,.modalhead button{border:1px solid var(--line);background:#242831;border-radius:12px;width:40px;height:40px;font-size:22px}nav{display:flex;background:#14161a;padding:5px;border-radius:13px;gap:5px;margin-bottom:20px}nav button{flex:1;border:0;background:none;color:var(--muted);padding:12px 3px;border-radius:9px}nav button.active{background:#2a2e36;color:white}.screen{display:none}.screen.active{display:block}.month{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.hero,.category,.operation,.income{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px}.hero h2{font-size:35px;margin:7px 0 18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{font-size:12px;color:var(--muted)}.stats b{display:block;color:white;font-size:16px;margin-top:4px}.sectionhead,h3{margin:23px 0 12px;font-size:18px}.link{border:0;background:none;color:var(--gold);font-size:13px;float:right}.stack{display:flex;flex-direction:column;gap:8px}.category{padding:13px}.catrow{display:flex;justify-content:space-between;gap:8px}.sub{color:var(--muted);font-size:12px;margin-top:6px}.bar{height:5px;background:#343943;border-radius:8px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.bar.over i{background:var(--red)}.primary,.secondary,.danger,.tools button,.file{border:0;border-radius:11px;padding:13px 15px;font-weight:650}.primary{background:var(--gold);color:#17130a}.secondary,.tools button,.file{background:#292e37;color:white;border:1px solid var(--line)}.danger{background:#51252a;color:#ffc1c1}.full{width:100%;margin-top:13px}.income{display:flex;align-items:center;justify-content:space-between;gap:10px}.income input{width:130px;text-align:right}.total{display:flex;justify-content:space-between;padding:17px 2px;border-top:1px solid var(--line);margin-top:12px}.budgetedit{display:flex;gap:7px;margin-top:10px}.budgetedit input{max-width:115px}.budgetedit select{max-width:125px}.budgetedit button{width:38px;background:#292e37;border:0;border-radius:8px}input,select{width:100%;min-width:0;padding:11px;border-radius:9px;border:1px solid #3a404b;background:#0e1014;color:white;font:inherit}.filters{display:grid;grid-template-columns:1fr 135px;gap:8px;margin-bottom:12px}.operation{display:flex;justify-content:space-between;text-align:left;width:100%;gap:10px}.operation strong{overflow-wrap:anywhere}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.file{text-align:center}.file input{display:none}footer{text-align:center;color:#555b65;font-size:9px;letter-spacing:2px;padding:25px}.backdrop{display:none;position:fixed;inset:0;background:#000b;z-index:5;align-items:flex-end;justify-content:center;padding:12px}.backdrop.show{display:flex}.modal{background:#191c22;border:1px solid var(--line);border-radius:20px;padding:18px;width:min(100%,540px);max-height:88vh;overflow:auto}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal h2{font-size:19px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:12px;color:#c5c9d0}.hidden{display:none!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#303640;border-radius:10px;padding:12px 18px;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(min-width:650px){.backdrop{align-items:center}.modal{border-radius:18px}}