.attendance-page{display:flex;flex-direction:column;gap:22px}.attendance-hero{border-radius:28px;padding:28px;background:radial-gradient(circle at top right,rgba(209,255,38,.18),transparent 35%),linear-gradient(135deg,#ffffff,#f4f7fb);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.08)}.attendance-kpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.attendance-kpi{border-radius:22px;padding:20px;background:#ffffff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 38px rgba(15,23,42,.08)}.attendance-kpi span{display:block;margin-top:14px;font-size:12px;font-weight:900;letter-spacing:.12em;color:#64748b;text-transform:uppercase}.attendance-kpi strong{display:block;font-size:42px;line-height:1;color:#0f172a}.attendance-card{border-radius:24px;padding:22px;background:#ffffff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.07)}.attendance-card-header{margin-bottom:18px}.attendance-card-header h2{margin:0;font-size:24px}.attendance-table-wrap{overflow-x:auto}.attendance-table{width:100%;border-collapse:separate;border-spacing:0 10px}.attendance-table th{padding:0 14px 8px;text-align:left;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.attendance-table td{padding:14px;background:#f8fafc;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.attendance-table td:first-child{border-left:1px solid rgba(15,23,42,.06);border-radius:16px 0 0 16px}.attendance-table td:last-child{border-right:1px solid rgba(15,23,42,.06);border-radius:0 16px 16px 0}.attendance-person strong{display:block;color:#0f172a;font-weight:900}.attendance-person span{color:#64748b;font-size:13px}.attendance-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.attendance-badge.present{background:rgba(34,197,94,.12);color:#15803d}.attendance-badge.absent{background:rgba(100,116,139,.14);color:#475569}.attendance-badge.entry{background:rgba(34,197,94,.12);color:#15803d}.attendance-badge.exit{background:rgba(59,130,246,.12);color:#1d4ed8}.attendance-action{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 13px;background:#ffffff;color:#0f172a;font-size:13px;font-weight:800;text-decoration:none;border:1px solid rgba(15,23,42,.08)}.attendance-action:hover{background:#f1f5f9}.attendance-empty{padding:18px;border-radius:16px;background:#f8fafc;color:#64748b}@media (max-width:1100px){.attendance-kpis{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:700px){.attendance-kpis{grid-template-columns:1fr}}