.attendance-system{gap:8px;padding:8px;background:#f4f7f9}.attendance-route-tabs,.attendance-section-tabs{display:flex;align-items:end;border:1px solid #d5e0e6;background:#fff;padding:0 12px}.attendance-route-tabs a,.attendance-section-tabs button{height:48px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:3px solid transparent;color:#627987;font-size:11px;font-weight:900}.attendance-route-tabs a.active,.attendance-section-tabs button.active{border-bottom-color:#168ed8;background:#edf7fd;color:#168ed8}.attendance-route-tabs svg,.attendance-section-tabs svg{width:17px}.attendance-report-date{min-height:62px;padding:9px 14px;border:1px solid #d5e0e6;background:#fff;display:flex;align-items:center;gap:12px}.attendance-report-date>span{font-size:11px;font-weight:900;color:#607b89}.attendance-report-date>b{padding-right:15px;border-right:1px solid #d5e0e6}.attendance-report-date input{height:36px;border:1px solid #ccd9e1}.attendance-module-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.attendance-module-summary article{padding:14px;border:1px solid #d5e0e6;border-right:4px solid #168ed8;background:#fff}.attendance-module-summary article.present{border-right-color:#1ca56f}.attendance-module-summary article.absent{border-right-color:#e24b4b}.attendance-module-summary article.late{border-right-color:#f59e0b}.attendance-module-summary small{display:block;color:#718793}.attendance-module-summary strong{font-size:22px;color:#173847}.report-status{display:inline-flex;padding:5px 9px;border:1px solid #cbd8de;border-radius:4px;background:#f4f7f9}.report-status.حاضر{background:#e8f8f1;color:#128056;border-color:#83c9a9}.report-status.غایب{background:#fff0f0;color:#c93636;border-color:#ef9696}.report-status.دیرآمده{background:#fff7e5;color:#b57600;border-color:#efc56e}.hr-data-table td>svg{width:15px;display:inline;margin-left:5px}.connection{display:flex;align-items:center;gap:5px;font-weight:900}.connection svg{width:15px}.connection.online{color:#15945f}.connection.offline{color:#dc2626}.device-actions{display:flex;gap:4px;min-width:170px}.device-actions button{width:29px;height:29px;border:1px solid #ccd9e1;display:grid;place-items:center;background:#fff}.device-actions svg{width:14px}.network-note{grid-column:1/-1;padding:12px;background:#edf7fd;border:1px solid #b9dcf1;display:flex;gap:9px;color:#176b9d}.network-note svg{width:20px}.network-note small{display:block}.attendance-form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.attendance-form label{font-size:11px;font-weight:900}.attendance-form input,.attendance-form select,.attendance-form textarea{width:100%;height:40px;margin-top:6px;padding:0 9px;border:1px solid #ccd9e1;background:#fff}.attendance-form textarea{height:68px;padding-top:8px}.attendance-form .wide{grid-column:1/-1}.attendance-form .submit{grid-column:1/-1;justify-self:end;height:40px;padding:0 18px;background:#168ed8;color:#fff;display:flex;align-items:center;gap:7px;font-weight:900}.attendance-form .submit svg{width:17px}@media (max-width:850px){.attendance-route-tabs{overflow-x:auto}.attendance-route-tabs a{white-space:nowrap;padding:0 10px}.attendance-module-summary{grid-template-columns:1fr 1fr}.attendance-form{grid-template-columns:1fr}.attendance-form .wide,.network-note{grid-column:auto}}