/* Estilos simples y profesionales */
body { font-family: Inter, Roboto, Arial, sans-serif; background:#f4f6f9; color:#222; margin:0; padding:20px; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.topbar h1 { margin:0; font-size:20px; }
.top-actions a { margin-left:10px; text-decoration:none; color:#0b63d6; }
.login-card, .form-card { width:360px; margin:40px auto; background:#fff; padding:18px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.form-grid { display:flex; gap:18px; }
.col { flex:1; }
label { display:block; margin-top:8px; font-weight:600; font-size:13px; }
input, select { width:100%; padding:8px 10px; margin-top:6px; border-radius:6px; border:1px solid #ddd; }
button { background:#0b63d6; color:#fff; padding:10px 14px; border:none; border-radius:8px; cursor:pointer; margin-top:8px; }
.container { background:#fff; padding:18px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.04); }
.main-grid { display:grid; grid-template-columns:2fr 1fr; gap:18px; }
.table { width:100%; border-collapse:collapse; margin-top:10px; }
.table th, .table td { padding:8px; border-bottom:1px solid #eee; text-align:left; }
.card { display:flex; gap:8px; align-items:center; padding:8px; border:1px solid #eee; border-radius:8px; margin-bottom:8px; background:#fafafa; }
.thumb { width:60px; height:60px; object-fit:cover; border-radius:6px; }
.thumb.placeholder { display:flex; align-items:center; justify-content:center; background:#e9edf5; color:#7a8aa6; }
.alert { background:#fff7f0; border-left:4px solid #f39c12; padding:8px; margin-bottom:8px; }
.success { background:#ecf9f1; border-left:4px solid #2ecc71; padding:8px; margin-bottom:8px; }
/* Botón menú moderno */
.toggle-btn{
  position:fixed;
  top:15px;
  left:15px;
  width:40px;
  height:35px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:transparent;
  border:none;
  cursor:pointer;
  z-index:1000;
}
.toggle-btn .bar{
  height:4px;
  width:100%;
  background:#2b5876;
  border-radius:2px;
  transition:0.3s;
}
.toggle-btn:hover .bar{
  background:#4e4376;
}