.attendance-app .head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}@media (min-width:651px){.attendance-app .sidebar nav{scrollbar-width:thin;scrollbar-color:#4b7c80 transparent;min-height:0;margin-top:28px;margin-bottom:18px;overflow-y:auto}.attendance-app .sidebar>.brand,.attendance-app .sidebar>.profile{flex-shrink:0}}.admin-tools{z-index:20;position:relative}.admin-tools summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.admin-tools summary::-webkit-details-marker{display:none}.admin-tools[open] summary{background:#eaf8f9;border-color:#68c9d3}.admin-tools-menu{inset-inline-end:0;background:#fff;border:1px solid #d9e9e9;border-radius:14px;gap:4px;width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);box-shadow:0 16px 42px #153c3f24}.admin-tools-menu .manage-head-button{color:#294e51;background:0 0;border:0;justify-content:flex-start;width:100%;height:40px}.admin-tools-menu .manage-head-button:hover{background:#eef8f8}.attendance-app :is(button,summary):focus-visible{outline-offset:3px;outline:3px solid #078c9d}.attendance-app .stat{--stat-accent:#078797;--stat-ring:#08b8cf24;background:#fff;transition:box-shadow .18s,border-color .18s}.attendance-app .stat.green{--stat-accent:#11815b;--stat-ring:#1ba57525}.attendance-app .stat.red{--stat-accent:#bf4141;--stat-ring:#dc515125}.attendance-app .stat.amber,.attendance-app .stat.missing{--stat-accent:#ab651a;--stat-ring:#d8902925}.attendance-app .stat.active{border-color:var(--stat-accent);box-shadow:0 0 0 3px var(--stat-ring),0 9px 24px #153c3f0b;background:#fff;outline:0}.stat-value{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.stat-value .stat-percentage{background:var(--stat-ring);color:var(--stat-accent);direction:ltr;border-radius:20px;padding:3px 7px;font-size:11px;font-weight:700}.pending-dot{background:#d78025;border-radius:50%;width:7px;height:7px;margin-inline-end:6px;animation:2.2s ease-out infinite pending-pulse;display:inline-block}@keyframes pending-pulse{50%{box-shadow:0 0 0 4px #d780251c}}.attendance-rate-card .attendance-rate-progress{background:#eaf0f0;border-radius:20px;height:9px}.attendance-rate-progress.excellent i{background:linear-gradient(90deg,#1aa775,#64cfa8)}.attendance-rate-progress.good i{background:linear-gradient(90deg,#07899a,#42c5ce)}.attendance-rate-progress.warning i{background:linear-gradient(90deg,#c28919,#edc565)}.attendance-rate-progress.critical i{background:linear-gradient(90deg,#c74646,#ee8b76)}.attendance-rate-values small.rate-exclusion{color:#536c70;background:#edf2f2;border-radius:6px;margin-top:7px;padding:3px 7px;display:inline-block}.monthly-attendance-scroll td.day-weekend{background:#f3f8f9}.monthly-attendance-scroll th.day-weekend{background:#254c50}.monthly-attendance-scroll td.day-today{background:#eef9f9}.monthly-attendance-scroll th.day-today{box-shadow:inset 0 3px #08b8cf}.monthly-attendance-scroll td.day-selected{background:#eaf8fa;box-shadow:inset 1px 0 #b9e4e8,inset -1px 0 #b9e4e8}.monthly-attendance-scroll th.day-selected{background:#12606a;box-shadow:inset 0 3px #29d4e2}.monthly-attendance-scroll th:is(.day-weekend,.day-selected,.sticky-identity){color:#f2fafb}.monthly-attendance-scroll .sticky-identity:nth-child(6){border-inline-end:1px solid #c2d9dc;box-shadow:-8px 0 16px -8px #153c3f50}.attendance-app[data-layout-direction=ltr] .monthly-attendance-scroll .sticky-identity:nth-child(6){box-shadow:8px 0 16px -8px #153c3f50}.monthly-attendance-scroll .month-status-cell select{appearance:none;color:#556a70;cursor:pointer;background:#eef2f3;border:1px solid #0000;border-radius:20px;min-height:28px;transition:box-shadow .15s}.monthly-attendance-scroll .month-status-cell select[data-status=P]{color:#126b4a;background:#ddf3e9}.monthly-attendance-scroll .month-status-cell select[data-status=A]{color:#a63232;background:#fde6e6}.monthly-attendance-scroll .month-status-cell select[data-status=NJ]{color:#935b12;background:#fff0d9}.monthly-attendance-scroll .month-status-cell select[data-status=WO]{color:#536370;background:#e6ebef}.monthly-attendance-scroll .month-status-cell select:is([data-status=إجازة],[data-status=Sick\ Leave]){color:#66508c;background:#eee8f9}.monthly-attendance-scroll .month-status-cell select:focus{appearance:auto;border-color:#078c9d;outline:0;min-width:44px;box-shadow:0 0 0 3px #08b8cf30}.monthly-attendance-scroll .month-status-cell select:disabled{cursor:not-allowed;opacity:.8}.month-status-cell select option{color:#153c3f;background:#fff}.polish-empty{color:#55767b;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:160px;display:flex}.polish-empty>svg{color:#148d99;box-sizing:content-box;background:#e9f7f7;border-radius:18px;padding:13px}.polish-skeleton{color:#547277;gap:15px;width:min(680px,90%);margin:24px auto;font-size:12px;display:grid}.polish-skeleton i{background:linear-gradient(100deg,#e6efef 25%,#f7fbfb 45%,#e6efef 65%) 0 0/250% 100%;border-radius:8px;height:29px;animation:1.7s ease-in-out infinite polish-shimmer}.polish-skeleton i:nth-child(3){width:85%}.polish-skeleton i:last-child{width:65%}@keyframes polish-shimmer{to{background-position:-170% 0}}.login-visual{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px),radial-gradient(at 20% 25%,#16717c 0,#0000 60%),linear-gradient(145deg,#123b3f,#092b30);background-size:48px 48px,48px 48px,auto,auto}.login-card .login-button{justify-content:center;align-items:center;gap:12px;display:flex}.login-button svg{transition:transform .2s}.login-button:hover svg{transform:translate(-4px)}.login-card .input-shell:focus-within{border-color:#08a3b7;box-shadow:0 0 0 3px #08b8cf20}.quality-comparison{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:10px;display:grid}.quality-comparison article{background:#fff;border:1px solid #dae7e8;border-radius:12px;padding:15px}.quality-comparison h4{margin:0 0 12px;font-size:14px}.quality-comparison dl{gap:5px;margin:0;display:grid}.quality-comparison dl>div{border-radius:6px;justify-content:space-between;gap:12px;padding:6px;font-size:11px;display:flex}.quality-comparison dt{color:#627b7e}.quality-comparison dd{overflow-wrap:anywhere;margin:0;font-weight:700}.quality-comparison .matched-field{color:#8f6018;background:#fff3dd}.tickets-page .ticket-message{border-radius:18px 18px 18px 5px;box-shadow:0 3px 10px #153c3f06}.tickets-page .ticket-message.mine{background:#e8f7f8;border-radius:18px 18px 5px}.ticket-message header{flex-wrap:wrap;align-items:center}.sender-role{color:#22664d;background:#e5f2ed;border-radius:20px;padding:2px 7px;font-size:9px}.sender-role.admin{color:#183f4b;background:#e3ebee}.status-timeline{max-height:190px;margin:14px 0;padding:0 15px 0 0;list-style:none;overflow:auto}.status-timeline li{border-inline-start:2px solid #d6e8e8;flex-wrap:wrap;align-items:center;gap:5px 14px;padding:0 17px 16px;display:flex;position:relative}.status-timeline li:before{content:"";inset-inline-start:-6px;background:#0794a5;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;box-shadow:0 0 0 1px #b7dadd}.status-timeline li[data-status=closed]:before{background:#219367}.status-timeline time{color:#607a7d;font-size:10px}.print-heading{display:none}@media (prefers-reduced-motion:reduce){.pending-dot,.polish-skeleton i{animation:none}.login-button svg,.attendance-app .stat{transition:none}}@media (max-width:700px){.attendance-app .page-head{align-items:flex-start;gap:15px}.admin-tools-menu{max-width:calc(100vw - 32px)}.quality-comparison{grid-template-columns:1fr}.stat-value{gap:5px}}@media (max-width:650px){.attendance-app .page-head{flex-direction:column}.attendance-app .head-actions{justify-content:flex-start}.attendance-app .filters{grid-template-columns:minmax(0,1fr)}.attendance-app .filters :is(label,input,select){min-width:0;max-width:100%}.attendance-app .search-field input{width:100%}.attendance-app .admin-tools-menu{inset-inline:auto 0}}@media print{@page{size:A3 landscape;margin:10mm}.attendance-app .sidebar,.attendance-app .page-head,.attendance-app .platform-tabs,.attendance-app .filters,.attendance-app .stats-day-filter,.attendance-app .stats,.attendance-app .attendance-rates-panel,.attendance-app .table-tools,.attendance-app .local-protection-banner,.attendance-note-button,.manager-overlay{display:none!important}.attendance-app.app-shell{display:block}.attendance-app .content{width:100%;margin:0;padding:0}.print-heading{border-bottom:2px solid #153c3f;align-items:center;gap:20px;margin-bottom:18px;padding-bottom:12px;display:flex}.print-heading img{width:75px}.print-heading h1{margin:0;font-size:20px}.print-heading p{font-size:11px}.monthly-attendance-scroll{max-height:none!important;overflow:visible!important}.monthly-attendance-scroll table{table-layout:fixed;width:100%;min-width:0!important}.monthly-attendance-scroll :is(th,td){overflow-wrap:anywhere;font-size:6px;white-space:normal!important;width:auto!important;min-width:0!important;box-shadow:none!important;padding:3px 1px!important;position:static!important}.monthly-attendance-scroll :is(th,td).name-column{width:65px!important}.monthly-attendance-scroll .month-status-cell select{appearance:none;border:0;width:100%;min-height:0;padding:0;font-size:6px;min-width:0!important}.monthly-attendance-scroll .mini-avatar,.monthly-attendance-scroll input[type=checkbox]{display:none}.monthly-attendance-scroll thead{display:table-header-group}.monthly-attendance-scroll tr{break-inside:avoid}.attendance-app .table-card{box-shadow:none;border:0}body{background:#fff}}.attendance-app .month-filter input[type=month]{color:#17636d;width:100%;min-width:0;height:43px;font:inherit;cursor:pointer;background:#f2fafb;border:1px solid #c7e3e6;border-radius:9px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .18s,background-color .18s,box-shadow .18s;display:block}.attendance-app .month-filter input[type=month]:hover{background:#eaf7f9;border-color:#75c9d2}.attendance-app .month-filter input[type=month]:focus-visible{outline-offset:2px;border-color:#078c9d;outline:3px solid #08b8cf30}.attendance-app .month-filter input[type=month]::-webkit-datetime-edit{padding:0}.attendance-app .month-filter input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65;margin:0;padding:4px}@media (prefers-reduced-motion:reduce){.attendance-app .month-filter input[type=month]{transition:none}}