.aipi-attendance-report{max-width:1100px;margin:0 auto;font-family:inherit;color:#151515}
.aipi-attendance-header{margin-bottom:28px}
.aipi-attendance-header h1{margin:0 0 22px;font-size:32px;letter-spacing:.04em}
.aipi-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.aipi-meta-grid div{display:flex;flex-direction:column;gap:6px}
.aipi-meta-grid span{font-size:12px;opacity:.65;text-transform:uppercase;letter-spacing:.08em}
.aipi-meta-grid strong{font-size:15px}
.aipi-summary,.aipi-dept-summary{font-size:14px;margin:12px 0}
.aipi-summary{display:flex;gap:22px;flex-wrap:wrap}
.aipi-search{width:100%;max-width:420px;border:1px solid #ddd;border-radius:8px;padding:12px 14px;margin-top:12px;background:#fff}
.aipi-department{padding:22px 0;border-top:1px solid #e7e7e7}
.aipi-department h2{font-size:20px;margin:0 0 5px}
.aipi-department h2 small{font-size:13px;font-weight:400;opacity:.65}
.aipi-employees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aipi-employee{border:1px solid #e6e6e6;border-radius:10px;padding:18px;background:#fff}
.aipi-employee h3{margin:0 0 5px;font-size:18px}
.aipi-id{font-size:13px;opacity:.7;margin-bottom:10px}
.aipi-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase}
.aipi-status-late{background:#fff1dc;color:#9a5b00}.aipi-status-present{background:#e8f7ed;color:#18723a}.aipi-status-absent{background:#f5eaea;color:#8a2525}
.aipi-details{display:flex;gap:18px;margin-top:12px;font-size:13px}
.aipi-times{margin-top:8px;font-size:13px;opacity:.75}
.aipi-no-results{text-align:center;padding:30px;opacity:.65}
@media(max-width:700px){.aipi-meta-grid{grid-template-columns:1fr}.aipi-employees{grid-template-columns:1fr}}