@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

#hwl-info#hwl-info {
  --hwl-primary:#2F7653 !important;
  --hwl-secondary:#D68A3A !important;
  --hwl-accent:#8F5DA8 !important;
  --hwl-ink:#17241D !important;
  --hwl-text:#607067 !important;
  --hwl-bg:#F4F8F1 !important;
  --hwl-surface:#FFFFFF !important;
  --hwl-border:rgba(47,118,83,.17) !important;
  --hwl-focus:rgba(47,118,83,.16) !important;
  --hwl-gradient:linear-gradient(135deg,#2F7653,#D68A3A) !important;
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  padding:24px !important;
  margin:0 !important;
  overflow-x:hidden !important;
  color:var(--hwl-ink) !important;
  background:transparent !important;
  font-family:Inter,Arial,sans-serif !important;
  line-height:1.5 !important;
}

#hwl-info#hwl-info,
#hwl-info#hwl-info * {
  box-sizing:border-box !important;
}

#hwl-info#hwl-info .hwl-tool {
  position:relative !important;
  width:100% !important;
  max-width:1080px !important;
  margin:0 auto !important;
  padding:34px !important;
  overflow:hidden !important;
  background:var(--hwl-surface) !important;
  border:1px solid var(--hwl-border) !important;
  border-radius:21px !important;
  box-shadow:0 20px 48px rgba(23,36,29,.08),0 4px 14px rgba(47,118,83,.05) !important;
}

#hwl-info#hwl-info .hwl-tool::before {
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:5px !important;
  background:var(--hwl-gradient) !important;
}

#hwl-info#hwl-info .hwl-tool::after {
  content:"" !important;
  position:absolute !important;
  top:20px !important;
  right:22px !important;
  width:44px !important;
  height:44px !important;
  border:2px solid rgba(214,138,58,.18) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}

#hwl-info#hwl-info .hwl-head {
  position:relative !important;
  max-width:820px !important;
  margin:0 0 28px !important;
  padding-right:42px !important;
}

#hwl-info#hwl-info .hwl-eyebrow {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 9px !important;
  color:var(--hwl-primary) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#hwl-info#hwl-info .hwl-title {
  margin:0 !important;
  color:var(--hwl-primary) !important;
  background:var(--hwl-gradient) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  font-size:clamp(26px,4vw,42px) !important;
  line-height:1.13 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
}

#hwl-info#hwl-info .hwl-subtitle {
  max-width:690px !important;
  margin:12px 0 0 !important;
  color:var(--hwl-text) !important;
  font-size:16px !important;
}

#hwl-info#hwl-info .hwl-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) !important;
  gap:24px !important;
  align-items:stretch !important;
}

#hwl-info#hwl-info .hwl-controls,
#hwl-info#hwl-info .hwl-result {
  min-width:0 !important;
  padding:24px !important;
  border:1px solid var(--hwl-border) !important;
  border-radius:17px !important;
}

#hwl-info#hwl-info .hwl-controls {
  background:var(--hwl-bg) !important;
}

#hwl-info#hwl-info .hwl-fieldset {
  min-width:0 !important;
  margin:0 0 22px !important;
  padding:0 !important;
  border:0 !important;
}

#hwl-info#hwl-info .hwl-label {
  display:block !important;
  margin:0 0 7px !important;
  color:var(--hwl-ink) !important;
  font-size:13px !important;
  font-weight:700 !important;
}

#hwl-info#hwl-info .hwl-mode {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  padding:5px !important;
  background:#EAF1E7 !important;
  border:1px solid var(--hwl-border) !important;
  border-radius:13px !important;
}

#hwl-info#hwl-info .hwl-mode-btn {
  min-height:46px !important;
  padding:9px 12px !important;
  color:var(--hwl-text) !important;
  background:transparent !important;
  border:2px solid transparent !important;
  border-radius:9px !important;
  box-shadow:none !important;
  font:600 13px/1.3 Inter,Arial,sans-serif !important;
  cursor:pointer !important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease !important;
}

#hwl-info#hwl-info .hwl-mode-btn i {
  margin-right:5px !important;
}

#hwl-info#hwl-info .hwl-mode-btn.hwl-mode-active {
  color:var(--hwl-primary) !important;
  background:#fff !important;
  border-color:var(--hwl-primary) !important;
  box-shadow:0 3px 9px rgba(47,118,83,.09) !important;
}

