:root{font-family:Segoe UI,Arial,sans-serif;color:#17352b;background:#f3f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{background:#fff;border-bottom:1px solid #dbe7e1}.bar,main{max-width:1150px;margin:auto}.bar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px}.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:#6b827a;margin-top:2px}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0b6b50;color:#fff;font-weight:700}.secondary,.text-button{border:1px solid #cbdcd5;background:#fff;color:#17352b;border-radius:11px;padding:10px 14px;font-weight:600;cursor:pointer}.text-button{color:#0b6b50}main{padding:36px 28px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.intro span{color:#0b6b50;font-size:14px;font-weight:600}.intro h1{margin:6px 0 0;font-size:30px}.panel{display:grid;grid-template-columns:1fr 160px auto;gap:15px;align-items:end;padding:20px;margin-bottom:20px;background:#e7f3ee;border:1px solid #bcd7cd;border-radius:16px}.panel label{font-size:13px;font-weight:600}.panel input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #bcd0c8;border-radius:10px;background:#fff}.panel button,.due-card button{border:0;border-radius:11px;background:#0b6b50;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}.panel .hint{grid-column:1/-1;margin:0;color:#587169;font-size:12px}.form-grid{grid-template-columns:repeat(4,1fr)}.form-grid button{grid-column:4}.hidden{display:none}.stats{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:16px}.stats article,.table-card,.due-card,.mail-card{background:#fff;border:1px solid #dbe7e1;border-radius:17px;padding:24px;box-shadow:0 2px 4px #123f3308}.stats small,.due-card small{color:#6b827a}.stats strong,.due-card strong{display:block;font-size:25px;margin-top:12px}.stats p,.due-card p,.mail-card p,.card-head p{color:#6b827a;font-size:14px}.stats .balance{background:#123f33;color:#fff;border:0}.balance strong{font-size:38px}.balance small,.balance .progress-row{color:#b8d4ca}.progress-row{display:flex;justify-content:space-between;font-size:12px;margin:28px 0 8px}.track{height:8px;background:#ffffff28;border-radius:10px;overflow:hidden}.track i{display:block;height:100%;background:#72d9ae;border-radius:10px}.content{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:22px}.card-head{padding-bottom:18px;border-bottom:1px solid #e5ede9}.card-head h2{margin:0;font-size:17px}.card-head p{margin:5px 0 0}.installment{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf2ef}.installment:last-child{border:0}.installment .round{background:#eef3f1;color:#71857e}.installment.paid .round{background:#def3e9;color:#08734e}.round{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.installment b{font-size:14px}.installment small{display:block;color:#7a8e87;margin-top:3px}.right{text-align:right}.right span{display:block;font-size:12px;color:#7a8e87}.right .green{color:#08734e}.content aside{display:grid;gap:18px}.due-card{background:#fffbf1;border-color:#eed69c}.due-card.done{background:#eff9f4;border-color:#b9dfcf}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-row .round{background:#ffe9b8;color:#9b6100}.status-row em{font-style:normal;font-size:11px;font-weight:700;background:#ffe9b8;color:#8a5900;padding:5px 9px;border-radius:20px}.done .status-row em,.done .status-row .round{background:#d5f0e3;color:#08734e}.due-card button{width:100%;margin-top:15px}.due-card button:disabled{background:#91b5a7}.mail-card{padding:20px}#toast{position:fixed;right:22px;bottom:22px;background:#17352b;color:white;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:800px){main,.bar{padding-left:18px;padding-right:18px}.intro{align-items:start;gap:15px}.intro h1{font-size:24px}.stats,.content{grid-template-columns:1fr}.panel,.form-grid{grid-template-columns:1fr}.form-grid button{grid-column:auto}.balance strong{font-size:32px}}