body { font-family: 'Nunito', sans-serif; }
  .font-heading { font-family: 'Poppins', sans-serif; }

  .section-bg {
    background: linear-gradient(180deg, #9ed4fb 0%, #cfe9fc 45%, #ffffff 100%);
  }

  .form-card {
    border-radius: 34px;
    box-shadow: 0 25px 45px -20px rgba(20, 60, 110, 0.35);
  }

  input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
  }


  .form-card, .progress-card {
    border-radius: 28px;
    box-shadow: 0 20px 40px -20px rgba(20, 60, 110, 0.3);
  }

  .stats-panel {
    background: #dcecfb;
    border-radius: 18px;;
  }

  .progress-track {
    height: 10px;
    border-radius: 999px;
    background: #dcecdd;
  }
  .progress-fill {
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #4caf50, #66bb6a);
    transition: width .5s ease;
  }

  .timeline-card {
    background: #e3f8e6;
    border-radius: 26px;
  }

  .completed-pill {
    background: #7ec98c;
    border-radius: 999px;
  }

  .check-badge {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #4caf50;
    display: flex; align-items: center; justify-content: center;
  }

  .footer-divider {
    height: 1px;
    background: #a9d8b0;
  }


  .card-green   { background: #e3f8e6; }
  .card-cyan    { background: #e4fbfc; }
  .card-gray    { background: #eeeef0; }

  .pill-completed { background: #7ec98c; }
  .pill-upcoming-cyan { background: #a9e6ec; }
  .pill-upcoming-gray { background: #c9cdd3; }

  .check-badge {
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #4caf50;
    display: flex; align-items: center; justify-content: center;
  }

  .clock-badge {
    width: 20px; height: 20px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
  }

  .divider-green { height: 1px; background: #a9d8b0; }
  .divider-cyan  { height: 1px; background: #a6dde3; }
  .divider-gray  { height: 1px; background: #c7cbd1; }