.hr-page{gap:8px;padding:8px;background:#f4f7f9}.hr-main-tabs,.attendance-tabs{display:flex;border:1px solid #d5e0e6;background:#fff;padding:0 12px}.hr-main-tabs button,.attendance-tabs button{height:46px;padding:0 20px;display:flex;align-items:center;gap:7px;border-bottom:3px solid transparent;color:#627987;font-weight:900;font-size:12px}.hr-main-tabs button.active,.attendance-tabs button.active{border-bottom-color:#168ed8;background:#edf7fd;color:#168ed8}.hr-main-tabs svg,.attendance-tabs svg{width:17px}.hr-kpis,.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hr-kpis article,.attendance-summary article{padding:13px 16px;border:1px solid #d5e0e6;background:#fff;border-right:4px solid #168ed8}.hr-kpis small,.attendance-summary small{display:block;color:#718793;font-size:11px}.hr-kpis strong,.attendance-summary strong{font-size:22px;color:#173847}.hr-kpis .deduction,.attendance-summary .absent{border-right-color:#e24b4b}.attendance-summary .present{border-right-color:#1ca56f}.attendance-summary .leave{border-right-color:#8b5cf6}.attendance-summary .late{border-right-color:#f59e0b}.hr-simple-search{position:relative;background:#fff;border:1px solid #d5e0e6;padding:12px}.hr-simple-search svg{position:absolute;right:24px;top:23px;width:18px}.hr-simple-search input{width:100%;height:38px;border:1px solid #ccd9e1;padding:0 40px}.hr-data-table{min-width:960px}.hr-data-table td small{display:block;color:#78909c;margin-top:4px}.hr-action,.section-action button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:4px;background:#168ed8;color:#fff;padding:7px 11px;font-size:11px;font-weight:900}.red{color:#dc2626!important}.green{color:#15945f!important}.attendance-toolbar{min-height:57px;border:1px solid #d5e0e6;background:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.attendance-toolbar>div{display:flex;gap:7px}.attendance-toolbar button{height:39px;padding:0 12px;border:1px solid #ccd9e1;background:#fff;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900}.attendance-toolbar button.primary{background:#168ed8;color:#fff;border-color:#168ed8}.attendance-toolbar button.mark{background:#effaf5;color:#128056;border-color:#83c9a9}.attendance-toolbar button.active{color:#168ed8;background:#edf7fd}.attendance-toolbar svg{width:17px}.attendance-search{position:relative}.attendance-search>svg{position:absolute;right:11px;top:11px;width:17px;color:#8195a0}.attendance-search input{height:39px;width:270px;border:1px solid #ccd9e1;padding:0 38px}.attendance-filters{min-height:58px;border:1px solid #d5e0e6;background:#fff;padding:9px 14px;display:flex;align-items:center;gap:18px}.attendance-filters label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.attendance-filters select{height:34px;min-width:150px;border:1px solid #ccd9e1}.attendance-filters button{display:flex;gap:5px;color:#dc2626}.attendance-filters svg{width:15px}.attendance-date{min-height:67px;padding:8px 13px;border:1px solid #d5e0e6;background:#fff;display:flex;align-items:center;gap:9px}.attendance-date>button{width:38px;height:38px;border:1px solid #ccd9e1;display:grid;place-items:center}.attendance-date>div{min-width:270px;display:flex;align-items:center;gap:10px}.attendance-date svg{width:20px;color:#168ed8}.attendance-date span small,.attendance-date p small{display:block;color:#78909c}.attendance-date p{border-right:1px solid #d5e0e6;padding-right:15px}.attendance-date.month>span{min-width:240px}.attendance-date.month input{display:block;height:32px;border:0}.attendance-summary{grid-template-columns:repeat(5,1fr)}.attendance-row td{vertical-align:middle}.attendance-row>td:first-child{border-right:3px solid #a8b8c0}.attendance-row.حاضر>td:first-child{border-right-color:#1ca56f}.attendance-row.غایب>td:first-child{border-right-color:#e24b4b}.row-index{width:25px;height:25px;border-radius:50%;background:#edf2f5;display:grid;place-items:center;font-style:normal}.employee-cell{display:flex;align-items:center;gap:8px}.employee-cell>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff1fa;color:#168ed8;font-weight:900}.status-buttons{display:flex;gap:3px;min-width:425px}.status-buttons button{height:31px;padding:0 7px;border:1px solid #d3dee4;background:#fff;display:flex;align-items:center;gap:3px;font-size:9px;font-weight:900;color:#6e818b}.status-buttons svg{width:13px}.status-buttons button.active.present{background:#e8f8f1;border-color:#68c99e;color:#128056}.status-buttons button.active.absent{background:#fff0f0;border-color:#ef9696;color:#c93636}.status-buttons button.active.leave,.status-buttons button.active.sick{background:#f2edff;border-color:#bda8f5;color:#7045c9}.status-buttons button.active.late,.status-buttons button.active.half{background:#fff7e5;border-color:#efc56e;color:#b57600}.hr-data-table input{height:33px;border:1px solid #ccd9e1;padding:0 7px;max-width:115px}.hr-data-table input:disabled{background:#f1f4f5;color:#aab5ba}.hr-data-table .note{min-width:140px}.minutes{position:relative;display:block}.minutes input{padding-left:42px;width:100px}.minutes span{position:absolute;left:5px;top:9px;font-size:8px;color:#78909c}.recorded{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap}.recorded svg{width:13px}.section-action{padding:9px 12px;border:1px solid #d5e0e6;background:#fff}.section-action svg{width:16px}.shift-name{display:flex;align-items:center;gap:7px;font-weight:900}.shift-name i{width:10px;height:28px;border-radius:5px}.icon-action svg{width:16px;color:#168ed8}.attendance-modal{position:fixed;inset:0;z-index:1000;background:#0f232d88;display:grid;place-items:center;padding:15px}.shift-dialog{width:min(680px,96vw);background:#fff;box-shadow:0 20px 70px #102d3c55}.shift-dialog>header{height:62px;padding:0 18px;background:#168ed8;color:#fff;display:flex;align-items:center;justify-content:space-between}.shift-dialog>header div{display:flex;align-items:center;gap:9px}.shift-dialog>header svg{width:20px}.shift-form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.shift-form label{font-size:11px;font-weight:900}.shift-form input,.shift-form select,.shift-form textarea{display:block;width:100%;height:40px;margin-top:6px;border:1px solid #ccd9e1;padding:0 10px;background:#fff}.shift-form textarea{height:70px;padding-top:8px}.shift-form .wide{grid-column:1/-1}.shift-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}.shift-form .submit svg{width:17px}@media (max-width:800px){.hr-main-tabs button,.attendance-tabs button{padding:0 9px;font-size:10px}.attendance-toolbar{align-items:stretch;flex-direction:column}.attendance-search input{width:100%}.hr-kpis,.attendance-summary{grid-template-columns:1fr 1fr}.attendance-date p{display:none}.shift-form{grid-template-columns:1fr}.shift-form .wide{grid-column:auto}}