:root{ --teal:#1aa39a; --teal-dark:#12847c; }
.bg-teal{ background-color: var(--teal)!important; } .btn-teal{ background:var(--teal); color:#fff; border:0; } .btn-teal:hover{ background:var(--teal-dark); color:#fff; }
.card-vet{ border:0; border-radius:1rem; box-shadow:0 8px 20px rgba(0,0,0,.08); }
.hero{ background: linear-gradient(135deg,#eafaf8,#f6fffd); border-radius:1.25rem; padding:3rem; box-shadow:0 12px 25px rgba(0,0,0,.06); }
.big-input{ font-size:1.05rem; padding:.8rem 1rem; }
.badge-species{ background:#e3fff9; color:#11786f; }
.table-list th,.table-list td{ padding:.6rem .75rem; border-bottom:1px solid #eee; }
.text-teal{ color: var(--teal)!important; }
.admin-body{ min-height:100vh; }
.admin-shell{ display:flex; min-height:100vh; }
.admin-sidebar{ width:280px; background:#0f172a; color:#e5e7eb; padding:1rem; display:flex; flex-direction:column; justify-content:space-between; position:sticky; top:0; height:100vh; }
.admin-brand{ display:flex; align-items:center; gap:.9rem; text-decoration:none; color:#fff; padding:.4rem .35rem 1rem; }
.admin-brand img{ width:52px; height:52px; object-fit:cover; border-radius:14px; background:#fff; }
.admin-brand-title{ font-weight:800; line-height:1.1; }
.admin-brand-sub{ font-size:.9rem; color:#94a3b8; margin-top:.15rem; }
.admin-nav{ display:flex; flex-direction:column; gap:.35rem; }
.admin-nav-link{ display:flex; align-items:center; gap:.8rem; color:#dbe4ef; text-decoration:none; border-radius:14px; padding:.8rem .95rem; transition:.18s ease; }
.admin-nav-link:hover{ background:rgba(255,255,255,.08); color:#fff; }
.admin-nav-link.active{ background:var(--teal); color:#fff; box-shadow:0 10px 20px rgba(26,163,154,.28); }
.admin-nav-link i{ font-size:1.15rem; }
.admin-main{ flex:1; min-width:0; display:flex; flex-direction:column; }
.admin-content{ flex:1; padding:1.5rem; }
.admin-footer{ padding:1rem 1.5rem 1.5rem; color:#64748b; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.admin-footer a{ color:inherit; }
.admin-mobile-top{ padding:1rem 1.25rem 0; }
.admin-brand-mini{ font-weight:800; color:#0f172a; text-decoration:none; }
@media (max-width: 991.98px){ .admin-shell{ display:block; } .admin-sidebar{ width:100%; height:auto; position:relative; border-radius:0 0 24px 24px; } .admin-content{ padding:1rem; } }

@media (max-width: 991.98px){
  .admin-shell{display:block}
  .admin-sidebar{position:fixed; inset:0 auto 0 0; width:280px; transform:translateX(-100%); transition:transform .2s ease; z-index:1040; border-radius:0 24px 24px 0; box-shadow:0 20px 40px rgba(0,0,0,.28)}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-content{padding:1rem}
}

.admin-sidebar-backdrop{display:none;}
@media (max-width: 991.98px){
  .admin-sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1039;display:none}
  .admin-sidebar-backdrop.show{display:block}
}