body { background:#f7f9fb; }
.btn { border-radius:8px; }
.btn-primary, .btn-success, .btn-info { box-shadow:0 3px 10px rgba(0,0,0,.08); }
.panel, .well { border-radius:10px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.06); border:none; }
.hero { background:#0e3a5d; color:#fff; padding:14px 16px; border-radius:8px; margin-bottom:15px; }
/* ==== Toasts (arriba-derecha) ==== */
#toast-container{
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 9999;
  pointer-events: none;
}
.toast{
  min-width: 260px;
  max-width: 420px;
  margin-bottom: 8px;
  padding: 10px 14px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: auto;
}
.toast.show{ opacity: 1; transform: translateY(0); }
.toast .close{
  float: right; color: rgba(255,255,255,.9); text-shadow: none; opacity: .9;
}
.toast-success{ background:#5cb85c; }
.toast-info{    background:#5bc0de; }
.toast-warning{ background:#f0ad4e; }
.toast-danger{  background:#d9534f; }