.page-hero .shell{position:relative}.asof{position:absolute;right:0;bottom:0;font-size:13px;font-weight:700}.asof input,.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:8px;font:500 16px var(--body)}.privacy{padding:14px 17px;background:#effbf9;border:1px solid #b9e5de;border-radius:11px;margin-bottom:20px;color:var(--muted)}.privacy b{color:var(--navy)}.summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);border-radius:15px;overflow:hidden;margin-bottom:20px}.summary div{padding:20px;border-right:1px solid #ffffff22}.summary span{display:block;color:#b8c6d6;font-size:13px}.summary b{display:block;color:#fff;font:600 24px var(--head);margin-top:5px}.summary div:first-child b{color:#4bd8c6}.planner-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.panel,.method{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.panel-head,.debt-top,.dialog-head{display:flex;justify-content:space-between;gap:15px}.panel-head{align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.panel h2,.method h3,.dialog-head h2{font:600 23px var(--head);color:var(--navy);margin:0}.panel-head p{margin:4px 0;color:var(--muted)}.primary{border:0;background:var(--teal);border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}.empty{display:flex;flex-direction:column;text-align:center;align-items:center;gap:9px;padding:45px;color:var(--muted)}.empty b{color:var(--navy)}.debt-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:14px}.debt-top h3{margin:0;color:var(--navy);font:600 19px var(--head)}.debt-top small,.balance span{color:var(--muted);font-size:12px}.balance{text-align:right}.balance b{display:block;color:var(--navy);font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.metric{background:#f4f7fa;padding:9px;border-radius:7px}.metric span{display:block;color:var(--muted);font-size:11px}.progress{height:7px;background:#e5ebf1;border-radius:7px;overflow:hidden}.progress i{display:block;background:var(--teal);height:100%}.actions{display:flex;gap:7px;margin-top:13px}.actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-weight:700}.danger{color:#a33131}.payments{margin-top:12px}.payment-row{display:grid;grid-template-columns:90px 1fr auto auto;gap:8px;padding:8px;border-top:1px solid var(--line);font-size:13px}.payment-row button{border:0;background:none;color:#a33131}.method{align-self:start}.method p{font-size:13px;color:var(--muted)}.method a{color:var(--teal-dark);font-weight:700}dialog{width:min(600px,calc(100% - 25px));border:0;border-radius:14px;padding:0}dialog::backdrop{background:#001b4477}dialog form{padding:23px}.dialog-head button{border:0;border-radius:50%;width:34px;height:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-grid label{font-size:13px;font-weight:700}.full{grid-column:1/-1}.buttons{display:flex;justify-content:end;gap:8px;margin-top:18px}.buttons button{padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-weight:700}@media(max-width:800px){.planner-grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.asof{position:static;display:block;margin-top:18px}}@media(max-width:550px){.summary{grid-template-columns:1fr}.panel-head,.debt-top{display:block}.metrics{grid-template-columns:1fr 1fr}.balance{text-align:left;margin-top:8px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}