.admin-hero{background:linear-gradient(135deg,var(--navy),#087f8c)}
.admin-kpis{margin:16px 0 20px}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-filters{background:#fff;border-radius:18px;padding:16px;margin-bottom:16px;box-shadow:0 8px 24px rgba(23,54,93,.08)}
.admin-filters label{margin-top:0}
.admin-filters small{display:block;margin-top:10px;color:#52606d;font-weight:700}
.user-card{padding:0;overflow:hidden}
.user-main{width:100%;border:0;background:transparent;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:left;color:inherit}
.user-main p{margin:6px 0 3px}
.user-main small{display:block;color:#52606d}
.detail-list{background:#f5f7fa;border-radius:14px;padding:8px 14px;margin-bottom:14px}
.credential-box{display:flex;flex-direction:column;gap:8px;text-align:center;background:#eef6ff;border:1px solid #cfe3fb;border-radius:16px;padding:18px;margin:14px 0}
.credential-box strong{font-size:28px;letter-spacing:3px;color:var(--navy)}
@media(min-width:760px){.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filters .two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reservation-person{display:flex;flex-wrap:wrap;gap:6px 18px;background:#f3f8f5;border-radius:12px;padding:12px;margin:10px 0}
.reservation-person strong{flex-basis:100%}.reservation-person a{color:var(--navy);font-weight:700;text-decoration:none}
.reservation-deadline{padding-top:10px;border-top:1px solid #dbe4ea;color:#334155}.reservation-deadline span{padding:0 6px;color:#94a3b8}
.notification-card.unread{border-left:5px solid var(--navy)}.notification-card.read{opacity:.82}
.notification-body{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit}
.notification-card .row-actions{margin-top:12px}.read-label{align-self:center;color:#16845b;font-weight:700}