:root{--ink:#243d35;--green:#24765c;--muted:#7c8780;--paper:#f6f7f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86c6aa;outline-offset:3px}.app{max-width:1040px;margin:auto;padding:32px 24px 100px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{font-size:21px;font-weight:800}.badge{font-size:12px;background:#e1eee4;padding:8px 12px;border-radius:30px}h1{font-size:30px;letter-spacing:-1px;margin:8px 0 20px}h2{font-size:18px;margin:0 0 20px}.sub{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.card{background:white;border:1px solid #e5e9df;border-radius:22px;padding:25px;margin-bottom:20px}.hero{background:var(--ink);color:white}.hero .sub{color:#b6c9c0}.money{font-size:40px;font-weight:750;letter-spacing:-1.5px;margin:16px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.line{padding:16px 0;border-bottom:1px solid #edf0e8}.line:last-child{border:0}.title{font-weight:650;margin-bottom:5px}.pill{font-size:11px;border-radius:6px;padding:4px 6px;background:#edf3eb;color:#54715c}.primary{border:0;background:var(--green);color:white;padding:12px 18px;border-radius:12px}.secondary{border:1px solid #dfe5da;background:white;color:var(--ink);padding:10px 14px;border-radius:10px}.bar{height:8px;border-radius:5px;background:#edf0e8;margin-top:10px;overflow:hidden}.bar span{height:100%;display:block;background:#78a690}.nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;padding:7px;background:white;border:1px solid #e0e6da;border-radius:18px;box-shadow:0 8px 35px #20382918;z-index:2}.nav button{background:none;border:0;padding:12px 18px;white-space:nowrap;color:#75827a}.nav button.active{background:#e6f0e8;color:var(--green);border-radius:12px;font-weight:700}input,select{width:100%;border:1px solid #dce3d7;border-radius:12px;padding:13px;background:white;color:var(--ink)}label{display:block;margin:16px 0 8px;font-size:13px}dialog{border:0;border-radius:24px;width:min(460px,92vw);padding:26px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#15372d66}.note{font-size:13px;line-height:1.8;background:#edf3eb;padding:14px;border-radius:12px}.notice{font-size:12px;color:var(--muted);margin-top:14px}.danger{background:none;border:0;color:#ad574c;padding:10px}.search{margin-bottom:20px}.empty{text-align:center;padding:30px;color:var(--muted)}.hide{display:none}@media(max-width:650px){.app{padding:24px 18px 100px}.grid{display:block}h1{font-size:27px}.card{padding:22px}.nav{bottom:12px}.nav button{padding:12px 14px}.money{font-size:36px}}
details.card>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px;gap:12px}details.card>summary::-webkit-details-marker{display:none}details.card>summary:after{content:'＋';color:var(--green)}details.card[open]>summary:after{content:'−'}details.card[open]>summary{margin-bottom:20px}.count{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.manage-list{max-height:360px;overflow:auto;margin-top:14px}.manage-filter{margin-top:14px}.category-branch{padding:12px 0;border-bottom:1px solid #edf0e8}.category-branch summary{cursor:pointer;font-weight:650}.category-branch .line{margin-left:18px;font-size:14px}.category-branch>summary{padding:8px 0}

@media(max-width:650px){.nav{width:calc(100% - 24px)}.nav button{flex:1;padding:12px 4px;font-size:13px}}