.attendance-page[data-v-5f122482]{padding-bottom:30px}.attendance-card[data-v-5f122482]{background:#fff;border:1px solid #dce6f1;border-radius:16px;padding:18px;margin-top:18px;-webkit-box-shadow:0 9px 28px rgba(21,55,88,.05);box-shadow:0 9px 28px rgba(21,55,88,.05)}.attendance-toolbar[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:16px}.preset-group[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f3f7fb;border:1px solid #d8e3ef;border-radius:10px;padding:3px}.preset-btn[data-v-5f122482]{border:0;background:transparent;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:700;color:#53647a}.preset-btn.active[data-v-5f122482]{background:#138f8b;color:#fff;-webkit-box-shadow:0 4px 10px rgba(19,143,139,.22);box-shadow:0 4px 10px rgba(19,143,139,.22)}.date-range[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px}.attendance-search[data-v-5f122482],.date-range input[data-v-5f122482]{height:42px;border:1px solid #d5e1ee;border-radius:10px;background:#fff}.date-range input[data-v-5f122482]{padding:0 10px}.attendance-search[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px;padding:0 13px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:220px}.attendance-search i[data-v-5f122482]{color:#138f8b}.attendance-search input[data-v-5f122482]{border:0;outline:0;width:100%;font-size:13px}.attendance-primary[data-v-5f122482],.search-btn[data-v-5f122482]{border:0;border-radius:10px;background:linear-gradient(120deg,#114e82,#15958f);color:#fff!important;font-weight:700;padding:11px 18px}.attendance-primary i[data-v-5f122482]{color:#fff!important}.table-heading[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;padding:14px 14px 12px;background:#f8fafc;border:1px solid #e0e8f1;border-bottom:0;border-radius:12px 12px 0 0}.eyebrow[data-v-5f122482]{font-size:10px;letter-spacing:1.2px;color:#13948e;font-weight:800}.table-heading h3[data-v-5f122482]{font-size:16px;margin:2px 0 0}.record-count[data-v-5f122482]{font-size:12px;color:#63768d}.attendance-table[data-v-5f122482]{width:100%;border-collapse:collapse;border:1px solid #e0e8f1}.attendance-table th[data-v-5f122482]{background:#f3f7fb;color:#52667f;text-transform:uppercase;letter-spacing:.7px;font-size:11px;padding:12px 14px}.attendance-table td[data-v-5f122482]{padding:12px 14px;border-top:1px solid #e5ecf3;font-size:13px;color:#35465c}.employee-cell[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.employee-cell img[data-v-5f122482]{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#e9f1f5}.nip[data-v-5f122482]{font-weight:700;color:#176798!important}.time-chip[data-v-5f122482]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:66px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;padding:6px 9px;font-weight:800}.time-chip.in[data-v-5f122482]{background:#e4f6ef;color:#13845d}.time-chip.out[data-v-5f122482]{background:#e8f1fb;color:#17679a}.time-chip.late[data-v-5f122482]{background:#fff0e2;color:#d96a16}.empty-state[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:45px;color:#8a9aaf}.empty-state i[data-v-5f122482]{font-size:28px;color:#13948e}.pagination-bar[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding-top:14px}.pagination-bar button[data-v-5f122482]{width:36px;height:36px;border:1px solid #d7e2ee;border-radius:9px;background:#fff;color:#17679a}.pagination-bar button[data-v-5f122482]:disabled{opacity:.4}.modal-title-wrap[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.modal-title-wrap small[data-v-5f122482]{display:block;color:#7c8ba0;font-size:11px;font-weight:400}.modal-icon[data-v-5f122482]{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#114e82,#15958f);display:grid;place-items:center;color:#fff}.nip-step[data-v-5f122482]{max-width:460px;margin:35px auto}.attendance-detail>label[data-v-5f122482],.nip-step label[data-v-5f122482]{font-weight:700;font-size:12px;color:#35465c}.nip-input[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #cedcea;border-radius:10px;height:48px;padding:0 14px;margin:8px 0 16px;gap:10px}.nip-input input[data-v-5f122482]{border:0;outline:0;width:100%}.employee-profile[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;background:#f5f9fc;border:1px solid #dbe6ef;border-radius:13px;padding:12px;margin-bottom:15px}.employee-profile img[data-v-5f122482]{width:58px;height:58px;-o-object-fit:cover;object-fit:cover;border-radius:13px}.employee-profile span[data-v-5f122482]{color:#138f8b;font-size:11px;font-weight:800}.employee-profile h3[data-v-5f122482]{font-size:17px;margin:1px 0}.employee-profile p[data-v-5f122482]{margin:0;color:#738198}.change-nip[data-v-5f122482]{margin-left:auto;border:0;background:#e8f3f5;color:#107e7a;border-radius:8px;padding:8px 10px;font-weight:700}.record-grid[data-v-5f122482]{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.camera-box[data-v-5f122482]{height:265px;background:#142536;border-radius:13px;overflow:hidden;display:grid;place-items:center;position:relative}.camera-box img[data-v-5f122482],.camera-box video[data-v-5f122482]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.camera-empty[data-v-5f122482]{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.camera-btn[data-v-5f122482]{width:100%;margin-top:8px;border:1px solid #bcd0e2;background:#fff;color:#17679a;border-radius:9px;padding:9px;font-weight:700}.type-switch[data-v-5f122482]{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0 12px}.type-switch button[data-v-5f122482]{border:1px solid #d2dfea;background:#fff;border-radius:9px;padding:10px;color:#607287;font-weight:700}.type-switch button.active[data-v-5f122482]{background:#e2f4f1;border-color:#15958f;color:#087974}.date-info[data-v-5f122482],.time-summary[data-v-5f122482]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #dce6ef;border-radius:10px;padding:11px;margin-bottom:9px}.date-info small[data-v-5f122482],.time-summary small[data-v-5f122482]{display:block;color:#8190a4;font-size:10px}.date-info strong[data-v-5f122482],.time-summary strong[data-v-5f122482]{font-size:14px}.time-summary>div[data-v-5f122482]{-webkit-box-flex:1;-ms-flex:1;flex:1}.schedule-note[data-v-5f122482]{font-size:11px;color:#6d7f94}.submit-attendance[data-v-5f122482]{margin-top:8px}@media(max-width:767px){.attendance-card[data-v-5f122482]{padding:10px}.record-grid[data-v-5f122482]{grid-template-columns:1fr}.camera-box[data-v-5f122482]{height:210px}.attendance-toolbar>[data-v-5f122482]{width:100%}.preset-group[data-v-5f122482]{overflow-x:auto}.preset-btn[data-v-5f122482]{white-space:nowrap}.search-btn[data-v-5f122482]{width:100%}}.attendance-page .attendance-input-button,.attendance-page .attendance-input-button:focus,.attendance-page .attendance-input-button:hover{min-width:178px;min-height:44px;border:0!important;border-radius:11px!important;background:linear-gradient(120deg,#114e82,#15958f)!important;color:#fff!important;-webkit-box-shadow:0 7px 16px rgba(17,78,130,.18)!important;box-shadow:0 7px 16px rgba(17,78,130,.18)!important}.attendance-page .attendance-input-button i,.attendance-page .attendance-input-button span{color:#fff!important}