.card-login {
      padding: 150px 0 0 0;
      width: 350px;
      margin: 0 auto;
    }
    .enter-button {
      background-color: #262626;
      color: white;
      border: none;
      font-size: 16px;
      padding: 10px 20px;
      border-radius: 30px;
      display: block;
      text-align: center;
      font-weight: bold;
      width: 100%;
    }
    .enter-button:hover {
      background-color: #000000;
    }
    .error-alert {
      border-left: 4px solid #dc3545;
      animation: fadeIn 0.5s;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
.error-icon {
      font-size: 1.5rem;
      margin-right: 10px;
      color: #dc3545;
    }

/* Dashboard admin */
.adm-dashboard-row { display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 768px) {
    .adm-dashboard-row { flex-direction: row; align-items: stretch; }
}
.adm-col-stack { display: flex; flex-direction: column; gap: 12px; flex: 0 0 100%; }
@media (min-width: 768px) { .adm-col-stack { flex: 0 0 32%; max-width: 32%; } }
@media (min-width: 992px) { .adm-col-stack { flex: 0 0 28%; max-width: 28%; } }
.adm-col-wide { flex: 1 1 auto; }

.adm-card-centered { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; padding-top: 8px; }
.adm-card-header {
    display: flex; align-items: center; gap: 10px;
    background: #f5f7fb; border-radius: 10px; padding: 8px 12px; width: 100%;
    font-weight: 700; color: #3a3d46; letter-spacing: 0.02em;
}
.adm-icon {
    width: 32px; height: 32px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.12);
    font-size: 16px;
}
.adm-icon-users { background: linear-gradient(135deg, #1f8f3a, #4ac76d); }
.adm-icon-grade { background: linear-gradient(135deg, #2457a6, #5b8ce0); }
.adm-icon-cargos { background: linear-gradient(135deg, #b07300, #f0b400); color: #fff; }
.adm-icon-geo { background: linear-gradient(135deg, #2c7a7b, #4cb7ae); color: #fff; }

.adm-bar-row { display: flex; align-items: center; margin-bottom: 12px; cursor: pointer; }
.adm-bar-code { flex: 0 0 90px; font-family: monospace; font-weight: 700; white-space: nowrap; }
.adm-bar-track { flex: 1; background: rgba(0,0,0,0.06); border-radius: 999px; height: 12px; position: relative; overflow: hidden; }
.adm-bar-fill { background: linear-gradient(90deg, #f0b400, #ffcf4a); height: 12px; border-radius: 999px; position: absolute; left: 0; top: 0; }
.adm-bar-value { width: 54px; text-align: right; font-size: 1rem; color: #4a4a4a; font-weight: 700; margin-left: 10px; }
.adm-bars-body { display: flex; flex-direction: column; height: 100%; }
.adm-bars-list { flex: 1 1 auto; max-height: 100%; overflow: auto; }
.adm-table-wrap { background: #fff; border-radius: 12px; }
.adm-map-wrapper { position: relative; width: 100%; height: 420px; }
.adm-map-legend { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; font-size: 0.9rem; }
.adm-map-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.adm-map-legend-swatch { width: 18px; height: 18px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.12); }