/* css styles */
.hero {
  padding: 1rem;
  text-align: center;
  background: dar;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  margin-bottom: 2rem;
  
}

.grid .g-col-4 {
  padding: 1rem;
  text-align: center;
  background: dar;
  border: 1px solid #e5e5e5;
  border-radius: 8px;  
}

.grid .g-col-8 {
  padding: 1rem;
  text-align: center;
  background: dar;  
  border-radius: 8px; 
}

.grid .g-col-3 {
  padding: 1rem;
  text-align: center;
  background: dar;
  border-radius: 8px
}

.quarto-dashboard .bslib-value-box .value-box-value {
    font-size: 4rem;
    font-weight: 700;
}

/* Responsive Design */
@media (max-width: 600px) {
    .form-sections {
        flex-direction: column;
    }

    .container-search,
    .container-add-product,
    .container-edit-product {
        width: 100%;
        margin-bottom: 20px;
    }
}