.cvp{display:grid;gap:1.5rem;grid-template-columns:minmax(280px,400px) 1fr;max-width:1100px;margin:0 auto;font-family:var(--ui-font-sans)}@media (max-width:800px){.cvp{grid-template-columns:1fr}}.cvp__form{background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:1.25rem 1.25rem 1.5rem;box-shadow:var(--ui-shadow);display:grid;gap:.9rem;align-self:start}.cvp__form-title,.cvp__results-title{font-size:1.1rem;font-weight:800;margin:0 0 .5rem;color:var(--ui-text);letter-spacing:-.01em}.cvp__field{display:grid;gap:.3rem}.cvp__label{font-size:.85rem;font-weight:700;color:var(--ui-text)}.cvp__input{width:100%;padding:.55rem .7rem;border:1.5px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:#fff;font-family:inherit;font-size:1rem;font-feature-settings:"tnum" 1;color:var(--ui-text);transition:border-color .12s,box-shadow .12s}.cvp__input:focus{outline:0;border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-light)}.cvp__results{background:var(--ui-bg-elev,#f8fafc);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);padding:1.25rem 1.25rem 1.5rem;align-self:start}.cvp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.cvp__stat{background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.15rem}.cvp__stat--highlight{border-color:var(--ui-primary);background:var(--ui-primary-light)}.cvp__stat-label{font-size:.72rem;font-weight:700;color:var(--ui-text-sub);letter-spacing:.02em}.cvp__stat-value{font-size:1.2rem;font-weight:800;color:var(--ui-text);letter-spacing:-.02em;font-feature-settings:"tnum" 1;line-height:1.2}.cvp__stat-value--good{color:#16a34a}.cvp__stat-value--warn{color:#d97706}.cvp__stat-value--bad{color:#dc2626}.cvp__stat-sub{font-size:.7rem;color:var(--ui-text-sub);margin-top:.1rem}.cvp__formula-note{margin-top:1rem;padding:.7rem .9rem;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);font-size:.9rem;line-height:1.65;color:var(--ui-text)}@media (max-width:600px){.cvp__form,.cvp__results{padding:1rem}.cvp__stat-value{font-size:1.1rem}.cvp__grid{grid-template-columns:repeat(2,1fr)}}