*{box-sizing:border-box} :root{--b:#800020;--ink:#202124;--muted:#687078;--line:#e3e5e8}body{margin:0;background:#f6f7f9;color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:var(--b);color:#fff;padding:calc(18px + env(safe-area-inset-top)) 18px 20px;display:flex;justify-content:space-between;align-items:center}header small{font-size:10px;letter-spacing:1.5px}h1{font-size:27px;margin:3px 0}header span{font-size:12px;border:1px solid #ffffff66;border-radius:20px;padding:6px 9px}main{max-width:650px;margin:auto;padding:14px 12px 26px}nav{display:flex;gap:5px;padding:4px;background:#e9eaed;border-radius:12px;margin-bottom:13px}.tab{flex:1;border:0;background:transparent;padding:11px 3px;border-radius:9px;font-size:13px}.tab.active{background:white;color:var(--b);font-weight:700}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:17px}.hidden{display:none!important}.toggle{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f0f1f3;border-radius:11px;margin-bottom:16px}.kind{border:0;border-radius:8px;padding:11px;background:transparent;font-weight:700;color:#555}.kind.active{background:var(--b);color:white}label{display:block;font-size:13px;font-weight:650;margin:13px 0 6px}input,select,textarea{font:inherit;width:100%;border:1px solid #d4d8dd;border-radius:9px;padding:12px;min-height:45px;background:#fff;color:var(--ink)}textarea{resize:vertical}.inline{display:flex;gap:8px;align-items:center}.inline select{flex:1;min-width:0}.small,.secondary,.primary,.filelabel{border:0;border-radius:9px;padding:11px 12px;font-weight:650;font-size:13px;cursor:pointer}.small{border:1px solid #d4d8dd;background:#fff;white-space:nowrap}.primary{background:var(--b);color:white}.secondary,.filelabel{background:#f0f1f3;color:#333}.filelabel{display:inline-flex;margin-top:8px}.panel form>.primary,.panel form>.secondary{width:100%;margin-top:16px}.panel form>.secondary{margin-top:8px}.muted{color:var(--muted);font-size:13px;font-weight:400}.tiny{font-size:12px;line-height:1.5}.message{color:#18794e;font-size:13px;min-height:16px}.heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.heading p{margin:0}h2{font-size:20px;margin:0 0 6px}.item{border-top:1px solid var(--line);padding:12px 0;display:flex;gap:8px;align-items:center}.item:first-child{border-top:0}.itemname{flex:1;overflow-wrap:anywhere}.inactive{opacity:.5}.actions{display:flex;gap:5px}.actions button{font-size:11px;padding:7px}.tx{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:10px;justify-content:space-between}.txname{font-weight:700;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.txright{text-align:right;min-width:105px}.money{font-weight:800;white-space:nowrap}.income{color:#18794e}.expense{color:#a12a3a}.txactions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;margin-top:7px}.txactions button{font-size:11px;padding:6px}footer{max-width:650px;margin:auto;padding:0 18px calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;color:var(--muted);font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:18px 0} @media(min-width:600px){.panel{padding:22px}}