:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182238;background:#f5f7fb;font-size:16px}*{box-sizing:border-box}body{margin:0}#app{max-width:720px;margin:auto;padding:18px 16px 100px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header small{letter-spacing:2px;color:#64748b;font-size:10px}h1{margin:4px 0;font-size:26px}h2{font-size:19px;margin:0 0 14px}.panel,.item{background:white;border:1px solid #e5eaf1;border-radius:18px;padding:20px;margin-bottom:14px;box-shadow:0 2px 8px #14213d08}.summary{background:#172b4d;color:white}.summary small{color:#bdcbe0}.summary strong{font-size:36px;display:block;margin:10px 0 18px;overflow-wrap:anywhere}.metrics{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#d1d9e5}.metrics b{display:block;font-size:15px;color:white;margin-top:5px}.progress{height:8px;background:#415474;border-radius:8px;margin-top:18px;overflow:hidden}.progress i{display:block;background:#3dd8a3;height:100%;width:0}.sectionhead,.itemtop,.line,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionhead{margin:24px 0 12px}.sectionhead h2{margin:0}.item{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.itemtop{font-weight:700}.item small{color:#64748b}.item .balance{font-size:23px;font-weight:700;margin:8px 0}.bar{height:6px;border-radius:5px;background:#e7edf5;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:#13a879}.hidden{display:none!important}button{border:0;border-radius:11px;background:#2563eb;color:white;font-weight:650;font-size:14px;padding:12px 15px;cursor:pointer;min-height:42px}button:disabled{opacity:.5;cursor:wait}button.outline{background:white;color:#334155;border:1px solid #cbd5e1}.danger{color:#c62828!important}label{display:block;font-weight:600;font-size:14px;margin-bottom:14px}input,select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin-top:7px;background:white;color:#172238;min-height:45px}.hint{color:#64748b;font-size:13px;line-height:1.6}.row{padding:15px 0;border-top:1px solid #e6eaf0}.row:first-child{border-top:0}.muted{color:#64748b;font-size:13px}.pill{font-size:12px;padding:4px 9px;border-radius:20px;background:#f0f3f8;color:#475569}.pill.done{background:#dcfce7;color:#166534}.pill.partial{background:#fef3c7;color:#92400e}.paylist{margin:8px 0 0;padding:0;list-style:none}.paylist li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin:8px 0;flex-wrap:wrap}.paylist a{color:#2563eb}.mini{font-size:12px;padding:7px 10px;min-height:32px}dialog{width:calc(100% - 28px);max-width:500px;border:0;border-radius:20px;padding:22px;box-shadow:0 15px 60px #0003}dialog::backdrop{background:#0f172a99}.dialogform h2{margin-bottom:20px}.actions{margin-top:20px}.actions button{flex:1}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1e293b;color:white;border-radius:12px;padding:12px 18px;max-width:90%;display:none;box-shadow:0 8px 25px #0003;z-index:9}#message.show{display:block}.detailhead{margin-top:14px}.detailhead .balance{font-size:29px;font-weight:750;margin:12px 0}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tools button{flex:1}a{color:#2563eb}button:focus-visible,input:focus-visible{outline:3px solid #93c5fd}