body{background:#f6f7fb}
.thumb{display:inline-block;margin:.5rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;width:220px;cursor:pointer}
.thumb img{width:100%;height:auto;border-radius:.5rem}
.modal-zoom{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);align-items:center;justify-content:center;z-index:9999}
.modal-zoom img{max-width:90vw;max-height:90vh;border-radius:.5rem}

.navbar-brand {
  font-weight: 600;
  color: #007bff !important;
}

.card {
  border-radius: 0.75rem;
}

.progress-bar {
  background-color: #007bff;
  font-weight: 500;
}

.btn {
  border-radius: 0.5rem;
}

img {
  border-radius: 0.25rem;
}

/* modal zoom */
.modal-zoom{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75);z-index:1050}
.modal-zoom img{max-width:96vw;max-height:96vh;box-shadow:0 10px 30px rgba(0,0,0,.5);border-radius:8px}
.thumb{cursor:zoom-in}