#hwl-info#hwl-info .hwl-fields {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:17px !important;
}

#hwl-info#hwl-info .hwl-field {
  min-width:0 !important;
}

#hwl-info#hwl-info .hwl-compare-field {
  grid-column:1/-1 !important;
}

#hwl-info#hwl-info .hwl-input,
#hwl-info#hwl-info .hwl-select,
#hwl-info#hwl-info .hwl-month {
  width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:10px 12px !important;
  color:var(--hwl-ink) !important;
  background:#fff !important;
  border:1px solid rgba(47,118,83,.24) !important;
  border-radius:10px !important;
  box-shadow:none !important;
  font:500 15px/1.3 Inter,Arial,sans-serif !important;
}

#hwl-info#hwl-info .hwl-month {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:var(--hwl-primary) !important;
  background:#F8FBF6 !important;
}

#hwl-info#hwl-info .hwl-input[aria-invalid="true"],
#hwl-info#hwl-info .hwl-select[aria-invalid="true"] {
  border-color:#B23A3A !important;
  box-shadow:0 0 0 3px rgba(178,58,58,.12) !important;
}

#hwl-info#hwl-info .hwl-field-message {
  display:block !important;
  min-height:17px !important;
  margin:4px 0 0 !important;
  color:#9B3030 !important;
  font-size:12px !important;
}

#hwl-info#hwl-info .hwl-today {
  margin-top:7px !important;
}

#hwl-info#hwl-info .hwl-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:21px !important;
}

#hwl-info#hwl-info .hwl-btn {
  display:inline-flex !important;
  min-height:44px !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  font:700 14px/1.2 Inter,Arial,sans-serif !important;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

#hwl-info#hwl-info .hwl-btn-primary {
  flex:1 1 210px !important;
  color:#fff !important;
  background:var(--hwl-gradient) !important;
  border:1px solid transparent !important;
  box-shadow:0 7px 16px rgba(47,118,83,.16) !important;
}

#hwl-info#hwl-info .hwl-btn-primary:hover {
  transform:translateY(-2px) !important;
  background:linear-gradient(135deg,#285F46,#BE7430) !important;
  box-shadow:0 10px 20px rgba(47,118,83,.22) !important;
}

#hwl-info#hwl-info .hwl-btn-secondary,
#hwl-info#hwl-info .hwl-btn-subtle {
  color:var(--hwl-primary) !important;
  background:#fff !important;
  border:1px solid var(--hwl-border) !important;
  box-shadow:none !important;
}

#hwl-info#hwl-info .hwl-btn-secondary:hover,
#hwl-info#hwl-info .hwl-btn-subtle:hover {
  background:#EFF6EC !important;
  border-color:var(--hwl-primary) !important;
}

#hwl-info#hwl-info .hwl-btn:hover i {
  transform:translateX(1px) !important;
}

#hwl-info#hwl-info .hwl-btn:disabled {
  opacity:.55 !important;
  cursor:not-allowed !important;
}

#hwl-info#hwl-info .hwl-btn:focus-visible,
#hwl-info#hwl-info .hwl-mode-btn:focus-visible,
#hwl-info#hwl-info .hwl-input:focus-visible,
#hwl-info#hwl-info .hwl-select:focus-visible {
  outline:3px solid var(--hwl-focus) !important;
  outline-offset:2px !important;
  border-color:var(--hwl-primary) !important;
}

#hwl-info#hwl-info .hwl-result {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease !important;
}

#hwl-info#hwl-info .hwl-result-accent {
  width:62px !important;
  height:5px !important;
  margin:0 0 18px !important;
  background:var(--hwl-gradient) !important;
  border-radius:20px !important;
}

#hwl-info#hwl-info .hwl-result-top {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

#hwl-info#hwl-info .hwl-status {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:6px 10px !important;
  color:var(--hwl-primary) !important;
  background:#EEF6EA !important;
  border:1px solid var(--hwl-border) !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

#hwl-info#hwl-info .hwl-result-icon {
  color:var(--hwl-secondary) !important;
  font-size:22px !important;
}

#hwl-info#hwl-info .hwl-result-title {
  margin:18px 0 8px !important;
  color:var(--hwl-ink) !important;
  font-size:clamp(21px,3vw,29px) !important;
  line-height:1.25 !important;
  letter-spacing:-.02em !important;
}

#hwl-info#hwl-info .hwl-duration {
  margin:0 !important;
  color:var(--hwl-text) !important;
  font-size:14px !important;
}

