body {
    
      background: #f8f9fa;
      font-family: 'Segoe UI', sans-serif;
    }
    .container{
        margin-top: 100px;
    }

    .card {
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .form-control:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
    }

    #scheduledList .card {
      margin-bottom: 10px;
    }

    .badge-datetime {
      font-size: 0.9rem;
      background: #e9ecef;
      color: #0d6efd;
      padding: 5px 10px;
      border-radius: 5px;
    }

    .small-note {
      font-size: 0.85rem;
      color: #888;
    }