.allotment-card{
      max-width: 750px;
      margin: 50px auto;
      border: none;
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      background: #fff;
    }

    .card-header-custom{
      /*background: linear-gradient(135deg, #0d6efd, #4f46e5);*/
      background: #0d6efd;
      color: white;
      padding: 8px;
    }

    .card-header-custom h3{
      margin: 0;
      font-weight: 700;
    }

    .card-body{
      padding: 35px;
    }

    .form-label{
      font-weight: 600;
      color: #374151;
    }

    .form-select{
      height: 48px;
      border-radius: 12px;
    }

    .menu-box{
      background: #f8fafc;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      padding: 25px;
      margin-top: 20px;
    }

    .menu-item{
      background: white;
      border-radius: 12px;
      padding: 11px 15px;
      margin-bottom: 12px;
      border: 1px solid #e5e7eb;
      transition: 0.3s;
    }

    .menu-item:hover{
      border-color: #0d6efd;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(13,110,253,0.1);
    }

    .form-check-input{
      width: 20px;
      height: 20px;
      cursor: pointer;
    }

    .save-btn{
      height: 50px;
      border-radius: 14px;
      font-size: 17px;
      font-weight: 600;
      background: linear-gradient(135deg, #0d6efd, #4f46e5);
      border: none;
      transition: 0.3s;
    }

    .save-btn:hover{
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(79,70,229,0.3);
    }

    .menu-title{
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 18px;
      color: #1f2937;
    }