#hwl-info#hwl-info .hwl-metrics {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
  margin:22px 0 !important;
}

#hwl-info#hwl-info .hwl-metric {
  min-width:0 !important;
  padding:13px 9px !important;
  text-align:center !important;
  background:var(--hwl-bg) !important;
  border:1px solid var(--hwl-border) !important;
  border-radius:11px !important;
}

#hwl-info#hwl-info .hwl-metric strong {
  display:block !important;
  color:var(--hwl-primary) !important;
  font-size:22px !important;
  line-height:1.15 !important;
}

#hwl-info#hwl-info .hwl-metric span {
  display:block !important;
  margin-top:4px !important;
  color:var(--hwl-text) !important;
  font-size:10px !important;
  line-height:1.25 !important;
}

#hwl-info#hwl-info .hwl-date-range {
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:10px !important;
  align-items:center !important;
  padding:14px !important;
  background:#FCFDFB !important;
  border:1px dashed rgba(47,118,83,.28) !important;
  border-radius:11px !important;
}

#hwl-info#hwl-info .hwl-date-range div {
  min-width:0 !important;
}

#hwl-info#hwl-info .hwl-date-range span {
  display:block !important;
  color:var(--hwl-text) !important;
  font-size:11px !important;
}

#hwl-info#hwl-info .hwl-date-range strong {
  display:block !important;
  margin-top:2px !important;
  overflow-wrap:anywhere !important;
  color:var(--hwl-ink) !important;
  font-size:13px !important;
}

#hwl-info#hwl-info .hwl-date-range i {
  color:var(--hwl-accent) !important;
}

#hwl-info#hwl-info .hwl-copy {
  align-self:flex-start !important;
  margin-top:17px !important;
}

#hwl-info#hwl-info .hwl-live {
  min-height:20px !important;
  margin-top:9px !important;
  color:var(--hwl-primary) !important;
  font-size:12px !important;
}

#hwl-info#hwl-info .hwl-result.hwl-result-muted {
  opacity:.62 !important;
}

#hwl-info#hwl-info .hwl-result.hwl-result-refreshed {
  transform:translateY(-1px) !important;
  box-shadow:0 0 0 4px var(--hwl-focus) !important;
}

#hwl-info#hwl-info .hwl-noscript {
  max-width:1080px !important;
  margin:12px auto 0 !important;
  padding:14px !important;
  color:#7A2929 !important;
  background:#FFF4F4 !important;
  border:1px solid rgba(178,58,58,.25) !important;
  border-radius:10px !important;
  font-size:14px !important;
}

#hwl-info#hwl-info .hwl-hidden {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width:800px) {
  #hwl-info#hwl-info .hwl-tool {
    padding:27px !important;
  }

  #hwl-info#hwl-info .hwl-grid {
    grid-template-columns:1fr !important;
  }

  #hwl-info#hwl-info .hwl-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:520px) {
  #hwl-info#hwl-info {
    padding:12px !important;
  }

  #hwl-info#hwl-info .hwl-tool {
    padding:22px 15px !important;
    border-radius:18px !important;
  }

  #hwl-info#hwl-info .hwl-head {
    padding-right:20px !important;
  }

  #hwl-info#hwl-info .hwl-controls,
  #hwl-info#hwl-info .hwl-result {
    padding:17px !important;
  }

  #hwl-info#hwl-info .hwl-mode,
  #hwl-info#hwl-info .hwl-fields {
    grid-template-columns:1fr !important;
  }

  #hwl-info#hwl-info .hwl-compare-field {
    grid-column:auto !important;
  }

  #hwl-info#hwl-info .hwl-actions,
  #hwl-info#hwl-info .hwl-actions .hwl-btn {
    width:100% !important;
  }

  #hwl-info#hwl-info .hwl-date-range {
    grid-template-columns:1fr !important;
  }

  #hwl-info#hwl-info .hwl-date-range i {
    transform:rotate(90deg) !important;
  }

  #hwl-info#hwl-info .hwl-copy {
    width:100% !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  #hwl-info#hwl-info .hwl-btn,
  #hwl-info#hwl-info .hwl-mode-btn,
  #hwl-info#hwl-info .hwl-result {
    transition:none !important;
  }

  #hwl-info#hwl-info .hwl-btn-primary:hover,
  #hwl-info#hwl-info .hwl-result.hwl-result-refreshed {
    transform:none !important;
  }
}