.attendance-grid-page{max-width:1560px}.active-view{color:#155fc5!important;background:#eaf2ff!important;border-color:#8fb4e9!important}.filter-employees{background:#fafbfd;border:1px solid #e3e8ef;border-radius:10px;margin-top:10px;padding:10px}.attendance-grid-wrap{scrollbar-gutter:stable;background:#fff;border:1px solid #dfe6ee;border-radius:16px;overflow:auto;box-shadow:0 8px 24px #141e320d}.attendance-calendar-table{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:100%}.attendance-calendar-table th,.attendance-calendar-table td{vertical-align:top;border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4;padding:0}.attendance-calendar-table th{z-index:4;color:#526174;text-align:center;background:#f7f9fc;min-width:118px;padding:10px 8px;font-size:11px;position:sticky;top:0}.attendance-calendar-table th small{margin-top:3px;font-weight:500;display:block}.attendance-calendar-table td{background:#fff;min-width:118px}.attendance-calendar-table .employee-sticky{z-index:5;background:#fff;width:165px;min-width:165px;position:sticky;left:0;box-shadow:7px 0 12px -12px #141e3280}.attendance-calendar-table th.employee-sticky{z-index:7;text-align:left;background:#f7f9fc;padding:10px 12px}.attendance-calendar-table td.employee-sticky{padding:12px}.attendance-calendar-table td.employee-sticky strong{display:block}.attendance-calendar-table td.employee-sticky small{color:#788497;margin-top:4px;display:block}.attendance-cell-button{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;width:100%;min-height:108px;padding:8px;display:flex}.attendance-cell-button:hover{background:#f7faff}.attendance-cell-button strong{font-size:12px}.attendance-cell-button small{color:#748095;font-size:9px;line-height:1.35;display:block}.cell-times{color:#243149;font-size:11px;font-weight:750}.grid-status{border-radius:999px;align-self:flex-start;padding:3px 6px;font-size:9px;font-weight:850;line-height:1.2;display:inline-flex}.grid-status.normal{color:#1c7c3b;background:#e9f8ed}.grid-status.planned{color:#1d63bd;background:#eaf2ff}.grid-status.warning{color:#b76300;background:#fff2da}.grid-status.danger{color:#c92727;background:#ffe9e7}.grid-status.neutral{color:#6a7483;background:#eff2f5}.employee-total{min-width:110px;background:#fbfcfe!important;padding:10px!important}.employee-total strong,.employee-total small{display:block}.employee-total small{color:#758095;margin-top:5px;font-size:9px}.empty-grid-cell{color:#b3bcc8;place-items:center;min-height:108px;display:grid}.attendance-detail-backdrop{z-index:100;background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.attendance-detail-panel,.attendance-edit-panel{background:#fff;border-radius:18px;width:min(760px,100%);max-height:88vh;padding:20px;overflow:auto;box-shadow:0 30px 80px #0f172a4d}.attendance-detail-panel h2,.attendance-edit-panel h3{margin-top:0}.detail-store{border-top:1px solid #e5eaf0;margin-top:14px;padding-top:12px}.detail-session{background:#fafbfd;border:1px solid #e4e9f0;border-radius:11px;gap:9px;margin-top:9px;padding:11px;display:grid}.attendance-edit-panel{width:min(460px,100%)}.attendance-edit-panel label{gap:5px;margin:10px 0;display:grid}.attendance-edit-panel input{min-height:40px}.attendance-calendar-table tbody tr:hover td{background:#fbfdff}.attendance-calendar-table tbody tr:hover td.employee-sticky{background:#f7faff}@media (max-width:700px){.attendance-grid-page{padding-left:8px;padding-right:8px}.attendance-calendar-table th,.attendance-calendar-table td{min-width:104px}.attendance-calendar-table .employee-sticky{width:128px;min-width:128px}.attendance-cell-button{min-height:102px;padding:6px}.attendance-detail-backdrop{align-items:end;padding:8px}.attendance-detail-panel,.attendance-edit-panel{border-radius:18px 18px 8px 8px;max-height:82vh}.filter-employees{max-height:32vh;overflow:auto}}