:root{--admin-bg:#090d1a;--admin-card:#101526;--admin-border:rgba(255,255,255,.12)}
body.admin{background:linear-gradient(180deg,#080b16,#0b1020);color:#e6f7ff;line-height:1.5}
.admin-top{position:sticky;top:0;background:rgba(11,16,32,.7);backdrop-filter:blur(8px);border-bottom:1px solid var(--admin-border);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.admin-top .inner{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
.admin-side{width:220px;position:fixed;top:58px;bottom:0;left:0;background:rgba(16,21,38,.7);backdrop-filter:blur(8px);border-right:1px solid var(--admin-border)}
.admin-side a{display:block;color:#cfe9ff;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.admin-side a:hover{background:rgba(0,255,209,.08)}
.admin-side a.active{background:linear-gradient(90deg,rgba(0,255,255,.2),rgba(0,255,180,.1));color:#ffffff;font-weight:600;border-left:3px solid #00ffd1}
.admin-main{margin-left:220px;padding:20px;max-width:calc(1200px - 220px)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:linear-gradient(180deg,rgba(17,24,49,.92),rgba(17,24,49,.72));border:1px solid var(--admin-border);border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.28)}
.admin-login{display:grid;place-items:center;min-height:100vh}
.admin-login .box{background:linear-gradient(180deg,rgba(17,24,49,.9),rgba(17,24,49,.7));border:1px solid var(--admin-border);border-radius:16px;padding:24px;min-width:320px}
.admin-login input{width:100%;margin-bottom:10px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0a0f1f;color:#e6f7ff}
.msg{margin-bottom:10px;color:#ffe600}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table thead th{background:rgba(255,255,255,.06);font-weight:700}
.table th,.table td{border-bottom:1px solid rgba(255,255,255,.1);padding:10px;text-align:left}
.table tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
.table tbody tr:hover{background:rgba(0,255,209,.08)}
.table thead tr:first-child th:first-child{border-top-left-radius:10px}
.table thead tr:first-child th:last-child{border-top-right-radius:10px}
.table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}
.table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}
.actions{display:flex;flex-wrap:wrap;gap:6px}
.actions a,.actions button{margin-right:0}
.form-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.form-row input,.form-row select,.form-row textarea{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0a0f1f;color:#e6f7ff}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:rgba(14,165,233,.6);box-shadow:0 0 0 3px rgba(14,165,233,.25)}
.btn{padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#0ea5ff,#2563eb);color:#fff;border:none;box-shadow:0 2px 10px rgba(14,165,233,.22);transition:transform .2s, box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(37,99,235,.28)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.35)}
.btn-secondary{background:linear-gradient(90deg,#64748b,#334155);box-shadow:0 2px 10px rgba(100,116,139,.22)}
.btn-success{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 2px 10px rgba(34,197,94,.22)}
.btn-danger{background:linear-gradient(90deg,#f43f5e,#ef4444);box-shadow:0 2px 10px rgba(244,63,94,.22)}
.side-toggle{display:none}
/* Variantes por acción */
.actions a[href*="edit"], .actions a[href*="editar"], .btn-edit{background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 2px 10px rgba(99,102,241,.26)}
.actions a[href*="del"], .actions a[href*="eliminar"], .btn-delete{background:linear-gradient(90deg,#f43f5e,#ef4444);box-shadow:0 2px 10px rgba(244,63,94,.26)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(0,255,209,.12);border:1px solid rgba(0,255,209,.3);color:#cfe9ff;font-weight:600}
@media (max-width: 992px){
  .admin-top .inner{flex-wrap:wrap}
  .side-toggle{display:inline-flex;position:fixed;top:10px;left:10px;z-index:1100;padding:8px 10px;border-radius:10px;background:linear-gradient(90deg,#0ea5ff,#2563eb);color:#fff;border:none;box-shadow:0 0 12px rgba(14,165,233,.3)}
  .admin-side{display:none;position:fixed;width:260px;top:58px;bottom:0;left:0;background:rgba(16,21,38,.92);backdrop-filter:blur(8px);border-right:1px solid var(--admin-border);overflow:auto}
  body.side-open .admin-side{display:block}
  .admin-main{margin-left:0;max-width:100%}
}
@media (max-width: 768px){
  .table{display:block;overflow-x:auto}
  .form-row > *{flex:1 1 220px}
}