:root{--bg:#f7fafc;--card:#ffffff;--muted:#6b7280;--accent:#0b79f7;--green:#0b8a3e;--danger:#e65c5c}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:24px;background:var(--bg);color:#0f172a}.container{max-width:980px;margin:0 auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}.grid label{font-weight:600;font-size:13px;color:var(--muted)}.grid input{padding:10px 12px;border:1px solid #e6eef8;border-radius:8px;background:#fff;width:100%;box-shadow:0 1px 2px #0c22380a;font-size:16px;-webkit-text-size-adjust:100%}.controls{background:var(--card);padding:14px;border-radius:10px;box-shadow:0 6px 20px #0c22380a;border:1px solid rgba(11,79,150,.04)}.results{margin-top:18px;padding:14px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 6px 18px #0c22380a;border:1px solid rgba(11,79,150,.04)}.row{margin:8px 0;color:#0f172a}.container h1{margin-bottom:12px;font-size:28px}.sub{color:var(--muted);font-size:13px;margin-bottom:8px}.chart{width:100%;max-width:100%;border-radius:8px;background:#fff}.legend rect{fill:var(--card);stroke:#eee}.tooltip-card{background:#fff;border:1px solid #e6eef8;padding:10px;border-radius:8px;box-shadow:0 8px 24px #0c22381f;font-size:13px}.controls{display:flex;flex-direction:column;gap:8px}.section{background:linear-gradient(180deg,#fff,#fbfdff);padding:10px 12px;border-radius:8px;border:1px solid rgba(11,79,150,.03)}.section-title{font-weight:700;color:#0f172a;margin-bottom:8px}.row-inline{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.section .row-inline:last-child{margin-bottom:0}.field{flex:1 1 180px;display:flex;flex-direction:column}.field label{margin-bottom:6px;font-size:13px;color:var(--muted)}.field input{padding:8px 10px;border-radius:7px;border:1px solid #e6eef8;font-size:16px;-webkit-text-size-adjust:100%}@media (max-width: 720px){.grid{grid-template-columns:1fr}.legend{transform:translateY(8px)}}.muted{color:var(--muted);font-size:13px}.big{font-weight:700}.results{margin-top:18px}.results-grid{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.result-group{flex:1 1 280px;background:linear-gradient(180deg,#fff,#fbfdff);padding:12px;border-radius:8px;border:1px solid rgba(11,79,150,.03);box-shadow:0 6px 16px #0c22380a}.result-group .result-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.result-group .result-item:last-child{border-bottom:none}.result-key{color:var(--muted);font-size:13px}.result-value{font-weight:700}.result-note{font-size:13px;color:var(--muted);margin-top:8px}.result-total-value{font-size:1.25rem;font-weight:700}.muted-key{color:#666;font-size:13px}.result-value-small{font-size:13px;color:#222;font-weight:600}.result-item-header{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.result-item-header .result-total-value{font-size:1.5rem;font-weight:800;color:#0f172a}.result-item-header .header-label{color:var(--muted);font-size:13px;margin-top:6px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.results-meta{color:var(--muted);font-size:13px}.inputs-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0}.inputs-header h2{margin:0}.inputs-header .sub{margin:0;color:var(--muted);font-size:13px}