*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;padding-bottom:90px}header{padding:52px 18px 18px;background:#111827;color:white;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;opacity:.65}h1{font-size:21px;margin:5px 0 0}.icon,.sheethead button{border:0;background:#ffffff18;color:inherit;border-radius:12px;padding:10px;font-size:18px}.tab{display:none;padding:16px}.tab.active{display:block}.hero{background:white;border-radius:20px;padding:20px;margin-bottom:14px;box-shadow:0 2px 12px #00000008}.hero span{color:#6b7280;font-size:13px}.hero strong{display:block;font-size:34px;margin:7px 0 16px}.budgetline{display:flex;justify-content:space-between;font-size:12px!important}.bar{height:9px;background:#e5e7eb;border-radius:9px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;width:0;background:#111827;border-radius:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:white;border-radius:17px;padding:16px;box-shadow:0 2px 12px #00000008}.card small{display:block;color:#6b7280;font-size:12px}.card b{display:block;font-size:20px;margin-top:6px}.sectionTitle,.pageTitle{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 10px}.sectionTitle h2,.pageTitle h2{font-size:20px;margin:0}.sectionTitle button{border:0;background:none;color:#2563eb}.row{background:white;border-radius:15px;padding:13px 15px;margin:8px 0;display:flex;justify-content:space-between;align-items:center}.row small{display:block;color:#6b7280;margin-top:3px}.amount{font-weight:700}.pill{font-size:11px;background:#eef2ff;border-radius:8px;padding:4px 7px;color:#374151}.primary{border:0;background:#111827;color:white;border-radius:12px;padding:11px 14px;font-weight:700}.wide{width:100%;padding:14px;margin-top:10px}.search{width:100%;border:0;border-radius:13px;padding:13px 15px;margin:3px 0 12px;font-size:16px}.big b{font-size:30px}.big p{color:#6b7280}.cat{margin:10px 0}.cathead{display:flex;justify-content:space-between;font-size:13px}.catbar{height:7px;background:#e5e7eb;border-radius:8px;margin-top:6px;overflow:hidden}.catbar i{display:block;height:100%;background:#374151}.formcard label,.sheet label{display:block;font-size:13px;color:#4b5563;margin:12px 0}.formcard input,.sheet input,.sheet select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d1d5db;border-radius:11px;font-size:16px;background:white}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.totalbox{background:#f3f4f6;border-radius:12px;padding:13px;display:flex;justify-content:space-between;margin-top:12px}nav{position:fixed;z-index:5;bottom:0;left:0;right:0;height:78px;background:#ffffffee;backdrop-filter:blur(15px);border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:none;color:#6b7280;font-size:20px;display:flex;flex-direction:column;gap:4px;align-items:center}nav span{font-size:10px}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:10;align-items:flex-end}.modal.open{display:flex}.sheet{background:#f8f9fb;border-radius:24px 24px 0 0;width:100%;padding:18px 18px 30px;max-height:92vh;overflow:auto}.sheethead{display:flex;justify-content:space-between;align-items:center}.sheethead h2{margin:0}.sheethead button{color:#111827;background:#e5e7eb}