body { background:#f5f7fb; font-family: system-ui, "Segoe UI", Tahoma, Arial, sans-serif; color:#182235; }
.login-shell { min-height:100vh; display:grid; place-items:center; background:#eef3f8; }
.login-card { width:min(420px, calc(100vw - 32px)); background:white; padding:28px; border-radius:8px; box-shadow:0 10px 30px rgba(20,30,45,.08); display:grid; gap:14px; }
.login-card h1 { font-size:24px; margin:0 0 8px; }
.sidebar { position:fixed; inset-block:0; inset-inline-start:0; width:260px; background:#102033; color:white; padding:18px 14px; overflow:auto; }
.brand { font-weight:800; font-size:22px; padding:12px 14px 22px; }
.sidebar a { display:block; color:#dce7f5; text-decoration:none; padding:10px 14px; border-radius:6px; margin-block:3px; }
.sidebar a:hover { background:#1d3552; color:white; }
.content { margin-inline-start:260px; padding:26px; }
.page-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.stat-card { background:white; border:1px solid #e5e9f0; border-radius:8px; padding:18px; min-height:110px; }
.stat-card span { color:#68768a; font-size:14px; }
.stat-card strong { display:block; font-size:30px; margin-top:8px; }
.panel { background:white; border:1px solid #e5e9f0; border-radius:8px; padding:18px; }
.badge-status { font-size:13px; }
.table img.selfie { width:54px; height:54px; object-fit:cover; border-radius:6px; }
.map-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-top:8px; margin-bottom:12px; }
.map-toolbar h2 { font-size:20px; margin:0 0 4px; }
.map-toolbar p { margin:0; color:#68768a; }
.office-map { width:100%; height:430px; border:1px solid #d8e0ea; border-radius:8px; overflow:hidden; background:#eef3f8; }
.leaflet-container { font-family: system-ui, "Segoe UI", Tahoma, Arial, sans-serif; }
@media (max-width: 900px) {
  .sidebar { position:static; width:auto; }
  .content { margin-inline-start:0; padding:16px; }
  .map-toolbar { display:block; }
  .office-map { height:360px; }
}