*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans SC",sans-serif;background:#f7faf9;color:#263238}
.header{background:#e6f3f2;padding:16px 0;text-align:center}
.header h1{margin:0;font-size:22px;font-weight:700}
.subtitle{margin:6px 0 0;color:#5c6b70;font-size:13px}
#last-update{margin-top:6px;color:#819097;font-size:12px}

.main-grid{max-width:1200px;margin:18px auto;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:0 12px}
.card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.panel h2{margin:0 0 12px;font-size:18px;border-left:4px solid #1aa6a0;padding-left:8px}
.section-title{margin:22px 0 8px;font-size:16px;color:#1b5250}

.field{margin-bottom:14px}
.field label{display:block;margin-bottom:6px;color:#314247;font-weight:600}
.input-row{display:flex;gap:10px;align-items:center}
.input-row input[type=range]{flex:1}
.input-row input[type=number]{width:90px;padding:6px 8px;border:1px solid #d9e1e0;border-radius:8px}
select{width:100%;padding:8px;border:1px solid #d9e1e0;border-radius:8px;background:#fff}

.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.kpi{background:#eef9f8;border-radius:10px;padding:12px;text-align:center}
.kpi-title{font-size:12px;color:#5c6b70;margin-bottom:4px}
.kpi-value{font-size:20px;color:#0f7469;font-weight:700}

.suggestion{margin:10px 0 4px;background:#dff4eb;border:1px solid #b6e3d0;color:#0e7b63;border-radius:10px;padding:10px 12px;font-weight:700;text-align:center}

.cost-details-card{background:#f9fefc;border-radius:12px;padding:14px;margin-top:10px;border:1px solid #e8f2ef}
.cost-row{display:flex;justify-content:space-between;align-items:center;padding:10px 6px;border-bottom:1px solid #eef2f0}
.cost-row:last-child{border-bottom:none}
.cif-summary{background:#ecfbf0;border-radius:8px}
.final-cost{background:#4e879c;color:#fff;border-radius:10px;margin-top:10px;font-size:18px;font-weight:800}

@media (max-width:1024px){.main-grid{grid-template-columns:1fr}}