body { margin: 0; min-height: 100vh; background-color: #fdfdfd; overflow-x: hidden; }
    .sidebar {
      position: fixed; top: 0; left: 0; height: 100vh; width: 20%;
      overflow-y: auto; padding: 1rem; background-color: #f8f9fa; border-right: 1px solid #ddd;
    }
    .sidebar .nav-link { color: #333; }
    .sidebar .nav-link.active { background-color: #0d6efd; color: #fff; border-radius: 0.375rem; }
    .sidebar .nav-link:hover { background-color: #e9ecef; border-radius: 0.375rem; }
    main.content { background-color: #e3f5fb9c; margin-left: 200px; padding: 2rem; min-height: 100vh; }
    aside { display: block; }
    @media (max-width: 992px) {
    .sidebar { position: relative; width: 100%; height: auto; border-right: none; border-bottom: 1px solid #ddd; }
    main.content { margin-left: 200px; width: 80%; }
    }
    .colored-label { border:2px solid #58c475; border-radius:6px; padding:0.25rem 0.5rem; display:flex; align-items:center; height:100%; box-sizing:border-box; }
    .colored-field { border:2px solid #58c475; border-radius:6px; padding:0.25rem 0.5rem; box-sizing:border-box; }
    .modal-content { text-align: center; }
.card {
  background-color: rgba(255, 255, 255, 0.03);
  border: 2px solid rgba(31, 30, 30, 0.3);
  border-radius: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transform: scale(1.01);
}

.btn-sm { padding: 0.25rem 0.6rem; font-size: 0.8rem; }
.details-table {
    table-layout: fixed;
    width: 100%;
}

.details-table th {
    width: 25%;
    background-color: #f8f9fa;
    vertical-align: top;
}

.details-table td {
    width: 75%;
    vertical-align: top;
}
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ccc; padding: 6px 8px; font-size: 14px; }
th { background-color: #f8f9fa; }