/* Library management page background for better readability */
.library-bg {
  background: linear-gradient(rgba(20,20,20,0.92), rgba(20,20,20,0.92));
  border-radius: 16px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.25);
  padding: 2.5em 2em 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  max-width: 700px;
}
html {
  background-image: url('/images/hero.jpg');
  min-height: 100vh;
  background-size: auto 100vh;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}

body {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  color: white;
}