@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";
.monthly-attendance-scroll{max-height:calc(100vh - 330px);overflow:auto}.monthly-attendance-scroll table{border-collapse:separate;border-spacing:0;min-width:max-content}.monthly-attendance-scroll th,.monthly-attendance-scroll td{white-space:nowrap}.monthly-attendance-scroll .sticky-identity{z-index:3;background:var(--surface,#fff);position:sticky}.monthly-attendance-scroll thead .sticky-identity{z-index:5;background:var(--ink,#0f3650)}.monthly-attendance-scroll .sticky-identity:first-child{width:230px;min-width:230px;right:0}.monthly-attendance-scroll .sticky-identity:nth-child(2){width:100px;min-width:100px;right:230px}.monthly-attendance-scroll .sticky-identity:nth-child(3){width:100px;min-width:100px;right:330px}.monthly-attendance-scroll .sticky-identity:nth-child(4){width:100px;min-width:100px;right:430px}.monthly-attendance-scroll .sticky-identity:nth-child(5){width:120px;min-width:120px;right:530px}.monthly-attendance-scroll .sticky-identity:nth-child(6){width:110px;min-width:110px;right:650px;box-shadow:5px 0 8px #0f365014}.monthly-attendance-scroll .name-column{min-width:230px}.monthly-attendance-scroll .vehicle-size-column{text-align:center;min-width:105px}.monthly-attendance-scroll .day-column{text-align:center;width:68px;min-width:68px;padding-inline:4px}.monthly-attendance-scroll .day-column span,.monthly-attendance-scroll .day-column small{display:block}.monthly-attendance-scroll .day-column small{opacity:.7;font-size:10px}.month-status-cell{text-align:center;width:68px;min-width:68px;padding:3px 2px!important}.month-status-cell select{text-align:center;background:#fff;border:1px solid #d7e2ea;border-radius:7px;width:42px;min-width:42px;padding:5px 2px;font-size:11px;font-weight:700}.attendance-note-button{color:#7b8b98;cursor:pointer;vertical-align:middle;background:#fff;border:1px solid #d7e2ea;border-radius:6px;justify-content:center;align-items:center;width:21px;height:21px;margin-inline-start:1px;padding:0;display:inline-flex}.attendance-note-button:hover:not(:disabled),.attendance-note-button.has-note{color:#078a98;background:#e9fbfd;border-color:#0ab4c6}.attendance-note-button:disabled{color:#a8b2ba;cursor:not-allowed;background:#edf1f3}.month-status-cell.locked select{color:#8a99a6;cursor:not-allowed;background:#f1f4f6}.month-status-cell.editable select:focus{border-color:#0ab4c6;outline:none;box-shadow:0 0 0 3px #0ab4c624}
.employee-management-tabs{gap:8px;padding:0 20px 12px;display:flex}.employee-management-tabs button{color:#60787b;cursor:pointer;background:#fff;border:1px solid #d6e4e4;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.employee-management-tabs button b{color:#4d6d70;background:#eef5f5;border-radius:10px;place-items:center;min-width:22px;height:20px;margin-inline-start:5px;font-size:10px;display:inline-grid}.employee-management-tabs button.active{color:var(--blue-dark);background:#e8f9fb;border-color:#8edce5}.employee-management-tabs button.active b{color:#087f90;background:#bfeef2}.restore-action{color:#19824d;background:#ecfbf1;border:1px solid #b8e5c8}.employee-lifecycle{margin-top:4px}.lifecycle-fields{margin-top:10px}.lifecycle-fields select,.lifecycle-fields textarea{width:100%;color:var(--ink);background:#fbfdfd;border:1px solid #d9e6e6;border-radius:9px;outline:0;padding:10px}.lifecycle-fields select{height:43px}.lifecycle-fields textarea{resize:vertical;min-height:78px}.lifecycle-note{grid-column:1/-1}:root{--navy:#153c3f;--blue:#08b8cf;--blue-dark:#008da3;--bg:#f2f8f8;--ink:#153c3f;--muted:#708588;--line:#dce9e9;--green:#0b9d76;--red:#e45454;--amber:#d99722}.report-calculation-note{color:#587174;background:#f8fcfc;border:1px solid #d8e7e7;border-radius:9px;margin:-5px 0 15px;padding:9px 12px;font-size:11px}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Tajawal,Arial,sans-serif}button,input,select{font:inherit}.center-loader{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid #dbe4f5;border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#153c3f 0%,#0d3034 100%);flex-direction:column;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-icon{background:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 9px 24px #001f223d}.brand-icon img{object-fit:contain;width:100%;height:100%;transform:scale(1.38)}.brand strong{font-size:16px;display:block}.brand span{color:#a8c2c4;margin-top:2px;font-size:11px;display:block}.sidebar nav{flex:1;margin-top:45px}.nav-item{color:#fff;cursor:pointer;background:#08b8cf1f;border:1px solid #26c0d233;border-radius:11px;align-items:center;gap:10px;width:100%;padding:13px 14px;font-weight:700;display:flex}.nav-item.active{color:#103b3f;background:linear-gradient(135deg,#08b8cf,#10c6d7);border-color:#0000;box-shadow:0 10px 24px #001b1d42}.nav-caption{color:#7fa5a8;margin:28px 7px 10px;font-size:11px}.scope-card{color:#d2e1e2;align-items:center;gap:10px;padding:10px 8px;display:flex}.scope-card svg{color:#4cd0df}.scope-card span{color:#84a7aa;font-size:10px;display:block}.scope-card b{margin-top:2px;font-size:13px;display:block}.profile{border-top:1px solid #2e5558;grid-template-columns:38px 1fr 28px;align-items:center;gap:9px;padding-top:18px;display:grid}.avatar{background:#245256;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.profile b{font-size:12px;display:block}.profile span{color:#92afb1;font-size:10px}.profile button{color:#94b3b5;cursor:pointer;background:0 0;border:0}.content{min-width:0;padding:35px 40px}.page-head{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.page-head p{color:var(--blue-dark);margin:0;font-size:12px;font-weight:700}.page-head h1{margin:4px 0 0;font-size:26px}.secure-badge{color:var(--green);background:#eaf8f3;border:1px solid #d4f0e7;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.filters{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:14px;padding:17px;display:grid;box-shadow:0 4px 20px #153c3f0a}.filters label>span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.select-field>div,.search-field>div{color:#789194;background:#fbfdfd;border:1px solid #d9e6e6;border-radius:9px;align-items:center;gap:8px;height:43px;padding:0 11px;display:flex}.select-field svg,.search-field svg{width:17px;color:var(--blue-dark)}.select-field select{appearance:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0}.select-field select:disabled{color:#637b7e}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:60px}.search-field button{background:linear-gradient(135deg,var(--blue),#09c8d8);color:#103b3f;cursor:pointer;border:0;border-radius:7px;padding:7px 15px;font-size:12px;font-weight:800}.stats{grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0;display:grid}.stat{border:1px solid var(--line);text-align:right;color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;display:flex;box-shadow:0 5px 18px #153c3f08}.stat span{color:var(--muted);font-size:12px}.stat b{margin-top:5px;font-size:27px;display:block}.stat-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stat.blue .stat-icon{color:var(--blue-dark);background:#e5f9fb}.stat.green .stat-icon{color:var(--green);background:#e9f8f3}.stat.red .stat-icon{color:var(--red);background:#fff0f0}.stat.amber .stat-icon{color:var(--amber);background:#fff7e8}.stat.missing .stat-icon{color:#d56b22;background:#fff0e8}.stat-button{cursor:pointer;font:inherit}.stat-button:hover,.stat-button.active{background:#fffaf6;border-color:#efb58d;box-shadow:0 8px 24px #d56b2217}.stat-button.blue:hover{background:#f3fcfd;border-color:#9ddde5;box-shadow:0 8px 24px #08b8cf17}.stat-button.active{outline:2px solid #f4c5a5}.table-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 7px 24px #153c3f08}.table-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.table-title h2{margin:0;font-size:16px;display:inline}.table-title>div span{color:var(--muted);margin-right:9px;font-size:11px}.table-tools{align-items:center;gap:8px;display:flex}.reset-missing-filter{color:#b75d20;cursor:pointer;background:#fff8f3;border:1px solid #efb58d;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:800;display:flex}.reset-missing-filter:hover{background:#fff0e6}.date-chip{color:#587174;background:#f3f9f9;border:1px solid #dfeaea;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.export-button{color:var(--blue-dark);cursor:pointer;background:#e8f9fb;border:1px solid #aee5eb;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:800;display:flex}.export-button:hover{background:#d8f5f8}.table-scroll{max-height:calc(100vh - 390px);overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#6c8285;text-align:right;z-index:1;background:#f7fbfb;padding:12px 17px;font-size:11px;position:sticky;top:0}td{border-top:1px solid #e8f0f0;padding:11px 17px;font-size:12px}.employee{align-items:center;gap:9px;display:flex}.mini-avatar{color:#168393;background:#e3f7f9;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.mono{color:#5f777a;font-family:Arial,sans-serif}.status-pill{border-radius:14px;padding:5px 11px;font-size:10px;font-weight:800;display:inline-block}.status-pill.present{color:#119066;background:#e7f7f1}.status-pill.absent{color:#d94343;background:#ffeded}.status-pill.off{color:#66758c;background:#eef1f6}.status-pill.missing{color:#c66526;background:#fff0e8}.status-pill.leave{color:#b87812;background:#fff3dd}.status-actions{gap:4px;display:flex}.attendance-actions-cell{background:#fbfefe}.status-actions button{color:#60777a;cursor:pointer;background:#fff;border:1px solid #dbe7e7;border-radius:6px;padding:5px 8px;font-size:10px}.status-actions button:hover,.status-actions button.selected{color:var(--blue-dark);background:#e5f9fb;border-color:#55c9d7}.empty{text-align:center;color:var(--muted);padding:40px}.secure-badge.offline{color:var(--amber);background:#fff7e8;border-color:#f3dfb8}.live-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #14a67322}.secure-badge.updated .live-dot{animation:.8s ease-out livePulse}@keyframes livePulse{50%{box-shadow:0 0 0 8px #14a67322}}.table-card{overflow:visible}.export-wrap{position:relative}.export-popover{z-index:10;border:1px solid var(--line);background:#fff;border-radius:12px;width:290px;padding:15px;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 15px 40px #18365d26}.export-popover>b{margin-bottom:10px;font-size:13px;display:block}.export-popover>label{cursor:pointer;align-items:center;gap:7px;padding:7px 0;font-size:12px;display:flex}.export-popover>input,.range-inputs input{width:100%;color:var(--ink);border:1px solid #dfe5ee;border-radius:7px;padding:7px}.export-supplier-select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe5ee;border-radius:7px;margin-top:6px;padding:7px;display:block}.range-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range-inputs span{color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex;margin:0!important}.export-confirm{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:13px;padding:9px;font-size:12px;font-weight:800;display:flex}.head-actions{align-items:center;gap:9px;display:flex}.manage-nav{background:0 0;border:1px solid #4c7477;margin-top:8px}.manage-head-button{height:36px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #aee5eb;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.manager-overlay{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#082e31bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.manager-panel{background:#f3f8f8;border-radius:20px;flex-direction:column;width:min(1180px,100%);height:min(850px,94vh);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #092f3266}.manager-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:19px 23px;display:flex}.manager-head span,.employee-form header span{color:var(--blue-dark);font-size:11px;font-weight:800}.manager-head h2,.employee-form h3{margin:3px 0 0;font-size:22px}.icon-button{border:1px solid var(--line);color:#60787b;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.manager-toolbar{gap:12px;padding:16px 20px 10px;display:flex}.manager-search{border:1px solid var(--line);color:#789194;background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.manager-search input{background:0 0;border:0;outline:0;flex:1}.manager-filters{grid-template-columns:1.6fr 1fr 1fr auto;align-items:end;gap:10px;padding:0 20px 14px;display:grid}.manager-filters label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.manager-filters select{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #d9e6e6;border-radius:9px;outline:0;padding:0 10px}.clear-filters{color:#60787b;cursor:pointer;background:#fff;border:1px solid #d6e4e4;border-radius:9px;align-items:center;gap:5px;height:39px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.add-employee,.save-employee{background:linear-gradient(135deg,var(--blue),#0bc8d8);color:#103b3f;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:12px;font-weight:800;display:flex}.manager-error{color:#bb3636;background:#fff0f0;border:1px solid #ffd4d4;border-radius:8px;margin:0 20px 12px;padding:10px 12px;font-size:12px}.manager-table{border:1px solid var(--line);background:#fff;border-radius:13px;flex:1;margin:0 20px 20px;position:relative;overflow:auto}.manager-table table{min-width:850px}.manager-table td:first-child b,.manager-table td:first-child small{display:block}.manager-table td:first-child small{color:var(--muted);margin-top:3px;font-size:10px}.row-actions{gap:6px;display:flex}.row-actions button{cursor:pointer;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.edit-action{color:var(--blue-dark);background:#e8f9fb;border:1px solid #aee5eb}.delete-action{color:var(--red);background:#fff0f0;border:1px solid #ffd1d1}.manager-loading{background:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.employee-form-overlay{background:#0b383ba8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.employee-form{background:#fff;border-radius:17px;width:min(720px,100%);padding:22px;box-shadow:0 20px 60px #092f324d}.employee-form header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.employee-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.employee-fields label>span{margin-bottom:6px;font-size:11px;font-weight:700;display:block}.employee-fields input{background:#fbfdfd;border:1px solid #d9e6e6;border-radius:9px;outline:0;width:100%;height:43px;padding:0 11px}.employee-fields input:focus{border-color:#61cbd7;box-shadow:0 0 0 3px #08b8cf16}.employee-form footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.employee-form footer button{height:41px;padding:0 18px}.cancel-button{border:1px solid var(--line);color:#60787b;cursor:pointer;background:#fff;border-radius:9px}.save-employee:disabled{opacity:.6;cursor:wait}.manage-head-button,.nav-item{text-decoration:none}.tickets-head-button{color:#5e51a0;background:#fdfcff;border-color:#d5d2f0}.add-dates-button{color:#16865b;background:#f7fffb;border-color:#cce9dc}.date-manager-card{background:#fff;border-radius:18px;width:min(570px,100%);padding:24px;box-shadow:0 25px 80px #07132666}.date-manager-card header{justify-content:space-between;align-items:center;display:flex}.date-manager-card header span{color:var(--blue);font-size:11px;font-weight:800}.date-manager-card h2{margin:3px 0 0;font-size:22px}.date-manager-card>p{color:var(--muted);margin:20px 0;font-size:13px;line-height:1.8}.date-manager-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.date-manager-fields label>span{margin-bottom:6px;font-size:11px;font-weight:700;display:block}.date-manager-fields input{background:#fbfcfe;border:1px solid #dce2eb;border-radius:9px;outline:0;width:100%;height:44px;padding:0 11px}.date-manager-card>small{color:var(--muted);margin-top:12px;display:block}.date-manager-card .manager-error{margin:15px 0 0}.date-manager-card footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.date-manager-card footer button{height:41px;padding:0 18px}.audit-head-button{color:#176d75;background:#f8fdfd;border-color:#bedfe2}.audit-panel{background:#f3f8f8;border-radius:20px;flex-direction:column;width:min(1120px,100%);height:min(820px,94vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #092f3266}.audit-head-actions{gap:8px;display:flex}.spin-icon{animation:.8s linear infinite spin}.audit-summary{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.audit-summary>div{color:var(--blue-dark);align-items:center;gap:8px;display:flex}.audit-summary span{font-size:12px;font-weight:700}.audit-summary b{background:#dff6f8;border:1px solid #b9e7eb;border-radius:15px;padding:3px 9px;font-size:11px}.audit-summary small{color:var(--muted)}.audit-filters{grid-template-columns:1.7fr 1fr 1fr auto;align-items:end;gap:10px;padding:0 20px 14px;display:grid}.audit-filters>label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.audit-filters select,.audit-filters input[type=date]{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:10px;outline:0;padding:0 11px}.audit-table{border:1px solid var(--line);background:#fff;border-radius:13px;flex:1;margin:0 20px 20px;position:relative;overflow:auto}.audit-table table{min-width:860px}.audit-table td b,.audit-table td small{display:block}.audit-table td small{color:var(--muted);margin-top:3px;font-size:10px}.audit-time{color:#49676a;direction:rtl;font-weight:600}.audit-note{white-space:normal;color:#60777a;max-width:260px}.reports-head-button{color:#3b5d99;background:#fbfcff;border-color:#c9d8f3}.user-manager-panel{background:#f3f8f8;border-radius:20px;flex-direction:column;width:min(1000px,100%);height:min(780px,94vh);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #092f3266}.user-manager-table{border:1px solid var(--line);background:#fff;border-radius:13px;flex:1;margin:0 20px 20px;position:relative;overflow:auto}.user-manager-table table{min-width:780px}.user-manager-table td:first-child b,.user-manager-table td:first-child small{display:block}.user-manager-table td:first-child small{color:var(--muted);margin-top:3px;font-size:10px}.role-badge,.active-badge{border-radius:14px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.role-badge.admin{color:#087f90;background:#e5f9fb}.role-badge.manager{color:#6651ae;background:#eeeaff}.role-badge.supervisor{color:#567075;background:#edf2f5}.active-badge.enabled{color:#119066;background:#e7f7f1}.active-badge.disabled{color:#d94343;background:#ffeded}.user-edit-action{cursor:pointer;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.user-form .employee-fields select{width:100%;height:43px;color:var(--ink);background:#fbfdfd;border:1px solid #d9e6e6;border-radius:9px;outline:0;padding:0 11px}.scope-stations-field{background:#fbfdfd;border:1px solid #d9e6e6;border-radius:10px;grid-column:1/-1;padding:11px}.scope-stations-field legend{color:var(--blue-dark);padding:0 5px;font-size:11px;font-weight:800}.scope-stations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.scope-stations-grid label{background:#fff;border:1px solid #e2ecec;border-radius:8px;align-items:center;gap:7px;padding:7px;font-size:11px;display:flex}.scope-stations-grid input{width:15px;height:15px;accent-color:var(--blue-dark)}.scope-stations-field small{color:var(--muted)}.active-toggle{border:1px solid var(--line);background:#f8fcfc;border-radius:10px;align-items:center;gap:9px;margin-top:17px;padding:12px;font-size:12px;font-weight:700;display:flex}.active-toggle input{width:17px;height:17px;accent-color:var(--blue-dark)}.reports-panel{background:#f3f8f8;border-radius:20px;flex-direction:column;width:min(1240px,100%);height:min(860px,95vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #092f3266}.reports-toolbar{align-items:end;gap:10px;padding:14px 20px;display:flex}.reports-toolbar label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.reports-toolbar input{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:0 10px}.reports-toolbar .add-employee{height:42px}.reports-toolbar small{color:var(--muted);margin-inline-start:auto;padding-bottom:10px}.reports-body{flex:1;padding:0 20px 20px;position:relative;overflow:auto}.reports-loading{z-index:2;background:#f3f8f8d9;place-items:center;display:grid;position:absolute;inset:0}.report-kpis{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:15px;display:grid}.report-kpis>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px}.report-kpis span{color:var(--muted);font-size:11px;display:block}.report-kpis b{margin-top:4px;font-size:24px;display:block}.report-kpis .warning{background:#fff9f5;border-color:#f1c5a7}.report-kpis .warning b{color:#d56b22}.report-groups{grid-template-columns:1fr 1fr;gap:15px;display:grid}.report-group{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.report-group h3{border-bottom:1px solid var(--line);margin:0;padding:14px 16px;font-size:14px}.report-group-table{max-height:480px;overflow:auto}.report-group table{min-width:620px}.rate-cell{align-items:center;gap:7px;display:flex}.rate-cell>span{background:#e5eeee;border-radius:7px;width:70px;height:7px;overflow:hidden}.rate-cell i{background:linear-gradient(90deg,var(--blue-dark),var(--blue));border-radius:7px;height:100%;display:block}.rate-cell b{color:#45666a;font-size:10px}.login-page{background:#fff;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 18% 12%,#0ab9cc 0,#17666c 32%,#153c3f 72%);place-items:center;padding:70px;display:grid;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #4fd4df30;border-radius:50%;position:absolute}.login-visual:before{width:500px;height:500px;top:-120px;left:-180px}.login-visual:after{width:600px;height:600px;bottom:-260px;right:-330px}.visual-copy{z-index:1;max-width:510px;position:relative}.logo-large{background:#fffffff2;border:1px solid #ffffffb8;border-radius:24px;place-items:center;width:260px;height:170px;margin-bottom:46px;display:grid;overflow:hidden;box-shadow:0 18px 45px #082f334d}.logo-large img{object-fit:contain;width:100%;height:100%;transform:scale(1.34)}.visual-copy>p{color:#66e0e9;margin:0;font-weight:800}.visual-copy h1{margin:13px 0 36px;font-size:40px;line-height:1.45}.visual-points{flex-wrap:wrap;gap:20px;display:flex}.visual-points span{color:#d1e9ea;align-items:center;gap:6px;font-size:12px;display:flex}.visual-points svg{color:#46d3df;width:16px}.login-form-wrap{background:linear-gradient(#fff 0%,#f8fcfc 100%);place-items:center;padding:50px;display:grid}.login-card{width:min(410px,100%)}.login-brand{margin-bottom:60px}.login-brand strong{color:var(--ink)}.welcome h2{margin:0;font-size:29px}.welcome p{color:var(--muted);margin:8px 0 32px}.login-card label{margin-bottom:18px;display:block}.login-card label>span{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-shell{color:#789194;background:#fff;border:1px solid #d7e6e6;border-radius:10px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.input-shell:focus-within{border-color:#57c8d4;box-shadow:0 0 0 3px #08b8cf16}.input-shell svg{width:18px;color:var(--blue-dark)}.input-shell input{background:0 0;border:0;outline:0;width:100%;height:100%}.login-button{background:linear-gradient(135deg,var(--blue),#0bc8d8);color:#103b3f;cursor:pointer;border:0;border-radius:10px;width:100%;height:50px;font-weight:800;box-shadow:0 10px 25px #08b8cf35}.login-card small{text-align:center;color:#7d9295;margin-top:18px;display:block}.error-box{color:#bb3636;background:#fff0f0;border:1px solid #ffd4d4;border-radius:8px;margin-bottom:14px;padding:10px;font-size:12px}@media (max-width:1000px){.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:25px 12px}.brand>div:last-child,.scope-card div{display:none}.brand{justify-content:center}.nav-item{justify-content:center;font-size:0}.profile{grid-template-columns:1fr}.profile>div:nth-child(2),.profile button{display:none}.profile .avatar{margin:auto}.filters,.stats{grid-template-columns:1fr 1fr}.content{padding:25px}.manager-filters,.audit-filters{grid-template-columns:1fr 1fr}.report-groups{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media (max-width:650px){.app-shell{display:block}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;height:auto;position:static}.sidebar nav{display:none}.profile{border:0;padding:0}.content{padding:18px 12px}.filters,.stats{grid-template-columns:1fr}.page-head{align-items:flex-end}.page-head h1{font-size:21px}.secure-badge{display:none}.head-actions{flex-wrap:wrap;justify-content:flex-end}.manage-head-button{padding:0 9px}.manager-overlay{padding:0}.manager-panel,.audit-panel,.user-manager-panel,.reports-panel{border-radius:0;height:100vh}.manager-toolbar{flex-direction:column}.manager-filters,.audit-filters{grid-template-columns:1fr 1fr;padding-bottom:10px}.manager-filters label:first-child,.audit-filters label:first-child{grid-column:1/-1}.audit-summary{align-items:flex-start;gap:8px}.audit-summary small{text-align:left;max-width:48%}.reports-toolbar{flex-wrap:wrap}.reports-toolbar small{width:100%;margin:0}.report-kpis{grid-template-columns:1fr 1fr}.add-employee{height:43px}.employee-form-overlay{padding:10px}.employee-fields{grid-template-columns:1fr}.employee-form{max-height:94vh;overflow:auto}.date-manager-overlay{padding:12px}.date-manager-card{padding:19px}.date-manager-fields{grid-template-columns:1fr}.table-title{align-items:flex-start}.table-tools{flex-direction:column;align-items:stretch}.table-scroll{max-height:none}.login-form-wrap{padding:35px 20px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,a,input,select,textarea,.stat,.table-card,.filters,.nav-item,.manage-head-button,.export-button,.status-actions button,.employee-form,.manager-panel,.audit-panel,.reports-panel,.user-manager-panel{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s,opacity .2s}button:not(:disabled):hover,.nav-item:hover,.manage-head-button:hover,.export-button:hover,.status-actions button:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #08b8cf52}.content{animation:.38s both pageReveal}.filters,.stats,.table-card{animation:.45s both surfaceReveal}.stats .stat:nth-child(2){animation-delay:40ms}.stats .stat:nth-child(3){animation-delay:80ms}.stats .stat:nth-child(4){animation-delay:.12s}.stats .stat:nth-child(5){animation-delay:.16s}.table-card tbody tr{transition:background-color .18s}.table-card tbody tr:hover{background:#f4fbfb}.sidebar{box-shadow:inset -1px 0 #ffffff0d,8px 0 30px #082a2d14}.nav-item:not(.active):hover{background:#08b8cf4d;border-color:#4fd4df73}.login-card,.logo-large{animation:.55s both surfaceReveal}.login-visual:before{animation:18s linear infinite orbit}@keyframes pageReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes surfaceReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-form-wrap{background:radial-gradient(circle at 88% 8%,#08b8cf21,#0000 24%),linear-gradient(145deg,#fff 0%,#f4fbfb 100%);position:relative;overflow:hidden}.login-form-wrap:before{content:"";border:1px solid #08b8cf29;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-170px;right:-150px}.login-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #dce9e9f2;border-radius:24px;padding:34px 32px 30px;position:relative;box-shadow:0 24px 70px #153c3f1f,0 2px 5px #153c3f0a}.login-card:before{content:"";background:linear-gradient(90deg, var(--blue-dark), var(--blue), #39d3dc);border-radius:0 0 8px 8px;height:4px;position:absolute;inset:0 28px auto}.login-card .login-brand{padding-top:4px}.login-card .welcome h2{letter-spacing:-.04em}.input-shell:hover{border-color:#9bdde3;box-shadow:0 6px 18px #08b8cf14}.login-button:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 15px 32px #08b8cf66}@media (max-width:650px){.login-card{border-radius:20px;padding:29px 20px 24px}}:root{--bulk-bar-bg:#f0fbfc}.stats-day-filter{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 -4px;padding:10px 14px;display:flex;box-shadow:0 4px 14px #153c3f08}.stats-day-filter label{color:var(--ink);align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.stats-day-filter label svg{color:var(--blue-dark)}.stats-day-filter select{border:1px solid var(--line);min-width:105px;color:var(--ink);font:inherit;cursor:pointer;background:#f8fcfc;border-radius:9px;padding:8px 10px}.stats-day-filter small{color:var(--muted)}.stat-button.green:hover,.stat-button.green.active{background:#f2fcf8;border-color:#8bd9bc;box-shadow:0 8px 24px #1ca87917}.stat-button.red:hover,.stat-button.red.active{background:#fff7f7;border-color:#f2aaaa;box-shadow:0 8px 24px #e54b4b17}.stat-button.amber:hover,.stat-button.amber.active{background:#fffbf1;border-color:#edcd86;box-shadow:0 8px 24px #d7981b17}.stat-button.blue.active{background:#f3fcfd;border-color:#9ddde5;box-shadow:0 8px 24px #08b8cf17}.stat-button.active{outline-offset:1px;outline:2px solid}.attendance-head-logout{display:none}@media (max-width:1000px){.attendance-head-logout{display:flex}}.attendance-app[data-layout-direction=ltr] th{text-align:left}.attendance-app[data-layout-direction=ltr] th.day-column{text-align:center}.attendance-app[data-layout-direction=ltr] .export-popover{left:auto;right:0}.attendance-app[data-layout-direction=ltr] .stat{text-align:left}.attendance-app[data-layout-direction=ltr] .table-title>div span{margin-left:9px;margin-right:0}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:first-child{left:0;right:auto}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(2){left:230px;right:auto}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(3){left:330px;right:auto}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(4){left:430px;right:auto}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(5){left:530px;right:auto}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(6){left:650px;right:auto}.attendance-rates-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.attendance-rates-controls label{color:var(--muted);gap:4px;font-size:10px;display:grid}.attendance-rates-controls input{height:35px;color:var(--ink);background:#fff;border:1px solid #b9e4e7;border-radius:9px;padding:0 8px}.attendance-rates-controls button{height:35px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #b9e4e7;border-radius:9px;align-items:center;gap:5px;padding:0 10px;display:flex}.attendance-rate-help{color:#526d70;margin:0 0 14px;font-size:11px;line-height:1.8}.attendance-rate-note{color:#617a7d;margin-top:8px;font-size:10px;display:block}.rate-health.unavailable{color:#526d70;background:#edf3f3}.ticket-nav-count{color:#fff;background:#cc343f;border-radius:11px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:10px;display:inline-grid}.attendance-rates-panel[aria-busy=true] .attendance-rate-cards{opacity:.6}.attendance-rates-panel{background:linear-gradient(135deg,#fff 0%,#f4fbfb 100%);border:1px solid #d9e7e8;border-radius:17px;margin:18px 0;padding:18px;box-shadow:0 8px 28px #153c3f0d}.attendance-rates-panel>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.attendance-rates-panel>header span{color:var(--blue-dark);font-size:10px;font-weight:900;display:block}.attendance-rates-panel>header h2{margin:3px 0 2px;font-size:19px}.attendance-rates-panel>header small{color:var(--muted);font-size:11px}.attendance-rates-panel>header button{height:35px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #b9e4e7;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:800;display:flex}.attendance-rates-panel>header button:disabled{opacity:.6;cursor:wait}.attendance-rate-cards{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;display:grid}.attendance-rate-card{--supplier-accent:#183d5d;background:#fff;border:1px solid #dde8e9;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:0 5px 18px #153c3f0a}.attendance-rate-card:before{content:"";background:var(--supplier-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.attendance-rate-card.supplier-cyan{--supplier-accent:#08aebe}.attendance-rate-card.supplier-violet{--supplier-accent:#7566c6}.attendance-rate-card.supplier-coral{--supplier-accent:#e66e5b}.attendance-rate-card.supplier-green{--supplier-accent:#239a6e}.attendance-rate-card.supplier-amber{--supplier-accent:#d69a28}.attendance-rate-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.attendance-rate-card-head>b{color:var(--ink);font-size:14px}.rate-health{border-radius:13px;padding:4px 7px;font-weight:900;font-size:9px!important}.rate-health.excellent{color:#11845f;background:#e7f7f1}.rate-health.good{color:#087d8d;background:#e5f9fb}.rate-health.warning{color:#aa6e0d;background:#fff5df}.rate-health.critical{color:#c23d3d;background:#ffeded}.attendance-rate-values{grid-template-columns:1fr 1fr;gap:10px;margin:13px 0;display:grid}.attendance-rate-values>div{background:#fbfdfd;border:1px solid #e6eeee;border-radius:10px;padding:9px}.attendance-rate-values span,.attendance-rate-values small{color:var(--muted);font-size:9px;display:block}.attendance-rate-values strong{color:var(--supplier-accent);margin:2px 0;font-size:23px;display:block}.attendance-rate-progress{background:#e8efef;border-radius:6px;height:6px;overflow:hidden}.attendance-rate-progress i{border-radius:inherit;background:var(--supplier-accent);height:100%;transition:width .35s;display:block}.attendance-rates-error,.attendance-rates-empty{border-radius:10px;padding:12px;font-size:12px}.attendance-rates-error{color:#b73d3d;background:#fff0f0}.attendance-rates-empty{color:var(--muted);background:#f6f9f9}.attendance-rate-card{font:inherit;color:inherit;text-align:inherit;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.attendance-rate-card:hover,.attendance-rate-card:focus-visible{border-color:var(--supplier-accent);outline:0;transform:translateY(-2px);box-shadow:0 10px 24px #153c3f1a}.attendance-rate-open{justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-weight:900;display:flex;color:var(--supplier-accent)!important;font-size:10px!important}.missing-attendance-overlay{z-index:90}.missing-attendance-panel{width:min(1040px,100%);height:min(800px,94vh)}.missing-attendance-tabs{background:#f8fcfc;gap:8px;padding:15px 20px 10px;display:flex}.missing-attendance-tabs button{color:#567075;height:39px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4e5e6;border-radius:10px;padding:0 13px;font-size:11px;font-weight:800}.missing-attendance-tabs button b{background:#edf3f3;border-radius:10px;place-items:center;min-width:23px;height:20px;margin-inline-start:5px;display:inline-grid}.missing-attendance-tabs button.active{color:var(--blue-dark);background:#e7f9fb;border-color:#57c6d1}.missing-attendance-tabs button.active b{background:#fff}.missing-attendance-help{color:var(--muted);background:#f8fcfc;margin:0;padding:3px 20px 12px;font-size:11px}.missing-attendance-table table{min-width:820px}.missing-attendance-table select{width:150px;height:35px;color:var(--ink);font:inherit;background:#fff;border:1px solid #b9dfe2;border-radius:8px;padding:0 8px;font-size:11px}.missing-attendance-table select:disabled{opacity:.65;cursor:wait}.missing-date-locked{color:#7a898a;background:#f1f3f3;border-radius:8px;justify-content:center;align-items:center;min-width:70px;height:31px;font-size:10px;font-weight:800;display:inline-flex}.support-overlay{z-index:30}.support-panel{width:96vw;max-width:1400px}.support-toolbar{border-bottom:1px solid var(--line);background:#fbfefe;align-items:end;gap:18px;padding:18px 20px;display:flex}.support-toolbar label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.support-toolbar input{height:40px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfe2e3;border-radius:9px;padding:0 10px}.support-toolbar>div{gap:4px;margin-bottom:3px;display:grid}.support-toolbar>div b{color:var(--ink);font-size:14px}.support-toolbar>div small{color:var(--muted);font-size:11px}.support-search{background:#fff;border:1px solid #cfe2e3;border-radius:9px;flex:1;align-items:center;max-width:360px;padding:0 10px;display:flex!important}.support-search input{border:0;outline:0;width:100%;padding:0 8px}.support-actions{background:#f0fbfc;border-bottom:1px solid #d7eeee;align-items:center;gap:14px;padding:12px 20px;display:flex}.support-actions span{color:var(--muted);font-size:12px}.support-table{max-height:calc(100vh - 235px);overflow:auto}.support-table table{min-width:1100px}.support-table select,.support-table td input{height:34px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d3e4e4;border-radius:7px;padding:0 8px}.support-table td input{width:180px}.support-table th,.support-table td{white-space:nowrap}.support-table td:first-child{text-align:center;width:55px}.support-table td:first-child input{width:17px;height:17px;accent-color:var(--blue)}@media (max-width:650px){.stats-day-filter{flex-direction:column;align-items:flex-start}.stats-day-filter small{font-size:11px}.attendance-rates-panel{padding:14px}.attendance-rates-panel>header{align-items:flex-start}.attendance-rate-cards{grid-template-columns:1fr}.attendance-rate-values strong{font-size:20px}.missing-attendance-panel{border-radius:0;height:100vh}.missing-attendance-tabs{grid-template-columns:1fr;display:grid}.missing-attendance-tabs button{height:auto;min-height:42px}.missing-attendance-help{line-height:1.7}}@media (prefers-reduced-motion:reduce){.attendance-rate-progress i{transition:none}}.manager-table{z-index:0}.platform-nav-link{background:0 0;border-color:#4c7477;margin-top:8px;text-decoration:none}.platform-tabs{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:5px;margin:-10px 0 18px;padding:5px;display:inline-flex;box-shadow:0 4px 16px #153c3f0a}.platform-tabs a{color:var(--muted);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none}.platform-tabs a:hover{color:var(--blue-dark);background:#eaf9fb}.platform-tabs a.active{background:linear-gradient(135deg,var(--blue),#0bc8d8);color:#103b3f}.local-protection-banner{color:#8b5b08;text-align:center;background:#fff9e8;border:1px solid #f1d28f;border-radius:10px;margin:-16px 0 18px;padding:10px 14px;font-size:12px;font-weight:800}.employee-form-overlay{z-index:1000!important}.bulk-attendance-bar{background:var(--bulk-bar-bg);border-bottom:1px solid #d7eeee;align-items:end;gap:12px;padding:12px 20px;display:flex}.bulk-attendance-bar label>span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.bulk-attendance-bar select{background:#fff;border:1px solid #cde3e4;border-radius:8px;min-width:150px;height:38px;padding:0 10px}.bulk-attendance-bar button{height:38px}.override-head-button{color:#6651ae;background:#fdfbff;border-color:#d4c5f2}.attendance-override-overlay{z-index:1001}.attendance-override-panel{background:#f3f8f8;border-radius:20px;flex-direction:column;width:min(1260px,100%);height:min(850px,94vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #092f3266}.attendance-override-body{flex:1;padding:18px 20px 22px;overflow:auto}.override-law-notice{color:var(--blue-dark);background:linear-gradient(135deg,#e8fafb,#f7fefe);border:1px solid #bfe7eb;border-radius:13px;align-items:flex-start;gap:11px;margin-bottom:15px;padding:14px 16px;display:flex}.override-law-notice svg{flex:none;margin-top:1px}.override-law-notice b,.override-law-notice span{display:block}.override-law-notice b{font-size:13px}.override-law-notice span{color:#557579;margin-top:3px;font-size:11px;line-height:1.7}.override-form{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;box-shadow:0 5px 18px #153c3f08}.override-form-heading h3,.override-list-heading h3{color:var(--ink);margin:0;font-size:15px}.override-form-heading small,.override-list-heading small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.override-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.override-form-grid label{gap:6px;min-width:0;display:grid}.override-form-grid label>span{color:var(--muted);font-size:10px;font-weight:800}.override-form-grid input,.override-form-grid select{width:100%;height:41px;color:var(--ink);font:inherit;background:#fbfdfd;border:1px solid #d2e4e5;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.override-form-grid input:focus,.override-form-grid select:focus{border-color:#61cbd7;box-shadow:0 0 0 3px #08b8cf16}.override-form-grid input:disabled{color:#667d80;cursor:not-allowed;background:#f1f5f5}.override-form footer{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.override-form footer small{color:var(--muted);font-size:11px}.override-form footer .save-employee{height:40px}.override-environment-note{color:#8b5b08;background:#fff9e8;border:1px solid #e5d4ab;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:11px;font-weight:700}.override-list-heading{justify-content:space-between;align-items:end;gap:14px;margin:22px 1px 10px;display:flex}.override-list-heading>span{color:var(--blue-dark);background:#dff6f8;border-radius:15px;padding:5px 10px;font-size:10px;font-weight:800}.override-list{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:120px;position:relative;overflow:hidden}.override-empty{color:var(--muted);text-align:center;padding:36px 18px;font-size:12px}.override-row{border-bottom:1px solid #e7efef;grid-template-columns:minmax(150px,1.35fr) minmax(160px,1fr) minmax(155px,1fr) minmax(130px,.9fr) auto;align-items:center;gap:15px;padding:14px 16px;display:grid}.override-row:last-child{border-bottom:0}.override-row.active{box-shadow:inset 4px 0 #19a978}.override-row.expired{opacity:.75;background:#fcfdfd}.override-row>div>span,.override-row>div>small{color:var(--muted);font-size:10px;display:block}.override-row>div>b{color:var(--ink);margin-top:4px;font-size:11px;line-height:1.55;display:block}.override-supplier>b{color:var(--blue-dark)!important;font-size:14px!important}.override-supplier small{margin-top:3px}.override-active{color:#12855e!important}.override-expired{color:#bd4949!important}.override-row-action{justify-content:flex-end;display:flex}.override-revoke{justify-content:center;align-items:center;gap:5px;min-width:74px;padding:0 9px;font-size:10px;font-weight:800;width:auto!important;height:33px!important;display:flex!important}.override-environment-label{background:#f4f0ff;border-radius:8px;padding:6px 8px;font-weight:800;color:#6f59a9!important;font-size:10px!important}@media (max-width:900px){.override-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.override-row{grid-template-columns:1.35fr 1fr 1fr}.override-row-action{justify-content:flex-start}.override-row>div:nth-child(4){grid-column:2/4}}@media (max-width:650px){.attendance-override-overlay{padding:0}.attendance-override-panel{border-radius:0;height:100vh}.attendance-override-body{padding:14px}.override-law-notice{padding:12px}.override-form{padding:14px}.override-form-grid{grid-template-columns:1fr}.override-form footer{flex-direction:column;align-items:stretch}.override-form footer .save-employee{width:100%}.override-list-heading{flex-direction:column;align-items:flex-start}.override-row{grid-template-columns:1fr 1fr;gap:11px;padding:13px}.override-supplier{grid-column:1/-1}.override-row>div:nth-child(4){grid-column:auto}.override-row-action{grid-column:1/-1}.override-revoke{width:100%!important}.override-environment-label{text-align:center;width:100%}}