.container{max-width:min(90%, 600px);margin:clamp(1rem, 4vw, 2rem) auto;padding:clamp(1rem, 3vw, 2rem);font-family:Arial,sans-serif;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / 29%)}h2{color:#2d3748;margin-bottom:1.5rem}.input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.input-wrapper{display:flex;flex-direction:column}.container h2{padding-bottom:15px;text-align:center;border-bottom:2px solid #22263b}label{font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}input[type="date"]{padding:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;width:100%}.results{display:none;margin-top:1.5rem}.results.active{display:block}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.result-label{color:#4a5568}.result-value{font-weight:500}