html:not(.employee-authenticated) body > *:not(#employeeAuthShell) { visibility: hidden !important; }
.employee-auth-shell { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top right,#d9f5ff,#f4f8fc 52%,#e9f0f6); font-family: Arial,sans-serif; color:#092d46; }
.employee-auth-shell[hidden] { display: none; }
.employee-auth-card { width:min(440px,100%); padding:40px; border:1px solid #d0dde8; border-radius:24px; background:white; box-shadow:0 24px 80px rgba(7,40,63,.16); text-align:center; }
.employee-auth-logo { width:64px; height:64px; margin:0 auto 18px; display:grid; place-items:center; border-radius:18px; background:#24b7df; font-weight:900; font-size:22px; }
.employee-auth-card h1 { margin:0 0 10px; font-size:28px; }
.employee-auth-card p { margin:0 0 22px; color:#567085; }
.employee-auth-card button { width:100%; padding:14px 18px; border:0; border-radius:12px; background:#0a3149; color:white; font-weight:800; cursor:pointer; }
.employee-auth-form { display:grid; gap:12px; margin-top:18px; text-align:left; }
.employee-auth-form[hidden] { display:none; }
.employee-auth-form label { display:grid; gap:6px; color:#34556c; font-size:12px; font-weight:800; }
.employee-auth-form input { width:100%; padding:12px 13px; border:1px solid #cbd9e4; border-radius:10px; color:#102a3d; background:#fff; }
.employee-auth-form input:focus { outline:3px solid rgba(36,183,223,.18); border-color:#24b7df; }
.employee-auth-form button { margin-top:2px; }
.employee-auth-form .employee-auth-cancel { color:#244b63; background:#edf4f8; }
.employee-auth-error { margin-top:12px; padding:10px 12px; border-radius:10px; color:#9f2626; background:#fdeaea; font-size:13px; line-height:1.35; }
.employee-auth-card small { display:block; margin-top:14px; color:#71879a; }
.metric-inline { margin-top:5px; color:#647687; font-size:10px; white-space:nowrap; }
.video-view-metric { color:#35566d; background:#edf6fa; border-radius:999px; padding:2px 6px; font-size:10px; font-weight:750; white-space:nowrap; }
.video-view-metric.pending { color:#7a5b00; background:#fff4cf; }
.template-layout { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr); gap:18px; padding:20px; }
.template-controls { display:grid; gap:12px; align-content:start; }
.template-controls label { display:grid; gap:6px; color:#647687; font-size:11px; font-weight:800; text-transform:uppercase; }
.template-controls select,.template-controls input,.template-preview textarea { width:100%; padding:11px 12px; border:1px solid #dce5ec; border-radius:11px; background:#fff; }
.template-preview { display:grid; gap:12px; }
.template-preview textarea { min-height:240px; resize:vertical; color:#172432; }
.timeline { display:grid; gap:0; }
.timeline-item { display:grid; grid-template-columns:180px minmax(0,1fr); gap:18px; padding:15px 20px; border-bottom:1px solid #dce5ec; }
.timeline-item time { color:#647687; font-size:12px; }
.timeline-item strong { color:#102a3d; }
.health-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:20px; }
.health-item { padding:16px; border:1px solid #dce5ec; border-radius:14px; background:#fff; }
.health-item strong { display:block; color:#102a3d; font-size:24px; }
.health-item span { display:block; margin-top:5px; color:#647687; font-size:12px; }
@media(max-width:800px){.template-layout,.health-list{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:5px}}