/* admin.css */
body{ font-family: Arial, Helvetica, sans-serif; background:#f5f5f5; margin:0; padding:20px; }
.login-container{ max-width:420px; margin:40px auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 8px 18px rgba(0,0,0,.08); text-align:center;}
.login-container h2{ color:#b30000; margin-bottom:10px; }
.login-container input{ width:90%; padding:10px; margin:8px 0; border-radius:6px; border:1px solid #ddd; }
.login-container button{ background:#b30000; color:#fff; border:none; padding:10px 18px; border-radius:6px; cursor:pointer; }
.login-container button:hover{ background:#8a0000; }
.error{ color:#c00; margin-top:8px; }

/* panel */
.admin-panel{ max-width:1000px; margin:30px auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 8px 18px rgba(0,0,0,.06); }
.admin-panel h1{ color:#b30000; text-align:center; }
table{ width:100%; border-collapse:collapse; margin-top:12px; }
th,td{ padding:8px; border:1px solid #e6e6e6; text-align:center; }
th{ background:#b30000; color:#fff; }
button#exportCsv{ background:#b30000; color:#fff; border:none; padding:10px 16px; border-radius:6px; cursor:pointer; }
button#exportCsv:hover{ background:#8a0000; }

 /*////*/

button.danger {
  background: #c82333;
  color: #fff;
  border: none;
  padding: .6rem 1.2rem;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 1rem;
  transition: background .3s;
}

button.danger:hover {
  background: #a71d2a;
}