*{box-sizing:border-box}html{background:#f6f8fc}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}button,input{font-family:inherit}.feedback-confirm-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out feedback-backdrop-in;display:flex;position:fixed;inset:0}.feedback-confirm-card{background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:24px;width:min(440px,100%);padding:28px;animation:.19s cubic-bezier(.2,.8,.2,1) feedback-modal-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a38,0 8px 24px #0f172a14}.feedback-confirm-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa,#2563eb);border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:28px;right:28px}.feedback-confirm-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.feedback-confirm-icon.info{color:#2563eb;background:#eff6ff}.feedback-confirm-icon.success{color:#15803d;background:#f0fdf4}.feedback-confirm-icon.warning{color:#b45309;background:#fffbeb}.feedback-confirm-icon.danger{color:#dc2626;background:#fef2f2}.feedback-confirm-copy{flex-direction:column;display:flex}.feedback-confirm-eyebrow{letter-spacing:.12em;color:#2563eb;margin-bottom:7px;font-size:9px;font-weight:800}.feedback-confirm-copy h3{letter-spacing:-.025em;color:#0f172a;margin:0;font-size:19px;font-weight:800}.feedback-confirm-copy p{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.7}.feedback-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.feedback-button{min-height:44px;font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-size:11px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s}.feedback-button:active{transform:translateY(1px)}.feedback-button.secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.feedback-button.secondary:hover{background:#f8fafc}.feedback-button.primary{color:#fff;background:#2563eb;border:0;box-shadow:0 8px 18px #2563eb2e}.feedback-button.primary.info{background:#2563eb}.feedback-button.primary.success{background:#16a34a}.feedback-button.primary.warning{background:#2563eb}.feedback-button.primary.danger{background:#dc2626;box-shadow:0 8px 18px #dc26262e}.feedback-button.primary:hover{filter:brightness(.96)}.feedback-toast-stack{z-index:11000;pointer-events:none;flex-direction:column;gap:10px;width:min(390px,100vw - 32px);display:flex;position:fixed;top:22px;right:22px}.feedback-toast{-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#fffffff7;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:11px;padding:14px 14px 14px 13px;animation:.21s cubic-bezier(.2,.8,.2,1) feedback-toast-in;display:grid;position:relative;box-shadow:0 18px 45px #0f172a24,0 4px 12px #0f172a0d}.feedback-toast:before{content:"";border-radius:0 999px 999px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.feedback-toast.info:before{background:#3b82f6}.feedback-toast.success:before{background:#22c55e}.feedback-toast.warning:before{background:#f59e0b}.feedback-toast.danger:before{background:#ef4444}.feedback-toast-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.feedback-toast-icon.info{color:#2563eb;background:#eff6ff}.feedback-toast-icon.success{color:#15803d;background:#f0fdf4}.feedback-toast-icon.warning{color:#b45309;background:#fffbeb}.feedback-toast-icon.danger{color:#dc2626;background:#fef2f2}.feedback-toast-copy{flex-direction:column;min-width:0;padding-top:1px;display:flex}.feedback-toast-copy strong{color:#0f172a;font-size:11px;font-weight:800}.feedback-toast-copy span{color:#64748b;margin-top:3px;font-size:10px;line-height:1.5}.feedback-toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.feedback-toast-close:hover{color:#475569;background:#f1f5f9}@keyframes feedback-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes feedback-toast-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.feedback-confirm-backdrop{align-items:flex-end;padding:12px}.feedback-confirm-card{border-radius:22px;width:100%;padding:23px}.feedback-confirm-actions{grid-template-columns:1fr}.feedback-button.primary{order:-1}.feedback-toast-stack{width:auto;top:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.feedback-confirm-backdrop,.feedback-confirm-card,.feedback-toast{animation:none}}.roster-date-button{color:#4338ca;cursor:pointer;background:linear-gradient(135deg,#eef2ff,#eff6ff);border:1px solid #c7d2fe;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:9px;font-weight:750;transition:all .18s;display:inline-flex}.roster-date-button:hover{border-color:#818cf8;transform:translateY(-1px)}.roster-toolbar-actions{align-items:center;gap:8px;display:flex}.date-assignment-drawer{z-index:230;background:#fff;flex-direction:column;width:min(720px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a38}.date-assignment-body{flex:1;padding:20px 24px 28px;overflow-y:auto}.date-assignment-intro{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:17px;padding:14px;display:flex}.date-assignment-intro>div{flex-direction:column;display:flex}.date-assignment-intro strong{color:#1e40af;font-size:10px}.date-assignment-intro span{color:#64748b;margin-top:3px;font-size:8px;line-height:1.5}.date-assignment-section{border:1px solid var(--slate-200);background:#fbfcfe;border-radius:13px;margin-bottom:17px;padding:15px}.date-assignment-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.date-assignment-section-title{color:#2563eb;align-items:center;gap:7px;display:flex}.date-assignment-section-title>div{flex-direction:column;display:flex}.date-assignment-section-title strong{color:var(--slate-700);font-size:10px}.date-assignment-section-title span{color:var(--slate-400);margin-top:2px;font-size:7px}.date-assignment-month{color:#2563eb;background:#eff6ff;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:750}.date-assignment-status{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.date-assignment-status button{border:1px solid var(--slate-200);height:39px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.date-assignment-status button.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.date-assignment-status button.active.off{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.date-assignment-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px;display:grid}.date-assignment-summary-card{border:1px solid var(--slate-200);text-align:center;background:#fff;border-radius:11px;padding:12px}.date-assignment-summary-card span{color:var(--slate-400);letter-spacing:.05em;text-transform:uppercase;font-size:7px;font-weight:700;display:block}.date-assignment-summary-card strong{color:var(--slate-800);margin-top:4px;font-size:17px;display:block}.date-assignment-summary-card.warning{background:#fff7ed;border-color:#fed7aa}.date-assignment-summary-card.warning strong{color:#c2410c}.date-employee-list{flex-direction:column;gap:11px;display:flex}.date-employee-card{border:1px solid var(--slate-200);background:#fff;border-radius:12px;overflow:hidden}.date-employee-header{border-bottom:1px solid var(--slate-100);background:#fbfcfe;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.date-employee-identity{align-items:center;gap:9px;min-width:0;display:flex}.date-employee-avatar{color:#2563eb;background:#dbeafe;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.date-employee-info{flex-direction:column;min-width:0;display:flex}.date-employee-info strong{text-overflow:ellipsis;white-space:nowrap;color:var(--slate-800);font-size:9px;overflow:hidden}.date-employee-info span{color:var(--slate-400);margin-top:2px;font-size:7px}.date-employee-actions{align-items:center;gap:6px;display:flex}.date-employee-actions button{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;height:28px;padding:0 8px;font-size:7px;font-weight:700}.date-employee-actions button.secondary{border-color:var(--slate-200);color:var(--slate-500);background:#fff}.date-checkbox-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:11px;display:grid}.date-checkbox-item{border:1px solid var(--slate-200);cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;min-width:0;min-height:65px;padding:8px;transition:all .15s;display:flex;position:relative}.date-checkbox-item:hover{background:#fbfdff;border-color:#bfdbfe}.date-checkbox-item.selected{background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 2px #2563eb0a}.date-checkbox-item.disabled{opacity:.42;cursor:not-allowed;background:#f8fafc}.date-checkbox-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.date-checkbox-top input{accent-color:#2563eb;cursor:pointer;width:14px;height:14px;margin:0}.date-checkbox-item.disabled .date-checkbox-top input{cursor:not-allowed}.date-checkbox-number{color:var(--slate-800);font-size:11px;font-weight:800}.date-checkbox-weekday{color:var(--slate-400);margin-top:2px;font-size:6.5px}.date-existing-roster{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;padding-top:6px;font-size:6px;font-weight:700;overflow:hidden}.date-existing-roster.work{color:#2563eb}.date-existing-roster.off{color:#94a3b8}.date-selected-label{color:#2563eb;margin-top:auto;padding-top:5px;font-size:6px;font-weight:800}.date-invalid-label{color:#b45309;margin-top:auto;padding-top:5px;font-size:6px;font-weight:700}.date-assignment-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;margin-bottom:16px;padding:10px 11px;font-size:8px;line-height:1.5}.date-assignment-loading{min-height:300px;color:var(--slate-400);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.date-assignment-loading strong{font-size:9px}@media (width<=700px){.roster-toolbar-actions{flex-direction:column;width:100%}.roster-toolbar-actions button{width:100%}.date-assignment-summary{grid-template-columns:1fr}.date-checkbox-grid{grid-template-columns:repeat(4,1fr)}.date-employee-header{flex-direction:column;align-items:flex-start}.date-employee-actions{width:100%}.date-employee-actions button{flex:1}}.date-clear-all-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:8px;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.date-clear-all-button svg{stroke-width:2px;flex:none}.date-clear-all-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 3px 9px #2563eb14}.date-clear-all-button:active{transform:translateY(0)}.roster-table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;position:relative;overflow:auto visible}.roster-table-scroll::-webkit-scrollbar{height:9px}.roster-table-scroll::-webkit-scrollbar-track{background:0 0}.roster-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:2px solid #0000;border-radius:999px}.roster-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.roster-table .roster-employee-column{box-sizing:border-box;width:235px;min-width:235px;max-width:235px;position:sticky;left:0}.roster-table thead .roster-employee-column{z-index:6;background:#f8fafc;border-right:1px solid #e2e8f0;box-shadow:9px 0 15px -14px #0f172aa6}.roster-table tbody .roster-employee-column{z-index:4;background:#fff;border-right:1px solid #edf2f7;box-shadow:9px 0 15px -14px #0f172a80}.roster-table tbody tr:hover .roster-employee-column{background:#f8fbff}.roster-table .roster-employee,.roster-table .roster-employee>div:last-child{min-width:0;overflow:hidden}.roster-table .roster-employee>div:last-child strong,.roster-table .roster-employee>div:last-child span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.roster-table .roster-date-column{z-index:1;position:relative}.roster-table tbody .roster-date-column{background:#fff}.roster-table thead .roster-employee-column:after,.roster-table tbody .roster-employee-column:after{content:"";pointer-events:none;background:#e2e8f0;width:1px;position:absolute;top:0;bottom:0;right:-1px}@media (width<=900px){.roster-table .roster-employee-column{width:215px;min-width:215px;max-width:215px}.roster-table .roster-employee>div:last-child strong,.roster-table .roster-employee>div:last-child span{max-width:140px}}@media (width<=600px){.roster-table .roster-employee-column{width:190px;min-width:190px;max-width:190px}.roster-table .roster-employee>div:last-child strong,.roster-table .roster-employee>div:last-child span{max-width:115px}}.roster-table .roster-cell{transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.roster-table .roster-cell.empty{color:#94a3b8;background:#fff;border:1px dashed #dbe3ed}.roster-table .roster-cell.empty:hover{color:#2563eb;background:#f8fbff;border-color:#93c5fd}.roster-table .roster-empty-mark{color:#94a3b8;font-weight:500}.roster-table .roster-cell.empty:hover .roster-empty-mark{color:#2563eb}.roster-table .roster-cell.work{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe}.roster-table .roster-cell.work strong{color:#1d4ed8}.roster-table .roster-cell.work span{color:#64748b}.roster-table .roster-cell.work:hover{background:#eaf3ff;border-color:#93c5fd;box-shadow:0 4px 12px #2563eb14}.roster-table .roster-cell.off{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.roster-table .roster-cell.off strong{color:#64748b}.roster-table .roster-cell.off svg{color:#94a3b8}.roster-table .roster-cell.off:hover{background:#f1f5f9;border-color:#cbd5e1}.roster-table thead .roster-date-column.today{z-index:3;color:#1d4ed8;background:#eff6ff;position:relative;box-shadow:inset 0 -2px #3b82f6}.roster-table thead .roster-date-column.today span{color:#60a5fa}.roster-table thead .roster-date-column.today strong{color:#1d4ed8}.roster-table tbody .roster-date-column.today{background:#f8fbff}.roster-table tbody .roster-date-column.today .roster-cell{box-shadow:0 0 0 1px #3b82f62e}.roster-table tbody .roster-date-column.today .roster-cell.empty{background:#f5f9ff;border-color:#bfdbfe}.roster-table tbody .roster-date-column.today .roster-empty-mark{color:#3b82f6}.roster-calendar-help{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.roster-calendar-help>p{color:var(--slate-400);text-align:right;margin:0;font-size:8px;line-height:1.5}.roster-calendar-legend{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;display:flex}.roster-legend-item{color:var(--slate-500);white-space:nowrap;align-items:center;gap:5px;font-size:7.5px;font-weight:650;display:inline-flex}.roster-legend-swatch{border-radius:4px;flex:none;width:13px;height:13px;display:inline-block}.roster-legend-swatch.work{background:#eff6ff;border:1px solid #bfdbfe}.roster-legend-swatch.off{background:#f1f5f9;border:1px solid #cbd5e1}.roster-legend-swatch.empty{background:#fff;border:1px dashed #cbd5e1}.roster-legend-swatch.today{background:#eff6ff;border:1px solid #93c5fd;position:relative}.roster-legend-swatch.today:after{content:"";background:#3b82f6;border-radius:999px;height:2px;position:absolute;bottom:1px;left:2px;right:2px}@media (width<=800px){.roster-calendar-info{flex-direction:column;align-items:flex-start;gap:10px}.roster-calendar-help{align-items:flex-start;width:100%}.roster-calendar-help>p{text-align:left}.roster-calendar-legend{justify-content:flex-start}}.roster-table thead .roster-date-column.weekend:not(.today){color:#c2410c;background:#fff7ed;box-shadow:inset 0 -2px #fdba74}.roster-table thead .roster-date-column.weekend:not(.today) span{color:#ea580c}.roster-table thead .roster-date-column.weekend:not(.today) strong{color:#9a3412}.roster-table tbody .roster-date-column.weekend:not(.today){background:#fffdf8;box-shadow:inset 1px 0 #fef3c7,inset -1px 0 #fef3c7}.roster-table tbody .roster-date-column.weekend:not(.today) .roster-cell.empty{background:#fffdf9;border-color:#fde7bd}.roster-table tbody .roster-date-column.weekend .roster-cell.work{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-color:#dbeafe}.roster-table tbody .roster-date-column.weekend .roster-cell.off{background:#f8fafc;border-color:#e2e8f0}.roster-table thead .roster-date-column.today.weekend{color:#1d4ed8;background:#eff6ff;box-shadow:inset 0 -2px #3b82f6}.roster-table thead .roster-date-column.today.weekend span{color:#60a5fa}.roster-table thead .roster-date-column.today.weekend strong{color:#1d4ed8}.roster-legend-swatch.weekend{background:#fff7ed;border:1px solid #fdba74}.roster-table .roster-cell.work.shift-pagi{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe}.roster-table .roster-cell.work.shift-pagi strong{color:#1d4ed8}.roster-table .roster-cell.work.shift-pagi span{color:#64748b}.roster-table .roster-cell.work.shift-pagi:hover{background:#eaf3ff;border-color:#93c5fd;box-shadow:0 4px 12px #2563eb14}.roster-table .roster-cell.work.shift-petang{color:#ea580c;background:linear-gradient(135deg,#fff7ed,#fffaf4);border:1px solid #fed7aa}.roster-table .roster-cell.work.shift-petang strong{color:#ea580c}.roster-table .roster-cell.work.shift-petang span{color:#7c2d12}.roster-table .roster-cell.work.shift-petang:hover{background:#fff1e6;border-color:#fdba74;box-shadow:0 4px 12px #ea580c14}.roster-table .roster-cell.work.shift-malam{color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#f5f3ff);border:1px solid #d8b4fe}.roster-table .roster-cell.work.shift-malam strong{color:#6d28d9}.roster-table .roster-cell.work.shift-malam span{color:#5b21b6}.roster-table .roster-cell.work.shift-malam:hover{background:#f4ecff;border-color:#c084fc;box-shadow:0 4px 12px #7c3aed14}.roster-table .roster-cell.work.shift-default{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe}.roster-table .roster-cell.work.shift-default strong{color:#1d4ed8}.roster-table .roster-cell.work.shift-default span{color:#64748b}.roster-legend-swatch.shift-pagi{background:#eff6ff;border:1px solid #bfdbfe}.roster-legend-swatch.shift-petang{background:#fff7ed;border:1px solid #fed7aa}.roster-legend-swatch.shift-malam{background:#faf5ff;border:1px solid #d8b4fe}.attendance-page{flex-direction:column;gap:20px;display:flex}.attendance-page-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.attendance-eyebrow{letter-spacing:.12em;color:#2563eb;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.attendance-page-header h2{color:#0f172a;margin:0;font-size:29px;font-weight:800;line-height:1.2}.attendance-page-header p{color:#64748b;max-width:680px;margin:8px 0 0;font-size:14px;line-height:1.65}.attendance-header-actions{align-items:center;gap:10px;display:flex}.attendance-date-control{background:#fff;border:1px solid #dbe4f0;border-radius:14px;align-items:center;gap:12px;min-width:210px;padding:12px 15px;display:flex}.attendance-date-control>svg{color:#2563eb;flex:none}.attendance-date-control div{flex-direction:column;flex:1;gap:3px;display:flex}.attendance-date-control span{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.attendance-date-control input{width:100%;font:inherit;color:#0f172a;background:0 0;border:0;outline:none;padding:0;font-size:13px;font-weight:700}.attendance-today-button{min-height:46px;font:inherit;white-space:nowrap;cursor:pointer;color:#2563eb;background:#fff;border:1px solid #dbe4f0;border-radius:13px;justify-content:center;align-items:center;padding:0 15px;font-size:11px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.attendance-today-button:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe}.attendance-today-button:active:not(:disabled){transform:translateY(1px)}.attendance-today-button:disabled{cursor:default;color:#94a3b8;opacity:.7;background:#f8fafc}.attendance-recalculate-button{min-height:46px;font:inherit;white-space:nowrap;cursor:pointer;color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.attendance-recalculate-button:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.attendance-recalculate-button:active:not(:disabled){transform:translateY(1px)}.attendance-recalculate-button:disabled{cursor:not-allowed;opacity:.6}.attendance-recalculate-spin{animation:.8s linear infinite attendance-recalculate-spin}@keyframes attendance-recalculate-spin{to{transform:rotate(360deg)}}@media (width<=720px){.attendance-header-actions{flex-direction:column;width:100%}.attendance-today-button,.attendance-recalculate-button{width:100%}}.attendance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.attendance-stat-card{background:#fff;border:1px solid #dfe7f1;border-radius:16px;align-items:center;gap:14px;min-height:108px;padding:18px;display:flex}.attendance-stat-icon{border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.attendance-stat-icon.present{color:#059669;background:#ecfdf5}.attendance-stat-icon.late{color:#d97706;background:#fffbeb}.attendance-stat-icon.absent{color:#dc2626;background:#fef2f2}.attendance-stat-icon.incomplete{color:#7c3aed;background:#f5f3ff}.attendance-stat-card>div:last-child{flex-direction:column;display:flex}.attendance-stat-card span{color:#64748b;font-size:12px;font-weight:600}.attendance-stat-card strong{color:#0f172a;margin-top:2px;font-size:24px;line-height:1.15}.attendance-stat-card small{color:#94a3b8;margin-top:4px;font-size:11px}.attendance-table-card{background:#fff;border:1px solid #dfe7f1;border-radius:17px;overflow:hidden}.attendance-table-header{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.attendance-table-kicker{letter-spacing:.1em;color:#2563eb;font-size:10px;font-weight:800}.attendance-table-header h3{color:#0f172a;margin:3px 0 0;font-size:17px}.attendance-table-header p{color:#94a3b8;margin:5px 0 0;font-size:12px}.attendance-record-count{color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.attendance-table-placeholder{text-align:center;flex-direction:column;align-items:center;padding:52px 24px;display:flex}.attendance-placeholder-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:14px;display:flex}.attendance-table-placeholder strong{color:#0f172a;font-size:14px}.attendance-table-placeholder p{color:#94a3b8;max-width:440px;margin:7px 0 0;font-size:12px;line-height:1.6}@media (width<=1050px){.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.attendance-page-header{flex-direction:column}.attendance-date-control{width:100%}.attendance-stats{grid-template-columns:1fr}.attendance-table-header{flex-direction:column;align-items:flex-start}}.attendance-state-message{text-align:center;flex-direction:column;align-items:center;padding:52px 24px;display:flex}.attendance-state-message strong{color:#0f172a;font-size:14px}.attendance-state-message p{color:#94a3b8;max-width:450px;margin:7px 0 0;font-size:12px;line-height:1.6}.attendance-state-message.error strong{color:#dc2626}.attendance-table-scroll{width:100%;overflow-x:auto}.attendance-data-table{border-collapse:collapse;width:100%;min-width:900px}.attendance-data-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e8eef5;padding:12px 18px;font-size:10px;font-weight:800}.attendance-data-table td{color:#334155;border-bottom:1px solid #edf2f7;padding:14px 18px;font-size:12px}.attendance-data-table tbody tr:last-child td{border-bottom:0}.attendance-data-table tbody tr:hover{background:#fbfdff}.attendance-employee{align-items:center;gap:11px;min-width:210px;display:flex}.attendance-avatar{color:#2563eb;background:#eaf2ff;border-radius:11px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.attendance-employee>div:last-child{flex-direction:column;gap:3px;display:flex}.attendance-employee strong{color:#0f172a;font-size:12px}.attendance-employee span{color:#94a3b8;font-size:10px}.attendance-group-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.attendance-shift{flex-direction:column;gap:2px;min-width:110px;display:flex}.attendance-shift strong{color:#334155;font-size:11px}.attendance-shift span{color:#94a3b8;font-size:10px}.attendance-time{font-variant-numeric:tabular-nums;font-weight:700;color:#0f172a!important}.attendance-late-value{color:#d97706;font-size:11px;font-weight:700}.attendance-muted{color:#94a3b8}.attendance-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.attendance-status-badge.present{color:#047857;background:#ecfdf5}.attendance-status-badge.late{color:#b45309;background:#fffbeb}.attendance-status-badge.absent{color:#b91c1c;background:#fef2f2}.attendance-status-badge.incomplete{color:#6d28d9;background:#f5f3ff}.attendance-status-badge.day-off{color:#475569;background:#f1f5f9}.attendance-status-badge.holiday{color:#0369a1;background:#f0f9ff}.attendance-status-badge.sick{color:#be123c;background:#fff1f2}.attendance-status-badge.permission{color:#a16207;background:#fefce8}.attendance-status-badge.leave{color:#7e22ce;background:#faf5ff}.attendance-status-badge.official-duty{color:#0f766e;background:#f0fdfa}.attendance-status-badge.neutral{color:#475569;background:#f1f5f9}.attendance-filter-bar{background:#fff;border-bottom:1px solid #e8eef5;grid-template-columns:minmax(260px,1fr) 180px 180px;gap:12px;padding:14px 18px;display:grid}.attendance-filter-search input,.attendance-filter-bar select{width:100%;height:40px;font:inherit;color:#334155;background:#fff;border:1px solid #dbe4f0;border-radius:11px;outline:none;padding:0 12px;font-size:12px}.attendance-filter-search input{padding-left:14px}.attendance-filter-search input::placeholder{color:#94a3b8}.attendance-filter-search input:focus,.attendance-filter-bar select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.attendance-filter-bar select{cursor:pointer;font-weight:600}.attendance-filter-result{color:#94a3b8;background:#fbfdff;border-bottom:1px solid #e8eef5;padding:10px 18px;font-size:11px}.attendance-filter-result strong{color:#475569}@media (width<=900px){.attendance-filter-bar{grid-template-columns:1fr 1fr}.attendance-filter-search{grid-column:1/-1}}@media (width<=600px){.attendance-filter-bar{grid-template-columns:1fr}.attendance-filter-search{grid-column:auto}}.attendance-clickable-row{cursor:pointer}.attendance-clickable-row:hover{background:#f8fbff!important}.attendance-drawer-backdrop{z-index:80;background:#0f172a59;position:fixed;inset:0}.attendance-detail-drawer{z-index:90;background:#fff;flex-direction:column;gap:20px;width:min(440px,100%);height:100vh;padding:22px;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0f172a29}.attendance-drawer-header{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.attendance-drawer-header span{letter-spacing:.12em;color:#2563eb;font-size:10px;font-weight:800}.attendance-drawer-header h3{color:#0f172a;margin:5px 0 0;font-size:20px}.attendance-drawer-close{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.attendance-drawer-profile{align-items:center;gap:13px;display:flex}.attendance-drawer-avatar{color:#2563eb;background:#eaf2ff;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:flex}.attendance-drawer-profile>div:last-child{flex-direction:column;gap:5px;display:flex}.attendance-drawer-profile strong{color:#0f172a;font-size:14px}.attendance-drawer-profile span{color:#94a3b8;align-items:center;gap:5px;font-size:11px;display:flex}.attendance-drawer-status{display:flex}.attendance-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-detail-item{background:#fbfdff;border:1px solid #e7edf5;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.attendance-detail-item span,.attendance-time-detail span,.attendance-detail-note span{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:10px;font-weight:700}.attendance-detail-item strong{color:#0f172a;font-size:12px}.attendance-time-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-time-detail>div{background:#f8fbff;border:1px solid #dbeafe;border-radius:13px;flex-direction:column;gap:5px;padding:15px;display:flex}.attendance-time-detail strong{color:#0f172a;font-size:13px}.attendance-time-detail small{color:#94a3b8;font-size:10px}.attendance-detail-note{background:#f8fafc;border:1px solid #e7edf5;border-radius:12px;padding:14px}.attendance-detail-note p{color:#475569;word-break:break-word;margin:7px 0 0;font-size:11px;line-height:1.6}@media (width<=520px){.attendance-detail-grid,.attendance-time-detail{grid-template-columns:1fr}}.attendance-correction-section{flex-direction:column;gap:12px;display:flex}.attendance-correction-toggle{width:100%;min-height:41px;font:inherit;cursor:pointer;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.attendance-correction-toggle:hover{background:#dbeafe}.attendance-correction-toggle.active{color:#475569;background:#f8fafc;border-color:#cbd5e1}.attendance-release-manual{width:100%;min-height:41px;font:inherit;cursor:pointer;color:#a16207;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:flex}.attendance-release-manual:hover:not(:disabled){background:#fef3c7;border-color:#fcd34d}.attendance-release-manual:active:not(:disabled){transform:translateY(1px)}.attendance-release-manual:disabled,.attendance-correction-toggle:disabled,.attendance-correction-save:disabled{cursor:not-allowed;opacity:.6}.attendance-correction-form{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;flex-direction:column;gap:14px;padding:15px;display:flex}.attendance-correction-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px}.attendance-correction-warning strong{color:#92400e;font-size:11px}.attendance-correction-warning p{color:#a16207;margin:4px 0 0;font-size:10px;line-height:1.55}.attendance-correction-form label{flex-direction:column;gap:6px;display:flex}.attendance-correction-form label>span{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:10px;font-weight:800}.attendance-correction-form input,.attendance-correction-form select,.attendance-correction-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#334155;background:#fff;border:1px solid #dbe4f0;border-radius:10px;outline:none;font-size:11px}.attendance-correction-form input,.attendance-correction-form select{min-height:40px;padding:0 11px}.attendance-correction-form textarea{resize:vertical;padding:10px 11px;line-height:1.5}.attendance-correction-form input:focus,.attendance-correction-form select:focus,.attendance-correction-form textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.attendance-correction-form small{color:#94a3b8;font-size:9px}.attendance-correction-save{min-height:42px;font:inherit;cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.attendance-correction-save:hover:not(:disabled){background:#1d4ed8}.attendance-correction-message{border-radius:10px;padding:10px 12px;font-size:10px;line-height:1.5}.attendance-correction-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.attendance-correction-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.attendance-history-section{flex-direction:column;gap:12px;padding-top:4px;display:flex}.attendance-history-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-history-header>div:first-child{flex-direction:column;gap:3px;display:flex}.attendance-history-header span{letter-spacing:.08em;color:#2563eb;font-size:9px;font-weight:800}.attendance-history-header strong{color:#0f172a;font-size:12px}.attendance-history-count{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:flex}.attendance-history-empty,.attendance-history-error{text-align:center;color:#94a3b8;background:#fbfdff;border:1px dashed #dbe4f0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:58px;padding:12px;font-size:10px;display:flex}.attendance-history-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.attendance-history-list{flex-direction:column;gap:10px;display:flex}.attendance-history-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:13px;display:flex}.attendance-history-item-top{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.attendance-history-item-top>div{flex-direction:column;gap:2px;display:flex}.attendance-history-item-top strong{color:#0f172a;font-size:11px}.attendance-history-item-top span{color:#94a3b8;font-size:9px}.attendance-history-item-top time{text-align:right;color:#64748b;font-size:9px}.attendance-history-reason span,.attendance-history-change>span{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.attendance-history-reason p{color:#475569;margin:0;font-size:10px;line-height:1.55}.attendance-history-change>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.attendance-history-change strong{color:#334155;font-size:9px;line-height:1.4}.attendance-history-change strong:last-child{text-align:right;color:#0f172a}.attendance-history-change b{color:#94a3b8;font-size:11px;font-weight:700}.absences-page{flex-direction:column;gap:16px;display:flex}.absences-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.absences-kicker,.absences-panel-head span,.absence-drawer-head span{color:#2563eb;letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.absences-heading h2{color:#071426;margin:0;font-size:25px;line-height:1.1}.absences-heading p{color:#64748b;max-width:570px;margin:7px 0 0;font-size:12px;line-height:1.55}.absences-heading-actions{align-items:flex-end;gap:10px;display:flex}.absences-month-field{background:#fff;border:1px solid #dce5f1;border-radius:12px;flex-direction:column;gap:4px;padding:8px 11px;display:flex}.absences-month-field span{color:#94a3b8;font-size:8px;font-weight:800}.absences-month-field input{color:#0f172a;background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.absences-primary-button,.absence-secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:10px;font-weight:800;display:inline-flex}.absences-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.absence-secondary-button{color:#475569;background:#fff;border:1px solid #dbe4ef}.absences-primary-button:disabled,.absence-secondary-button:disabled{opacity:.6;cursor:not-allowed}.absences-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.absence-summary-card{background:#fff;border:1px solid #dce5f1;border-radius:13px;align-items:center;gap:11px;min-height:76px;padding:13px;display:flex}.absence-summary-card span{color:#64748b;font-size:9px;font-weight:600;display:block}.absence-summary-card strong{color:#0f172a;margin-top:2px;font-size:20px;display:block}.absence-summary-icon{border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.absence-summary-icon.total{color:#2563eb;background:#eff6ff}.absence-summary-icon.sick{color:#e11d48;background:#fff1f2}.absence-summary-icon.permission{color:#d97706;background:#fffbeb}.absence-summary-icon.leave{color:#7c3aed;background:#f5f3ff}.absence-summary-icon.duty{color:#059669;background:#ecfdf5}.absences-alert{border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.absences-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.absences-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.absences-panel{background:#fff;border:1px solid #dce5f1;border-radius:14px;overflow:hidden}.absences-panel-head{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.absences-panel-head h3{color:#0f172a;margin:0;font-size:14px}.absences-total-badge{color:#475569;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800}.absences-toolbar{border-bottom:1px solid #e7edf5;grid-template-columns:minmax(0,1fr) 190px;gap:10px;padding:11px 14px;display:grid}.absences-search{border:1px solid #dbe4ef;border-radius:9px;align-items:center;gap:8px;height:36px;padding:0 11px;display:flex}.absences-search svg{color:#94a3b8}.absences-search input,.absences-toolbar select{color:#334155;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:10px}.absences-toolbar select{background:#fff;border:1px solid #dbe4ef;border-radius:9px;padding:0 10px}.absences-table-scroll{overflow-x:auto}.absences-table{border-collapse:collapse;width:100%}.absences-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e8eef6;padding:10px 13px;font-size:8px;font-weight:800}.absences-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:11px 13px;font-size:10px}.absence-employee-cell{align-items:center;gap:9px;display:flex}.absence-avatar{color:#2563eb;background:#dbeafe;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:flex}.absence-employee-cell strong,.absence-period-cell strong{color:#0f172a;font-size:10px;display:block}.absence-employee-cell span,.absence-period-cell span{color:#94a3b8;margin-top:2px;font-size:8px;display:block}.absence-type-badge,.absence-approved-badge{border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.absence-type-badge.sick{color:#be123c;background:#fff1f2}.absence-type-badge.permission{color:#b45309;background:#fffbeb}.absence-type-badge.leave{color:#6d28d9;background:#f5f3ff}.absence-type-badge.official-duty,.absence-approved-badge{color:#047857;background:#ecfdf5}.absences-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:210px;padding:30px;display:flex}.absences-empty strong{color:#334155;font-size:11px}.absences-empty p{margin:0;font-size:9px}.absences-empty.error strong,.absences-empty.error{color:#b91c1c}.absence-drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;position:fixed;inset:0}.absence-drawer{z-index:90;background:#fff;width:min(440px,94vw);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #0f172a24}.absence-drawer-head{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;display:flex}.absence-drawer-head h3{color:#0f172a;margin:0;font-size:17px}.absence-drawer-head p{color:#64748b;margin:5px 0 0;font-size:9px}.absence-close-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.absence-form{flex-direction:column;padding:18px 20px 25px;display:flex}.absence-form label{color:#334155;margin:12px 0 6px;font-size:9px;font-weight:800}.absence-form label span{color:#94a3b8;margin-left:5px;font-size:8px;font-weight:600}.absence-form input,.absence-form select,.absence-form textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe4ef;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:10px}.absence-form input,.absence-form select{height:39px;padding:0 10px}.absence-form textarea{resize:vertical;padding:10px}.absence-form input:focus,.absence-form select:focus,.absence-form textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f617}.absence-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.absence-form-grid>div{flex-direction:column;display:flex}.absence-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:13px;padding:9px 10px;font-size:9px;font-weight:700}.absence-form-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}@media (width<=1000px){.absences-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.absences-heading{flex-direction:column;align-items:stretch}.absences-heading-actions{align-items:stretch}.absences-summary-grid{grid-template-columns:repeat(2,1fr)}.absences-toolbar,.absence-form-grid{grid-template-columns:1fr}}.absence-action-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:8px;font-weight:800;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.absence-action-button.edit{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.absence-action-button.edit:hover{background:#dbeafe;border-color:#93c5fd}.absence-action-group{align-items:center;gap:6px;display:flex}.absence-action-button.delete{color:#be123c;background:#fff1f2;border:1px solid #fecaca}.absence-action-button.delete:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.absence-action-button:disabled{opacity:.55;cursor:not-allowed}.reports-page{flex-direction:column;gap:16px;display:flex}.reports-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.reports-kicker,.reports-panel-head span{color:#2563eb;letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.reports-heading h2{color:#071426;margin:0;font-size:25px;line-height:1.1}.reports-heading p{color:#64748b;max-width:600px;margin:7px 0 0;font-size:12px;line-height:1.55}.reports-period label{background:#fff;border:1px solid #dce5f1;border-radius:12px;flex-direction:column;gap:4px;padding:8px 11px;display:flex}.reports-period span{color:#94a3b8;font-size:8px;font-weight:800}.reports-period input{color:#0f172a;background:0 0;border:0;outline:0;font-size:11px;font-weight:700}.reports-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.report-summary-card{background:#fff;border:1px solid #dce5f1;border-radius:13px;align-items:center;gap:11px;min-height:76px;padding:13px;display:flex}.report-summary-card span{color:#64748b;font-size:9px;font-weight:600;display:block}.report-summary-card strong{color:#0f172a;margin-top:2px;font-size:20px;display:block}.report-summary-icon{border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.report-summary-icon.blue{color:#2563eb;background:#eff6ff}.report-summary-icon.green{color:#059669;background:#ecfdf5}.report-summary-icon.amber{color:#d97706;background:#fffbeb}.report-summary-icon.red{color:#e11d48;background:#fff1f2}.report-summary-icon.purple{color:#7c3aed;background:#f5f3ff}.reports-panel{background:#fff;border:1px solid #dce5f1;border-radius:14px;overflow:hidden}.reports-panel-head{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.reports-panel-head h3{color:#0f172a;text-transform:capitalize;margin:0;font-size:14px}.reports-panel-actions{align-items:center;gap:8px;display:flex}.reports-excel-button{color:#047857;height:34px;font:inherit;cursor:pointer;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.reports-excel-button:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.reports-excel-button:active:not(:disabled){transform:translateY(1px)}.reports-excel-button:disabled{opacity:.5;cursor:not-allowed}.reports-pdf-button{color:#be123c;height:34px;font:inherit;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.reports-pdf-button:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.reports-pdf-button:active:not(:disabled){transform:translateY(1px)}.reports-pdf-button:disabled{opacity:.5;cursor:not-allowed}.reports-record-count{color:#475569;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800}.reports-toolbar{border-bottom:1px solid #e7edf5;grid-template-columns:minmax(0,1fr) 250px;gap:10px;padding:11px 14px;display:grid}.reports-search,.reports-group-filter{background:#fff;border:1px solid #dbe4ef;border-radius:9px;align-items:center;gap:8px;height:36px;padding:0 11px;display:flex}.reports-search svg,.reports-group-filter svg{color:#94a3b8;flex:none}.reports-search input,.reports-group-filter select{color:#334155;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:10px}.reports-alert{border-radius:9px;margin:12px 14px 0;padding:10px 12px;font-size:10px;font-weight:700}.reports-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reports-table-scroll{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;min-width:1450px}.reports-table th{color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e8eef6;padding:10px 11px;font-size:8px;font-weight:800}.reports-table th:first-child,.reports-table th:nth-child(2){text-align:left}.reports-table td{color:#475569;text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:10px 11px;font-size:9px}.reports-table td:first-child,.reports-table td:nth-child(2){text-align:left}.report-employee{align-items:center;gap:9px;display:flex}.report-avatar{color:#2563eb;background:#dbeafe;border-radius:9px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:flex}.report-employee strong{color:#0f172a;min-width:150px;font-size:10px;display:block}.report-employee span{color:#94a3b8;margin-top:2px;font-size:8px;display:block}.report-group-badge{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.report-number.positive{color:#047857;font-weight:800}.report-number.danger{color:#be123c;font-weight:800}.reports-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;padding:30px;display:flex}.reports-empty strong{color:#334155;font-size:11px}.reports-empty p{margin:0;font-size:9px}@media (width<=1000px){.reports-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.reports-heading{flex-direction:column;align-items:stretch}.reports-summary-grid{grid-template-columns:repeat(2,1fr)}.reports-toolbar{grid-template-columns:1fr}}.reports-recalculate-card{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #bfdbfe;border-radius:14px;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:18px;padding:15px 17px;display:grid;position:relative}.reports-recalculate-info{align-items:center;gap:12px;display:flex}.reports-recalculate-icon{color:#2563eb;background:#dbeafe;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reports-recalculate-info span{color:#2563eb;letter-spacing:.1em;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.reports-recalculate-info h3{color:#0f172a;margin:0;font-size:13px}.reports-recalculate-info p{color:#64748b;max-width:480px;margin:4px 0 0;font-size:9px;line-height:1.5}.reports-recalculate-controls{align-items:flex-end;gap:8px;display:flex}.reports-range-field{background:#fff;border:1px solid #dbe4ef;border-radius:10px;flex-direction:column;gap:4px;min-width:145px;padding:7px 10px;display:flex}.reports-range-field span{color:#94a3b8;letter-spacing:.05em;font-size:7px;font-weight:800}.reports-range-field input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:9px;font-weight:700}.reports-range-field input:disabled{opacity:.6}.reports-range-separator{color:#94a3b8;padding-bottom:10px;font-size:8px;font-weight:700}.reports-recalculate-button{color:#fff;height:43px;font:inherit;white-space:nowrap;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:9px;font-weight:800;transition:background .14s,transform .14s;display:inline-flex}.reports-recalculate-button:hover:not(:disabled){background:#1d4ed8}.reports-recalculate-button:active:not(:disabled){transform:translateY(1px)}.reports-recalculate-button:disabled{opacity:.6;cursor:wait}.reports-recalculate-progress{color:#2563eb;border-top:1px solid #dbeafe;grid-column:1/-1;align-items:center;gap:6px;padding-top:9px;font-size:9px;font-weight:700;display:flex}.reports-recalculate-spin{animation:.8s linear infinite reports-recalculate-spin}@keyframes reports-recalculate-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.reports-recalculate-card{grid-template-columns:1fr}.reports-recalculate-controls{flex-wrap:wrap}}@media (width<=720px){.reports-recalculate-controls{flex-direction:column;align-items:stretch}.reports-range-field{width:auto}.reports-range-separator{display:none}.reports-recalculate-button{width:100%}}.report-attendance-percentage{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:58px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.report-attendance-percentage.excellent{color:#047857;background:#ecfdf5}.report-attendance-percentage.good{color:#b45309;background:#fffbeb}.report-attendance-percentage.low{color:#be123c;background:#fff1f2}.report-person-pdf-button{color:#be123c;min-width:54px;height:29px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:8px;font-weight:800;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.report-person-pdf-button:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.report-person-pdf-button:active:not(:disabled){transform:translateY(1px)}.report-person-pdf-button:disabled{opacity:.55;cursor:wait}.settings-page{flex-direction:column;gap:18px;display:flex}.settings-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.settings-eyebrow{color:#2563eb;letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.settings-hero h2{color:#0f172a;margin:0;font-size:24px;font-weight:800}.settings-hero p{color:#64748b;max-width:620px;margin:6px 0 0;font-size:12px;line-height:1.6}.settings-hero-icon{color:#2563eb;background:#eff6ff;border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:0;padding:20px}.settings-card-head{border-bottom:1px solid #eef2f7;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.settings-card-icon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-card-icon.blue{color:#2563eb;background:#eff6ff}.settings-card-icon.green{color:#059669;background:#ecfdf5}.settings-card-icon.amber{color:#d97706;background:#fffbeb}.settings-card-icon.violet{color:#7c3aed;background:#f5f3ff}.settings-card-head span{color:#94a3b8;letter-spacing:.1em;font-size:8px;font-weight:800;display:block}.settings-card-head h3{color:#0f172a;margin:3px 0 0;font-size:14px;font-weight:800}.settings-card-head p{color:#64748b;margin:4px 0 0;font-size:10px;line-height:1.5}.settings-info-list{flex-direction:column;display:flex}.settings-info-row{border-bottom:1px solid #eef2f7;align-items:center;gap:11px;min-height:60px;padding:11px 0;display:flex}.settings-info-row:last-child{border-bottom:0}.settings-info-icon{color:#64748b;background:#f8fafc;border-radius:9px;flex:none;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.settings-info-row>div:nth-child(2){flex:1;min-width:0}.settings-info-row span,.settings-system-box span{color:#94a3b8;font-size:9px;font-weight:700;display:block}.settings-info-row strong,.settings-system-box strong{color:#0f172a;word-break:break-word;margin-top:3px;font-size:11px;font-weight:800;display:block}.settings-system-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding:16px;display:grid;position:relative}.settings-system-box .settings-status{position:absolute;top:12px;right:12px}.settings-status{border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 8px;font-size:8px!important;font-weight:800!important;display:inline-flex!important}.settings-status.active{background:#ecfdf5;color:#047857!important}@media (width<=850px){.settings-grid{grid-template-columns:1fr}}@media (width<=560px){.settings-hero{padding:18px}.settings-card{padding:16px}.settings-system-box{grid-template-columns:1fr}}.settings-card-icon.red{color:#e11d48;background:#fff1f2}.settings-security-card{grid-column:1/-1}.settings-password-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.settings-password-field{flex-direction:column;gap:6px;display:flex}.settings-password-field label{color:#475569;font-size:9px;font-weight:800}.settings-password-input{color:#94a3b8;background:#fff;border:1px solid #dbe4ef;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.settings-password-input:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.settings-password-input input{color:#0f172a;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:10px}.settings-password-input button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.settings-password-input button:hover{color:#0f172a;background:#f1f5f9}.settings-password-action{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:2px;display:flex}.settings-password-message{font-size:10px;font-weight:700}.settings-password-message.success{color:#047857}.settings-password-message.error{color:#be123c}.settings-password-save{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:9px;font-weight:800;display:inline-flex}.settings-password-save:hover:not(:disabled){background:#1d4ed8}.settings-password-save:disabled{opacity:.6;cursor:wait}@media (width<=850px){.settings-password-form{grid-template-columns:1fr}.settings-password-action{flex-direction:column;grid-column:auto;align-items:stretch}.settings-password-save{width:100%}}.settings-profile-edit-button{color:#2563eb;min-height:32px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:8px;font-weight:800;display:inline-flex}.settings-profile-edit-button:hover{background:#dbeafe}.settings-profile-name-input{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;margin-top:5px;padding:8px 10px;font-size:11px;font-weight:700}.settings-profile-name-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.settings-profile-message{margin-top:10px;font-size:9px;font-weight:700}.settings-profile-message.success{color:#047857}.settings-profile-message.error{color:#be123c}.settings-profile-actions{border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.settings-profile-cancel,.settings-profile-save{min-height:34px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:8px;font-weight:800;display:inline-flex}.settings-profile-cancel{color:#475569;background:#fff;border:1px solid #dbe4ef}.settings-profile-save{color:#fff;background:#2563eb;border:0}.settings-profile-save:hover:not(:disabled){background:#1d4ed8}.settings-profile-cancel:hover:not(:disabled){background:#f8fafc}.settings-profile-cancel:disabled,.settings-profile-save:disabled{opacity:.6;cursor:wait}@media (width<=560px){.settings-card-head{flex-wrap:wrap}.settings-profile-edit-button{width:100%;margin-left:0}.settings-profile-actions{flex-direction:column;align-items:stretch}.settings-profile-cancel,.settings-profile-save{width:100%}}:root{--navy-950:#07101f;--navy-900:#0b1628;--navy-800:#11233d;--blue-600:#2563eb;--blue-500:#3b82f6;--cyan-500:#06b6d4;--emerald-600:#059669;--emerald-500:#10b981;--amber-500:#f59e0b;--red-500:#ef4444;--slate-950:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--sidebar-width:272px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 10px 30px #0f172a12;--shadow-lg:0 24px 60px #0f172a1f}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.loading-page{background:radial-gradient(circle at 20% 20%,#2563eb14,#0000 34%),#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.premium-loader{box-shadow:var(--shadow-md);background:#ffffffe0;border:1px solid #e2e8f0e6;border-radius:18px;align-items:center;gap:15px;padding:22px 26px;display:flex}.loader-logo{background:linear-gradient(135deg, var(--blue-600), var(--cyan-500));color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.premium-loader>div:last-child{flex-direction:column;display:flex}.premium-loader strong{color:var(--slate-950);font-size:14px}.premium-loader span{color:var(--slate-500);margin-top:4px;font-size:12px}.login-page{background:#fff;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 20% 15%,#38bdf82e,#0000 30%),radial-gradient(circle at 80% 80%,#2563eb30,#0000 32%),linear-gradient(145deg,#07101f 0%,#0c1d36 48%,#102b4a 100%);align-items:center;min-height:100vh;padding:70px;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.login-visual-content{z-index:1;width:100%;max-width:610px;position:relative}.login-brand-large{align-items:center;gap:13px;margin-bottom:90px;display:flex}.login-brand-large>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.login-brand-large span{letter-spacing:-.5px;font-size:23px;font-weight:760}.login-tag{letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:11px;font-weight:650;display:flex}.login-visual h1{letter-spacing:-3px;margin:24px 0 20px;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1.03}.login-visual h1 strong{background:linear-gradient(90deg,#fff,#7dd3fc);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:780}.login-visual-content>p{color:#cbd5e1;max-width:540px;margin:0;font-size:16px;line-height:1.8}.login-feature-row{flex-wrap:wrap;gap:12px;margin-top:42px;display:flex}.login-feature-row>div{color:#dbeafe;background:#ffffff12;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}.login-form-side{background:linear-gradient(#fff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:50px;display:flex}.login-card.premium{width:100%;max-width:440px;padding:10px}.login-mobile-brand{display:none}.login-heading>span{letter-spacing:.14em;color:var(--blue-600);margin-bottom:13px;font-size:11px;font-weight:750;display:inline-block}.login-heading h2{letter-spacing:-1.1px;color:var(--slate-950);margin:0;font-size:32px}.login-heading p{color:var(--slate-500);margin:10px 0 34px;font-size:14px;line-height:1.65}.login-card form{flex-direction:column;display:flex}.login-card label{color:var(--slate-700);margin-bottom:8px;font-size:13px;font-weight:650}.login-card input{border:1px solid var(--slate-200);height:51px;color:var(--slate-900);background:#fff;border-radius:12px;outline:none;margin-bottom:20px;padding:0 15px;transition:all .2s}.login-card input::placeholder{color:var(--slate-400)}.login-card input:focus{border-color:#2563ebb3;box-shadow:0 0 0 4px #2563eb14}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;border-radius:12px;height:52px;margin-top:5px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #2563eb3b}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2563eb47}.login-button:disabled{opacity:.7;cursor:wait}.message{border-radius:10px;margin-top:18px;padding:12px 14px;font-size:13px}.message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.login-security{color:var(--slate-400);align-items:flex-start;gap:8px;margin-top:27px;font-size:11px;line-height:1.55;display:flex}.app-shell{min-height:100vh;color:var(--slate-950);background:#f6f8fc}.sidebar{z-index:100;width:var(--sidebar-width);color:#fff;background:linear-gradient(#081324 0%,#0b172a 48%,#0b1628 100%);border-right:1px solid #ffffff0d;flex-direction:column;padding:22px 17px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;height:58px;margin-bottom:28px;padding:0 8px;display:flex}.brand-mark{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 24px #2563eb40}.brand-copy{flex-direction:column;margin-left:12px;display:flex}.brand-copy strong{letter-spacing:-.4px;font-size:18px}.brand-copy span{color:#7f91aa;letter-spacing:.03em;margin-top:2px;font-size:10px}.sidebar-close{display:none}.sidebar-section-label{letter-spacing:.15em;color:#566b87;margin:0 12px 9px;font-size:9px;font-weight:750}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#93a4bc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px;font-size:13px;font-weight:570;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2563eb38,#2563eb14);box-shadow:inset 0 0 0 1px #3b82f621}.nav-item.active:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-17px}.nav-icon{color:#6f829d;display:flex}.nav-item.active .nav-icon{color:#60a5fa}.nav-chevron{opacity:.6;margin-left:auto}.sidebar-system-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;margin-top:auto;padding:15px}.system-card-head{color:#8fa2bd;align-items:center;gap:7px;margin-bottom:11px;font-size:10px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e17}.sidebar-system-card strong{font-size:12px}.sidebar-system-card p{color:#687c99;margin:5px 0 0;font-size:10px;line-height:1.5}.sidebar-profile{border-top:1px solid #ffffff0f;align-items:center;margin-top:13px;padding:13px 9px 2px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:750;display:grid}.avatar.small{border-radius:10px;width:34px;height:34px}.profile-copy{flex-direction:column;min-width:0;margin-left:10px;display:flex}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-size:11px;overflow:hidden}.profile-copy span{color:#6e829e;margin-top:3px;font-size:9px}.profile-logout{color:#71839d;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.profile-logout:hover{color:#fca5a5;background:#ef444414}.main-shell{min-height:100vh;margin-left:var(--sidebar-width)}.premium-topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.page-title{flex-direction:column;display:flex}.page-title span{letter-spacing:.13em;text-transform:uppercase;color:var(--slate-400);margin-bottom:2px;font-size:9px;font-weight:700}.page-title h1{letter-spacing:-.5px;color:var(--slate-950);margin:0;font-size:19px}.mobile-menu-button{border:1px solid var(--slate-200);width:40px;height:40px;color:var(--slate-700);background:#fff;border-radius:10px;display:none}.topbar-actions{align-items:center;gap:11px;display:flex}.search-box{border:1px solid var(--slate-200);background:var(--slate-50);width:245px;height:40px;color:var(--slate-400);border-radius:10px;align-items:center;gap:9px;padding:0 11px;display:flex}.search-box input{min-width:0;color:var(--slate-700);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-shortcut{border:1px solid var(--slate-200);color:var(--slate-400);background:#fff;border-radius:5px;padding:3px 6px;font-size:9px}.icon-button{border:1px solid var(--slate-200);width:40px;height:40px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid;position:relative}.notification-dot{background:#ef4444;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.topbar-profile{align-items:center;gap:9px;margin-left:3px;display:flex}.topbar-profile>div:last-child{flex-direction:column;display:flex}.topbar-profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:11px;overflow:hidden}.topbar-profile span{color:var(--slate-400);margin-top:2px;font-size:9px}.page-content{max-width:1500px;margin:0 auto;padding:27px 30px 45px}.hero-panel{color:#fff;background:radial-gradient(circle at 85% 10%,#38bdf829,#0000 30%),linear-gradient(135deg,#0a1628,#102847);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;min-height:190px;padding:32px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a21}.hero-panel:after{content:"";border:40px solid #ffffff06;border-radius:50%;width:270px;height:270px;position:absolute;bottom:-150px;right:-80px}.hero-copy{z-index:1;position:relative}.hero-eyebrow{color:#93c5fd;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:15px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.hero-copy h2{letter-spacing:-1.1px;margin:0;font-size:clamp(25px,3vw,35px)}.hero-copy p{color:#9fb2cb;max-width:650px;margin:10px 0 0;font-size:13px;line-height:1.7}.hero-status{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:13px;min-width:235px;padding:14px 16px;display:flex;position:relative}.hero-status-icon{color:#34d399;background:#10b9811f;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.hero-status>div:last-child{flex-direction:column;display:flex}.hero-status span{color:#7890ac;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.hero-status strong{margin-top:4px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px;display:grid}.stat-card{min-width:0;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.blue{color:#2563eb;background:#eff6ff}.stat-icon.green{color:#059669;background:#ecfdf5}.stat-icon.amber{color:#d97706;background:#fffbeb}.stat-icon.red{color:#dc2626;background:#fef2f2}.stat-badge{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.stat-badge.positive{color:#059669;background:#ecfdf5}.stat-badge.neutral{color:#64748b;background:#f1f5f9}.stat-value{letter-spacing:-1px;color:var(--slate-950);margin-top:18px;font-size:28px;font-weight:760}.stat-label{color:var(--slate-700);margin-top:4px;font-size:12px;font-weight:680}.stat-note{color:var(--slate-400);margin-top:5px;font-size:10px;line-height:1.5}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:17px;margin-top:17px;display:grid}.panel{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0e6;border-radius:17px;padding:22px}.panel-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-kicker{color:var(--blue-600);letter-spacing:.12em;margin-bottom:4px;font-size:9px;font-weight:750;display:block}.panel-header h3{letter-spacing:-.3px;margin:0;font-size:15px}.text-button{color:var(--blue-600);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:650;display:flex}.empty-activity{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.empty-icon{width:57px;height:57px;color:var(--blue-600);background:linear-gradient(135deg,#eff6ff,#ecfeff);border-radius:16px;place-items:center;margin-bottom:15px;display:grid}.empty-activity strong{font-size:13px}.empty-activity p{max-width:440px;color:var(--slate-400);margin:7px 0 0;font-size:11px;line-height:1.7}.system-list{flex-direction:column;margin-top:20px;display:flex}.system-row{border-bottom:1px solid var(--slate-100);align-items:center;gap:11px;padding:13px 0;display:flex}.system-row:last-child{border-bottom:0}.system-row-icon{background:var(--slate-50);width:38px;height:38px;color:var(--blue-600);border-radius:11px;flex:none;place-items:center;display:grid}.system-row-copy{flex-direction:column;min-width:0;display:flex}.system-row-copy strong{font-size:11px}.system-row-copy span{color:var(--slate-400);margin-top:3px;font-size:9px}.status-pill{color:#059669;background:#ecfdf5;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:8px;font-weight:750}.quick-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:17px;display:grid}.quick-card{border:1px solid var(--slate-200);cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:12px;padding:17px;transition:all .2s;display:flex}.quick-card:hover{box-shadow:var(--shadow-md);border-color:#bfdbfe;transform:translateY(-2px)}.quick-icon{width:40px;height:40px;color:var(--blue-600);background:#eff6ff;border-radius:11px;flex:none;place-items:center;display:grid}.quick-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.quick-card strong{font-size:11px}.quick-card span{color:var(--slate-400);margin-top:3px;font-size:9px}.sidebar-backdrop{display:none}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.search-box{width:200px}}@media (width<=900px){.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:30px 0 80px #02061740}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0206177a;display:block;position:fixed;inset:0}.sidebar-close{color:#94a3b8;background:#ffffff0d;border:0;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.main-shell{margin-left:0}.mobile-menu-button{place-items:center;display:grid}.topbar-profile>div:last-child,.search-box{display:none}.page-content{padding:20px 18px 38px}.hero-panel{flex-direction:column;align-items:flex-start;min-height:auto}.hero-status{width:100%}.quick-grid,.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:30px 20px}.login-mobile-brand{color:var(--blue-600);align-items:center;gap:9px;margin-bottom:50px;display:flex}.login-mobile-brand strong{color:var(--slate-950);font-size:18px}}@media (width<=600px){.premium-topbar{height:70px;padding:0 15px}.icon-button{display:none}.page-content{padding:15px 12px 30px}.hero-panel{border-radius:16px;padding:24px 20px}.hero-copy h2{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:11px}.dashboard-grid{gap:11px}.panel{border-radius:14px;padding:18px}.quick-grid{gap:11px}.login-form-side{align-items:flex-start;padding-top:50px}.login-heading h2{font-size:27px}}.employees-page{width:100%}.content-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.content-eyebrow{letter-spacing:.14em;color:var(--blue-600);margin-bottom:7px;font-size:9px;font-weight:800;display:block}.content-heading h2{letter-spacing:-1px;color:var(--slate-950);margin:0;font-size:29px}.content-heading p{max-width:620px;color:var(--slate-500);margin:7px 0 0;font-size:12px;line-height:1.65}.employee-sync-status{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;align-items:center;gap:11px;padding:11px 14px;display:flex}.sync-status-icon{width:37px;height:37px;color:var(--emerald-600);background:#ecfdf5;border-radius:10px;place-items:center;display:grid}.employee-sync-status>div:last-child{flex-direction:column;display:flex}.employee-sync-status span{color:var(--slate-400);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.employee-sync-status strong{color:var(--slate-700);margin-top:3px;font-size:10px}.employee-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.employee-summary-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:17px 18px;display:flex}.employee-summary-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.employee-summary-icon.blue{color:#2563eb;background:#eff6ff}.employee-summary-icon.green{color:#059669;background:#ecfdf5}.employee-summary-icon.amber{color:#d97706;background:#fffbeb}.employee-summary-icon.red{color:#dc2626;background:#fef2f2}.employee-summary-card>div:last-child{flex-direction:column;display:flex}.employee-summary-card span{color:var(--slate-500);font-size:9px}.employee-summary-card strong{color:var(--slate-950);letter-spacing:-.6px;margin-top:3px;font-size:22px}.employees-table-panel{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;overflow:hidden}.employees-toolbar{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;display:flex}.employee-search{border:1px solid var(--slate-200);background:var(--slate-50);width:min(480px,100%);height:42px;color:var(--slate-400);border-radius:11px;align-items:center;gap:9px;padding:0 13px;display:flex}.employee-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.employee-search input{width:100%;color:var(--slate-700);background:0 0;border:0;outline:0;font-size:11px}.employee-search input::placeholder{color:var(--slate-400)}.employee-filter{border:1px solid var(--slate-200);min-width:190px;height:42px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:11px;outline:none;padding:0 35px 0 12px;font-size:11px}.employee-filter:focus{border-color:#93c5fd}.employees-result-info{border-bottom:1px solid var(--slate-100);color:var(--slate-400);background:#fbfcfe;padding:11px 18px;font-size:9px}.employees-result-info strong{color:var(--slate-600)}.employees-table-wrap{width:100%;overflow-x:auto}.employees-table{border-collapse:collapse;white-space:nowrap;width:100%}.employees-table th{border-bottom:1px solid var(--slate-200);background:var(--slate-50);height:43px;color:var(--slate-500);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:0 18px;font-size:9px;font-weight:750}.employees-table td{border-bottom:1px solid var(--slate-100);height:66px;color:var(--slate-600);vertical-align:middle;padding:0 18px;font-size:11px}.employees-table tbody tr{transition:background .15s}.employees-table tbody tr:hover{background:#fbfdff}.employees-table tbody tr:last-child td{border-bottom:0}.employee-identity{align-items:center;gap:11px;display:flex}.employee-avatar{color:#1d4ed8;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.employee-identity>div:last-child{flex-direction:column;display:flex}.employee-identity strong{text-overflow:ellipsis;max-width:270px;color:var(--slate-800);font-size:11px;font-weight:680;overflow:hidden}.employee-identity span{color:var(--slate-400);margin-top:3px;font-size:8px}.fingerprint-code{width:fit-content;color:var(--slate-600);background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-family:Segoe UI,Arial,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.employee-number{color:var(--slate-500)}.group-badge{border-radius:999px;align-items:center;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.group-reguler{color:#2563eb;background:#eff6ff}.group-satpam{color:#059669;background:#ecfdf5}.group-wakar{color:#c2410c;background:#fff7ed}.group-badge.unassigned{color:#94a3b8;border:1px dashed var(--slate-300);background:#f8fafc}.employee-status{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.employee-status>span{border-radius:50%;width:6px;height:6px}.employee-status.active{color:#047857;background:#ecfdf5}.employee-status.active>span{background:#10b981}.employee-status.inactive{color:#b91c1c;background:#fef2f2}.employee-status.inactive>span{background:#ef4444}.employees-state{min-height:300px;color:var(--slate-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.employees-state strong{color:var(--slate-700);margin-top:12px;font-size:12px}.employees-state span{margin-top:5px;font-size:10px}.error-state strong{color:#b91c1c}.employees-spinner{border:3px solid var(--slate-200);border-top-color:var(--blue-600);border-radius:50%;width:30px;height:30px;animation:.7s linear infinite employee-spin}@keyframes employee-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.employee-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.content-heading{flex-direction:column;align-items:flex-start}.employee-sync-status{width:100%}.employee-summary-grid{grid-template-columns:1fr}.employees-toolbar{flex-direction:column;align-items:stretch}.employee-search,.employee-filter{width:100%}.employees-table th,.employees-table td{padding:0 13px}}.employee-action-column{width:100px;text-align:right!important}.employee-edit-button{border:1px solid var(--slate-200);height:32px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:700;transition:all .18s;display:inline-flex}.employee-edit-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.employee-drawer-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02061761;animation:.2s drawer-backdrop-in;position:fixed;inset:0}.employee-drawer{z-index:210;background:#fff;flex-direction:column;width:min(470px,100vw);animation:.25s employee-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a2b}@keyframes employee-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.employee-drawer-header{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;min-height:82px;padding:0 24px;display:flex}.employee-drawer-header>div{flex-direction:column;display:flex}.employee-drawer-header span{color:var(--blue-600);letter-spacing:.13em;margin-bottom:4px;font-size:8px;font-weight:800}.employee-drawer-header h3{color:var(--slate-950);letter-spacing:-.5px;margin:0;font-size:18px}.employee-drawer-close{border:1px solid var(--slate-200);width:38px;height:38px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.employee-drawer-close:hover{background:var(--slate-50);color:var(--slate-800)}.employee-drawer-profile{border-bottom:1px solid var(--slate-100);background:linear-gradient(135deg,#f8fafc,#f1f5f9);align-items:center;gap:13px;padding:20px 24px;display:flex}.employee-drawer-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid;box-shadow:0 8px 22px #2563eb2e}.employee-drawer-profile>div:last-child{flex-direction:column;display:flex}.employee-drawer-profile strong{color:var(--slate-900);font-size:13px}.employee-drawer-profile span{color:var(--slate-400);margin-top:5px;font-size:9px}.employee-drawer-body{flex:1;padding:23px 24px;overflow-y:auto}.drawer-info-box{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:25px;padding:14px;display:flex}.drawer-info-box>div{flex-direction:column;display:flex}.drawer-info-box span{font-size:10px;font-weight:750}.drawer-info-box p{color:#64748b;margin:4px 0 0;font-size:9px;line-height:1.55}.employee-form-group{flex-direction:column;margin-bottom:21px;display:flex}.employee-form-group label{color:var(--slate-700);margin-bottom:8px;font-size:10px;font-weight:700}.employee-form-group input,.employee-form-group select{border:1px solid var(--slate-200);width:100%;height:45px;color:var(--slate-700);background:#fff;border-radius:10px;outline:0;padding:0 13px;font-size:11px;transition:all .18s}.employee-form-group input:focus,.employee-form-group select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.employee-form-group input:disabled{background:var(--slate-50);color:var(--slate-500);cursor:not-allowed}.employee-form-group small{color:var(--slate-400);margin-top:6px;font-size:8px}.employee-active-box{border:1px solid var(--slate-200);background:var(--slate-50);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.employee-active-box>div{flex-direction:column;display:flex}.employee-active-box strong{color:var(--slate-700);font-size:10px}.employee-active-box span{color:var(--slate-400);margin-top:4px;font-size:8px;line-height:1.5}.switch-control{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;flex:none;width:43px;height:24px;padding:0;transition:all .2s;position:relative}.switch-control>span{background:#fff;border-radius:50%;width:18px;height:18px;margin:0;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0f172a33}.switch-control.active{background:#10b981}.switch-control.active>span{transform:translate(19px)}.drawer-message{border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:12px 13px;font-size:9px;font-weight:600;display:flex}.drawer-message.success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.drawer-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.employee-drawer-footer{border-top:1px solid var(--slate-100);background:#fff;grid-template-columns:120px 1fr;gap:10px;padding:18px 24px;display:grid}.drawer-cancel-button,.drawer-save-button{cursor:pointer;border-radius:10px;height:43px;font-size:10px;font-weight:700}.drawer-cancel-button{border:1px solid var(--slate-200);color:var(--slate-600);background:#fff}.drawer-save-button{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 8px 20px #2563eb33}.drawer-save-button:disabled,.drawer-cancel-button:disabled{opacity:.6;cursor:wait}@media (width<=550px){.employee-drawer{width:100%}.employee-drawer-header,.employee-drawer-profile,.employee-drawer-body{padding-left:18px;padding-right:18px}.employee-drawer-footer{padding:15px 18px}}.employee-check-column{text-align:center!important;width:46px!important;padding-left:18px!important;padding-right:5px!important}.employee-check-column input{accent-color:#2563eb;cursor:pointer;width:15px;height:15px;margin:0}.employee-row-selected{background:#f5f9ff!important}.employee-row-selected td{border-bottom-color:#dbeafe}.employee-bulk-bar{background:linear-gradient(90deg,#eff6ff,#f8fbff);border-bottom:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.bulk-selection-info{white-space:nowrap;align-items:center;gap:6px;display:flex}.bulk-selection-info strong{color:#fff;background:#2563eb;border-radius:8px;place-items:center;min-width:27px;height:27px;font-size:10px;display:grid}.bulk-selection-info span{color:var(--slate-600);font-size:10px;font-weight:650}.bulk-actions{align-items:center;gap:8px;display:flex}.bulk-actions select{min-width:190px;height:36px;color:var(--slate-600);background:#fff;border:1px solid #bfdbfe;border-radius:9px;outline:0;padding:0 30px 0 10px;font-size:9px}.bulk-save-button,.bulk-clear-button{cursor:pointer;border-radius:9px;height:36px;padding:0 13px;font-size:9px;font-weight:700}.bulk-save-button{color:#fff;background:#2563eb;border:0}.bulk-save-button:hover:not(:disabled){background:#1d4ed8}.bulk-clear-button{border:1px solid var(--slate-200);color:var(--slate-500);background:#fff}.bulk-save-button:disabled,.bulk-clear-button:disabled{opacity:.6;cursor:wait}.bulk-message{border-bottom:1px solid var(--slate-100);padding:10px 18px;font-size:9px;font-weight:650}.bulk-message.success{color:#047857;background:#ecfdf5}.bulk-message.error{color:#b91c1c;background:#fef2f2}@media (width<=800px){.employee-bulk-bar,.bulk-actions{flex-direction:column;align-items:stretch}.bulk-actions select,.bulk-save-button,.bulk-clear-button{width:100%}}.shifts-page{width:100%}.primary-create-button,.secondary-create-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:all .18s;display:inline-flex}.primary-create-button{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;height:42px;padding:0 15px;font-size:10px;box-shadow:0 8px 20px #2563eb33}.primary-create-button:hover{transform:translateY(-1px)}.secondary-create-button{border:1px solid var(--slate-200);height:34px;color:var(--blue-600);background:#fff;padding:0 11px;font-size:9px}.shift-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.shift-summary-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:17px 18px;display:flex}.shift-summary-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.shift-summary-icon.blue{color:#2563eb;background:#eff6ff}.shift-summary-icon.green{color:#059669;background:#ecfdf5}.shift-summary-icon.amber{color:#d97706;background:#fffbeb}.shift-summary-icon.violet{color:#7c3aed;background:#f5f3ff}.shift-summary-card>div:last-child{flex-direction:column;display:flex}.shift-summary-card span{color:var(--slate-500);font-size:9px}.shift-summary-card strong{color:var(--slate-950);margin-top:3px;font-size:22px}.shift-page-state{border:1px solid var(--slate-200);min-height:240px;color:var(--slate-400);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.shift-page-state strong{color:var(--slate-700);font-size:12px}.shift-group-panel{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;margin-bottom:17px;overflow:hidden}.shift-group-header{border-bottom:1px solid var(--slate-100);background:#fbfcfe;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.shift-group-header>div{flex-direction:column;display:flex}.shift-group-header>div>span{color:var(--blue-600);letter-spacing:.12em;font-size:8px;font-weight:800}.shift-group-header h3{color:var(--slate-900);margin:4px 0 0;font-size:15px}.shift-group-header p{color:var(--slate-400);margin:4px 0 0;font-size:9px}.shift-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px;display:grid}.shift-card{border:1px solid var(--slate-200);background:#fff;border-radius:14px;padding:17px;transition:all .18s}.shift-card:hover{box-shadow:var(--shadow-md);border-color:#bfdbfe;transform:translateY(-2px)}.shift-card.inactive{opacity:.65}.shift-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shift-code{color:#2563eb;letter-spacing:.06em;background:#eff6ff;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-block}.shift-card h4{color:var(--slate-900);margin:8px 0 0;font-size:13px}.shift-edit-button{border:1px solid var(--slate-200);width:32px;height:32px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.shift-edit-button:hover{color:#2563eb;background:#eff6ff}.official-time{color:#2563eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:11px;align-items:center;gap:10px;margin-top:19px;padding:12px;display:flex}.official-time>div{flex-direction:column;display:flex}.official-time span{color:var(--slate-400);font-size:8px}.official-time strong{color:var(--slate-800);margin-top:3px;font-size:13px}.next-day-badge{color:#c2410c;background:#fff7ed;border-radius:999px;width:fit-content;margin-top:9px;padding:5px 8px;font-size:8px;font-weight:700}.shift-window-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.shift-window-list>div{border:1px solid var(--slate-100);color:var(--slate-400);border-radius:10px;grid-template-columns:18px 1fr;column-gap:5px;padding:10px;display:grid}.shift-window-list svg{grid-row:1/span 2}.shift-window-list span{font-size:7px}.shift-window-list strong{color:var(--slate-700);margin-top:3px;font-size:9px}.shift-card-footer{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.shift-card-footer>span:first-child{color:var(--slate-400);font-size:8px}.shift-card-footer>span:first-child strong{color:var(--slate-600)}.shift-active-pill,.shift-inactive-pill{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750}.shift-active-pill{color:#047857;background:#ecfdf5}.shift-inactive-pill{color:#64748b;background:#f1f5f9}.shift-empty{min-height:160px;color:var(--slate-300);flex-direction:column;justify-content:center;align-items:center;display:flex}.shift-empty strong{color:var(--slate-600);margin-top:9px;font-size:11px}.shift-empty span{color:var(--slate-400);margin-top:4px;font-size:9px}.shift-drawer{z-index:210;background:#fff;flex-direction:column;width:min(580px,100vw);animation:.25s employee-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a2b}.shift-drawer-body{flex:1;padding:22px 24px;overflow-y:auto}.shift-form-section{margin-bottom:25px;padding-bottom:6px}.shift-form-section-title{border-bottom:1px solid var(--slate-100);color:var(--slate-800);letter-spacing:.04em;margin-bottom:14px;padding-bottom:9px;font-size:10px;font-weight:800}.shift-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shift-checkbox-row{color:var(--slate-600);cursor:pointer;align-items:center;gap:8px;margin:-4px 0 18px;font-size:9px;display:flex}.shift-checkbox-row input{accent-color:#2563eb;width:15px;height:15px}.minute-input{position:relative}.minute-input input{padding-right:55px}.minute-input span{color:var(--slate-400);pointer-events:none;font-size:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (width<=1200px){.shift-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.shift-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.shift-summary-grid{grid-template-columns:1fr}.shift-group-header{flex-direction:column;align-items:flex-start}.shift-card-grid,.shift-two-columns,.shift-window-list{grid-template-columns:1fr}.shift-drawer-body{padding:18px}}.schedule-rules-panel{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;margin-bottom:18px;overflow:hidden}.schedule-rules-header{border-bottom:1px solid var(--slate-100);background:linear-gradient(135deg,#fff,#f8fbff);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.schedule-heading{align-items:center;gap:13px;display:flex}.schedule-heading-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:13px;flex:none;place-items:center;width:45px;height:45px;display:grid}.schedule-heading>div:last-child{flex-direction:column;display:flex}.schedule-kicker{color:var(--blue-600);letter-spacing:.12em;margin-bottom:3px;font-size:8px;font-weight:800}.schedule-heading h3{color:var(--slate-950);letter-spacing:-.35px;margin:0;font-size:16px}.schedule-heading p{color:var(--slate-400);margin:4px 0 0;font-size:9px;line-height:1.5}.schedule-reguler-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;display:flex}.schedule-reguler-badge>div{flex-direction:column;display:flex}.schedule-reguler-badge span{color:#60a5fa;letter-spacing:.1em;font-size:7px;font-weight:800}.schedule-reguler-badge strong{color:#1e40af;margin-top:2px;font-size:9px}.schedule-period-section{border-bottom:1px solid var(--slate-100);padding:18px 22px}.schedule-period-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.schedule-period-title>div{color:#2563eb;align-items:center;gap:7px;display:flex}.schedule-period-title strong{color:var(--slate-700);font-size:10px}.schedule-template-button{border:1px solid var(--slate-200);height:32px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex}.schedule-template-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.schedule-period-grid{grid-template-columns:1fr 1fr 180px;gap:12px;display:grid}.schedule-field{flex-direction:column;display:flex}.schedule-field label{color:var(--slate-600);margin-bottom:7px;font-size:9px;font-weight:700}.schedule-field input{border:1px solid var(--slate-200);width:100%;height:42px;color:var(--slate-700);background:#fff;border-radius:10px;outline:0;padding:0 12px;font-size:10px}.schedule-field input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.schedule-period-stat{border:1px solid var(--slate-100);background:var(--slate-50);border-radius:10px;flex-direction:column;justify-content:center;padding:0 15px;display:flex}.schedule-period-stat span{color:var(--slate-400);font-size:8px}.schedule-period-stat strong{color:var(--slate-800);margin-top:4px;font-size:12px}.schedule-days{padding:7px 22px 15px}.schedule-day-row{border-bottom:1px solid var(--slate-100);grid-template-columns:180px minmax(220px,1fr) 120px;align-items:center;gap:15px;min-height:65px;padding:10px 5px;transition:all .15s;display:grid}.schedule-day-row:last-child{border-bottom:0}.schedule-day-row.workday:hover{background:#fbfdff}.schedule-day-row.day-off{opacity:.76}.schedule-day-name{align-items:center;gap:10px;display:flex}.day-symbol{background:var(--slate-100);width:38px;height:38px;color:var(--slate-500);border-radius:10px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.day-symbol.active{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.schedule-day-name>div:last-child{flex-direction:column;display:flex}.schedule-day-name strong{color:var(--slate-800);font-size:10px}.schedule-day-name span{color:var(--slate-400);margin-top:3px;font-size:8px}.schedule-day-shift select{border:1px solid var(--slate-200);width:100%;height:39px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:0 32px 0 11px;font-size:9px}.schedule-day-shift select:focus{border-color:#93c5fd}.day-off-label{border:1px dashed var(--slate-200);background:var(--slate-50);height:39px;color:var(--slate-400);border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:8px;display:flex}.schedule-day-toggle{justify-content:flex-end;align-items:center;gap:9px;display:flex}.schedule-day-toggle>span{min-width:32px;color:var(--slate-500);text-align:right;font-size:8px;font-weight:700}.schedule-footer{border-top:1px solid var(--slate-100);background:#fbfcfe;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;display:flex}.schedule-footer-info{color:#2563eb;align-items:flex-start;gap:9px;display:flex}.schedule-footer-info>div{flex-direction:column;display:flex}.schedule-footer-info strong{color:var(--slate-600);font-size:9px}.schedule-footer-info span{color:var(--slate-400);margin-top:3px;font-size:8px}.schedule-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:9px;font-weight:750;display:flex;box-shadow:0 7px 18px #2563eb2e}.schedule-save-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.schedule-message{border-top:1px solid var(--slate-100);padding:11px 22px;font-size:9px;font-weight:650}.schedule-message.success{color:#047857;background:#ecfdf5}.schedule-message.error{color:#b91c1c;background:#fef2f2}.schedule-loading,.schedule-error,.schedule-warning,.schedule-no-shift{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:30px;display:flex}.schedule-loading{color:var(--slate-400)}.schedule-loading strong{color:var(--slate-600);margin-top:10px;font-size:10px}.schedule-error strong,.schedule-warning strong,.schedule-no-shift strong{color:var(--slate-700);margin-top:8px;font-size:11px}.schedule-error span,.schedule-warning span,.schedule-no-shift p{color:var(--slate-400);margin:5px 0 0;font-size:9px;line-height:1.6}.schedule-error strong{color:#b91c1c}.schedule-no-shift{color:#94a3b8}@media (width<=950px){.schedule-period-grid{grid-template-columns:1fr 1fr}.schedule-period-stat{grid-column:1/-1;min-height:58px}.schedule-day-row{grid-template-columns:150px 1fr 100px}}@media (width<=650px){.schedule-rules-header{flex-direction:column;align-items:flex-start}.schedule-reguler-badge{width:100%}.schedule-period-grid{grid-template-columns:1fr}.schedule-period-stat{grid-column:auto}.schedule-day-row{grid-template-columns:1fr;gap:10px;padding:14px 4px}.schedule-day-toggle{justify-content:space-between}.schedule-footer{flex-direction:column;align-items:stretch}.schedule-save-button{width:100%}}.roster-page{width:100%}.roster-month-control{align-items:center;gap:7px;display:flex}.roster-month-control>button{border:1px solid var(--slate-200);width:36px;height:36px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:9px;place-items:center;display:grid}.roster-month-control>button:hover{color:#2563eb;background:#eff6ff}.roster-month-control>div{border:1px solid var(--slate-200);color:#2563eb;background:#fff;border-radius:9px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.roster-month-control strong{color:var(--slate-700);text-transform:capitalize;font-size:9px}.roster-month-control input{border:1px solid var(--slate-200);color:#0000;cursor:pointer;background:#fff;border-radius:9px;width:42px;height:36px;padding:0}.roster-group-tabs{gap:8px;margin-bottom:15px;display:flex}.roster-group-tabs button{border:1px solid var(--slate-200);height:39px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.roster-group-tabs button.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 0 0 2px #2563eb0a}.roster-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.roster-summary-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:15px;display:flex}.roster-summary-icon{border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.roster-summary-icon.blue{color:#2563eb;background:#eff6ff}.roster-summary-icon.green{color:#059669;background:#ecfdf5}.roster-summary-icon.amber{color:#d97706;background:#fffbeb}.roster-summary-icon.violet{color:#7c3aed;background:#f5f3ff}.roster-summary-card>div:last-child{flex-direction:column;display:flex}.roster-summary-card span{color:var(--slate-400);font-size:8px}.roster-summary-card strong{color:var(--slate-900);margin-top:3px;font-size:20px}.roster-state{border:1px solid var(--slate-200);min-height:260px;color:var(--slate-400);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:40px;display:flex}.roster-state strong{color:var(--slate-700);font-size:11px}.roster-state span{max-width:380px;font-size:9px;line-height:1.6}.roster-calendar-panel{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;overflow:hidden}.roster-calendar-info{border-bottom:1px solid var(--slate-100);background:#fbfcfe;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.roster-panel-kicker{color:var(--blue-600);letter-spacing:.12em;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.roster-calendar-info h3{color:var(--slate-900);margin:0;font-size:14px}.roster-calendar-info p{color:var(--slate-400);margin:0;font-size:8px}.roster-table-scroll{width:100%;max-height:620px;overflow:auto}.roster-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.roster-table th{border-right:1px solid var(--slate-100);border-bottom:1px solid var(--slate-200);background:var(--slate-50);text-align:center;height:55px;padding:0 6px}.roster-table td{border-right:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100);background:#fff;height:65px;padding:5px}.roster-table tbody tr:last-child td{border-bottom:0}.roster-employee-column{z-index:5;width:210px;min-width:210px;max-width:210px;position:sticky;left:0;box-shadow:5px 0 10px #0f172a06;text-align:left!important;background:#fff!important;padding-left:15px!important}.roster-table thead .roster-employee-column{z-index:7;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;font-size:8px;background:var(--slate-50)!important}.roster-date-column{width:91px;min-width:91px}.roster-table th.roster-date-column{z-index:4;position:sticky;top:0}.roster-table th.roster-date-column span{color:var(--slate-400);font-size:7px;font-weight:600;display:block}.roster-table th.roster-date-column strong{color:var(--slate-800);margin-top:3px;font-size:12px;display:block}.roster-employee{align-items:center;gap:9px;display:flex}.roster-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.roster-avatar.large{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:13px;width:48px;height:48px;font-size:15px}.roster-employee>div:last-child{flex-direction:column;min-width:0;display:flex}.roster-employee strong{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--slate-700);font-size:9px;overflow:hidden}.roster-employee span{color:var(--slate-400);margin-top:3px;font-size:7px}.roster-cell{cursor:pointer;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:53px;padding:4px;transition:all .15s;display:flex}.roster-cell:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0f172a14}.roster-cell.empty{border:1px dashed var(--slate-200);color:var(--slate-300);background:#fbfcfe}.roster-empty-mark{font-size:16px}.roster-cell.work{color:#2563eb;background:#eff6ff}.roster-cell.work strong{font-size:8px;font-weight:800}.roster-cell.work span{color:#64748b;font-size:6.5px}.roster-cell.off{color:#94a3b8;background:#f8fafc}.roster-cell.off strong{font-size:8px}.roster-drawer{z-index:210;background:#fff;flex-direction:column;width:min(490px,100vw);animation:.25s employee-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a2b}.roster-drawer-profile{border-bottom:1px solid var(--slate-100);background:linear-gradient(135deg,#f8fafc,#f1f5f9);align-items:center;gap:12px;padding:18px 24px;display:flex}.roster-drawer-profile>div:last-child{flex-direction:column;display:flex}.roster-drawer-profile strong{color:var(--slate-800);font-size:12px}.roster-drawer-profile span{color:var(--slate-400);margin-top:4px;font-size:8px}.roster-drawer-body{flex:1;padding:22px 24px;overflow-y:auto}.roster-workday-box{border:1px solid var(--slate-200);background:var(--slate-50);border-radius:12px;margin-bottom:22px;padding:15px}.roster-workday-box>div:first-child{flex-direction:column;display:flex}.roster-workday-box>div:first-child strong{color:var(--slate-700);font-size:10px}.roster-workday-box>div:first-child span{color:var(--slate-400);margin-top:3px;font-size:8px}.roster-status-choice{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.roster-status-choice button{border:1px solid var(--slate-200);height:38px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.roster-status-choice button.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.roster-status-choice button.active.off{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.roster-note{resize:vertical;border:1px solid var(--slate-200);width:100%;color:var(--slate-700);border-radius:10px;outline:none;padding:11px 12px;font-family:inherit;font-size:10px;line-height:1.5}.roster-note:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.roster-drawer-info{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:flex-start;gap:8px;margin-top:5px;padding:12px;display:flex}.roster-drawer-info p{color:#64748b;margin:0;font-size:8px;line-height:1.6}@media (width<=1000px){.roster-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.roster-month-control{width:100%}.roster-summary-grid{grid-template-columns:1fr}.roster-group-tabs{grid-template-columns:1fr 1fr;display:grid}.roster-group-tabs button{justify-content:center}.roster-calendar-info{flex-direction:column;align-items:flex-start}.roster-employee-column{width:170px;min-width:170px;max-width:170px}.roster-drawer-body{padding:18px}}.schedule-group-tabs{border-bottom:1px solid var(--slate-100);background:#fbfcfe;align-items:center;gap:8px;padding:13px 22px;display:flex}.schedule-group-tabs button{border:1px solid var(--slate-200);height:36px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:700;transition:all .18s;display:inline-flex}.schedule-group-tabs button:hover{color:#2563eb;border-color:#bfdbfe}.schedule-group-tabs button.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb0a}.schedule-template-actions{align-items:center;gap:7px;display:flex}@media (width<=650px){.schedule-group-tabs{grid-template-columns:1fr 1fr;display:grid}.schedule-group-tabs button{width:100%}.schedule-template-actions{flex-direction:column;align-items:stretch;width:100%}.schedule-template-actions .schedule-template-button{justify-content:center;width:100%}}.roster-satpam-only{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:9px;width:fit-content;margin-bottom:15px;padding:9px 13px;display:flex}.roster-satpam-only>div{flex-direction:column;display:flex}.roster-satpam-only span{letter-spacing:.1em;color:#60a5fa;font-size:7px;font-weight:800}.roster-satpam-only strong{color:#1e40af;margin-top:2px;font-size:10px}.roster-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.roster-toolbar .roster-satpam-only{margin-bottom:0}.roster-bulk-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:9px;font-weight:750;transition:all .18s;display:inline-flex;box-shadow:0 7px 18px #2563eb2e}.roster-bulk-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb3d}.bulk-roster-drawer{z-index:220;background:#fff;flex-direction:column;width:min(570px,100vw);animation:.25s employee-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #0f172a33}.bulk-roster-body{flex:1;padding:20px 24px;overflow-y:auto}.bulk-roster-intro{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:17px;padding:13px;display:flex}.bulk-roster-intro>div{flex-direction:column;display:flex}.bulk-roster-intro strong{color:#1e40af;font-size:10px}.bulk-roster-intro span{color:#64748b;margin-top:3px;font-size:8px;line-height:1.5}.bulk-roster-loading{min-height:300px;color:var(--slate-400);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.bulk-roster-loading strong{font-size:9px}.bulk-section{border:1px solid var(--slate-200);background:#fbfcfe;border-radius:13px;margin-bottom:17px;padding:15px}.bulk-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.bulk-section-head>div{color:#2563eb;align-items:center;gap:7px;display:flex}.bulk-section-head strong{color:var(--slate-700);font-size:10px}.bulk-section-head>button{color:#2563eb;cursor:pointer;background:#eff6ff;border:0;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:700}.bulk-employee-list{grid-template-columns:1fr 1fr;gap:7px;max-height:190px;display:grid;overflow-y:auto}.bulk-employee-item{border:1px solid var(--slate-200);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.bulk-employee-item.selected{background:#eff6ff;border-color:#93c5fd}.bulk-check{color:#fff;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:none;place-items:center;width:19px;height:19px;display:grid}.bulk-employee-item.selected .bulk-check{background:#2563eb;border-color:#2563eb}.bulk-employee-item>div:last-child{flex-direction:column;min-width:0;display:flex}.bulk-employee-item strong{text-overflow:ellipsis;white-space:nowrap;color:var(--slate-700);font-size:8.5px;overflow:hidden}.bulk-employee-item span{color:var(--slate-400);margin-top:2px;font-size:7px}.bulk-selected-count{color:var(--slate-400);text-align:right;margin-top:8px;font-size:8px}.bulk-date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bulk-weekday-label{color:var(--slate-500);margin:4px 0 8px;font-size:8px;font-weight:700}.bulk-weekdays{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.bulk-weekdays button{border:1px solid var(--slate-200);height:34px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:8px;font-size:8px;font-weight:700}.bulk-weekdays button.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.bulk-date-result{background:#f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:9px 10px;display:flex}.bulk-date-result strong{color:var(--slate-700);font-size:9px}.bulk-date-result span{color:var(--slate-400);font-size:7.5px}.bulk-status-choice{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.bulk-status-choice button{border:1px solid var(--slate-200);height:38px;color:var(--slate-500);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.bulk-status-choice button.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.bulk-status-choice button.active.off{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.bulk-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-top:7px;padding:14px;display:flex}.bulk-preview>div{flex-direction:column;display:flex}.bulk-preview span{color:#60a5fa;letter-spacing:.08em;font-size:7px;font-weight:800}.bulk-preview strong{color:#1d4ed8;margin-top:2px;font-size:22px}.bulk-preview p{color:#64748b;margin:0;font-size:8px}.bulk-preview.warning{background:#fff7ed;border-color:#fed7aa}.bulk-preview.warning strong{color:#c2410c}@media (width<=650px){.roster-toolbar{flex-direction:column;align-items:stretch}.roster-bulk-button{width:100%}.bulk-employee-list,.bulk-date-grid{grid-template-columns:1fr}.bulk-weekdays{grid-template-columns:repeat(4,1fr)}}.hero-panel{border:1px solid #ffffff0a;box-shadow:0 18px 45px #0f172a21}.hero-copy h2{letter-spacing:-1px;font-weight:760}.hero-copy p{max-width:720px}.hero-status{min-width:230px;box-shadow:inset 0 1px #ffffff0a}.hero-status-icon{flex:none}.dashboard-spin{animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card{border-color:#e2e8f0eb;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 8px 24px #0f172a09}.stat-card:before{content:"";opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:first-child:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#059669,#34d399)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#dc2626,#f87171)}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#dbe4f0;transform:translateY(-3px);box-shadow:0 16px 35px #0f172a14}.stat-value{font-size:30px;font-weight:780;line-height:1}.stat-label{color:#334155;margin-top:8px}.stat-note{min-height:30px}.dashboard-grid{align-items:stretch}.panel{border-color:#e2e8f0f2;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 1px 2px #0f172a06,0 8px 24px #0f172a06}.panel:hover{border-color:#dbe4ef;box-shadow:0 10px 30px #0f172a0b}.panel-kicker{font-weight:800}.panel-header h3{color:#0f172a;font-weight:750}.text-button{border-radius:8px;min-height:30px;padding:6px 9px;transition:background .2s,color .2s}.text-button:hover:not(:disabled){color:#1d4ed8;background:#eff6ff}.text-button:disabled{opacity:.55;cursor:default}.system-row{border-radius:9px;padding:13px 7px;transition:background .18s;position:relative}.system-row:hover{background:#f8fafc}.system-row-icon{transition:transform .18s,background .18s}.system-row:hover .system-row-icon{background:#eff6ff;transform:scale(1.04)}.system-row-copy strong{color:#334155;font-weight:700}.system-row-copy span{line-height:1.45}.status-pill{color:#64748b;white-space:nowrap;background:#f1f5f9;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:26px;min-height:23px;margin-left:auto;padding:4px 8px;font-size:8px;font-weight:800;display:inline-flex}button.status-pill{cursor:pointer;transition:transform .18s,box-shadow .18s}button.status-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.status-pill.success{color:#047857;background:#ecfdf5;box-shadow:inset 0 0 0 1px #d1fae5}.status-pill.warning{color:#b45309;background:#fffbeb;box-shadow:inset 0 0 0 1px #fde68a}.status-pill.danger{color:#dc2626;background:#fef2f2;box-shadow:inset 0 0 0 1px #fecaca}.status-pill.neutral{color:#64748b;background:#f1f5f9;box-shadow:inset 0 0 0 1px #e2e8f0}.empty-activity{border-radius:12px}.empty-icon{box-shadow:0 10px 25px #2563eb14}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{border-color:#e2e8f0;min-height:66px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a06}.quick-card:after{content:"";background:linear-gradient(90deg,#2563eb,#06b6d4);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.quick-card:hover:after{width:100%}.quick-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 28px #2563eb14}.quick-card>svg{color:#94a3b8;transition:transform .2s,color .2s}.quick-card:hover>svg{color:#2563eb;transform:translate(3px)}.quick-icon{transition:transform .2s}.quick-card:hover .quick-icon{transform:scale(1.06)}.page-content>.message.error{border-radius:11px;align-items:center;margin:14px 0 0;display:flex}@media (width<=1150px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.hero-status{min-width:0}.system-row{padding:12px 4px}}@media (width<=600px){.quick-grid{grid-template-columns:1fr}.stat-note{min-height:0}}.attendance-overview{grid-template-columns:minmax(210px,.72fr) minmax(0,1.6fr);gap:18px;margin-top:20px;display:grid}.attendance-rate-card{background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:22px 18px;display:flex}.attendance-rate-ring{border-radius:50%;flex:none;place-items:center;width:122px;height:122px;transition:background .35s;display:grid}.attendance-rate-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex;box-shadow:0 5px 18px #0f172a0f}.attendance-rate-inner strong{color:#0f172a;letter-spacing:-1px;font-size:25px;font-weight:800}.attendance-rate-inner span{color:#64748b;margin-top:2px;font-size:8px;font-weight:700}.attendance-rate-copy{text-align:center;margin-top:15px}.attendance-rate-copy>span{color:#2563eb;letter-spacing:.1em;font-size:8px;font-weight:800}.attendance-rate-copy strong{color:#1e293b;margin-top:5px;font-size:11px;display:block}.attendance-rate-copy p{color:#94a3b8;max-width:210px;margin:6px auto 0;font-size:9px;line-height:1.55}.attendance-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.attendance-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:13px 12px;transition:transform .18s,box-shadow .18s;display:flex}.attendance-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0e}.attendance-status-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.attendance-status-card>div:last-child{flex-direction:column;min-width:0;display:flex}.attendance-status-card span{color:#64748b;font-size:8px;font-weight:700}.attendance-status-card strong{color:#0f172a;margin-top:2px;font-size:18px;font-weight:800}.attendance-status-card.success{background:#f0fdf4;border-color:#d1fae5}.attendance-status-card.success .attendance-status-icon{color:#059669;background:#dcfce7}.attendance-status-card.warning{background:#fffbeb;border-color:#fde68a}.attendance-status-card.warning .attendance-status-icon{color:#d97706;background:#fef3c7}.attendance-status-card.danger{background:#fef2f2;border-color:#fecaca}.attendance-status-card.danger .attendance-status-icon{color:#dc2626;background:#fee2e2}.attendance-status-card.amber{background:#fff7ed;border-color:#fed7aa}.attendance-status-card.amber .attendance-status-icon{color:#ea580c;background:#ffedd5}.attendance-status-card.info{background:#f0f9ff;border-color:#bae6fd}.attendance-status-card.info .attendance-status-icon{color:#0284c7;background:#e0f2fe}.attendance-status-card.purple{background:#faf5ff;border-color:#e9d5ff}.attendance-status-card.purple .attendance-status-icon{color:#9333ea;background:#f3e8ff}.attendance-status-card.rose{background:#fff1f2;border-color:#fecdd3}.attendance-status-card.rose .attendance-status-icon{color:#e11d48;background:#ffe4e6}.attendance-status-card.blue{background:#eff6ff;border-color:#bfdbfe}.attendance-status-card.blue .attendance-status-icon{color:#2563eb;background:#dbeafe}.attendance-status-card.neutral{background:#f8fafc;border-color:#e2e8f0}.attendance-status-card.neutral .attendance-status-icon{color:#64748b;background:#f1f5f9}@media (width<=1200px){.attendance-overview{grid-template-columns:1fr}.attendance-rate-card{flex-direction:row;justify-content:flex-start;gap:20px}.attendance-rate-copy{text-align:left;margin-top:0}.attendance-rate-copy p{margin-left:0;margin-right:0}}@media (width<=760px){.attendance-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-rate-ring{width:108px;height:108px}.attendance-rate-inner{width:82px;height:82px}}@media (width<=520px){.attendance-rate-card{text-align:center;flex-direction:column}.attendance-rate-copy{text-align:center}.attendance-rate-copy p{margin-left:auto;margin-right:auto}.attendance-status-grid{grid-template-columns:1fr}}.dashboard-activity-list{flex-direction:column;margin-top:17px;display:flex}.dashboard-activity-row{border-bottom:1px solid #f1f5f9;border-radius:9px;grid-template-columns:40px minmax(150px,1fr) minmax(150px,.75fr) auto;align-items:center;gap:13px;min-width:0;min-height:61px;padding:10px 8px;transition:background .18s;display:grid}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-row:hover{background:#f8fafc}.dashboard-activity-avatar{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.dashboard-activity-person{flex-direction:column;min-width:0;display:flex}.dashboard-activity-person strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.dashboard-activity-person span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.dashboard-activity-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-activity-times>div{background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;min-width:0;padding:7px 9px}.dashboard-activity-times span{color:#94a3b8;letter-spacing:.07em;font-size:7px;font-weight:750;display:block}.dashboard-activity-times strong{color:#334155;margin-top:2px;font-size:10px;font-weight:750;display:block}.dashboard-activity-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;max-width:125px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.dashboard-activity-status.success{color:#047857;background:#ecfdf5;box-shadow:inset 0 0 0 1px #d1fae5}.dashboard-activity-status.warning{color:#b45309;background:#fffbeb;box-shadow:inset 0 0 0 1px #fde68a}.dashboard-activity-status.danger{color:#dc2626;background:#fef2f2;box-shadow:inset 0 0 0 1px #fecaca}.dashboard-activity-status.neutral{color:#64748b;background:#f1f5f9;box-shadow:inset 0 0 0 1px #e2e8f0}.activity-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.activity-empty-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#ecfeff);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:13px;display:grid}.activity-empty-state strong{color:#334155;font-size:11px}.activity-empty-state span{color:#94a3b8;max-width:340px;margin-top:5px;font-size:9px;line-height:1.6}@media (width<=760px){.dashboard-activity-row{grid-template-columns:38px minmax(0,1fr) auto}.dashboard-activity-times{grid-area:2/2/auto/-1}.dashboard-activity-status{grid-area:1/3}}@media (width<=520px){.dashboard-activity-row{gap:9px;padding:10px 2px}.dashboard-activity-times{grid-template-columns:repeat(2,1fr)}.dashboard-activity-status{text-overflow:ellipsis;max-width:92px;overflow:hidden}}.attention-action-row{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1f5f9;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:10px 7px;transition:background .18s;display:grid}.attention-action-row:last-child{border-bottom:0}.attention-action-row:hover{background:#f8fafc}.attention-action-icon{border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.attention-action-row.clear .attention-action-icon{color:#059669;background:#ecfdf5}.attention-action-row.warning .attention-action-icon{color:#d97706;background:#fffbeb}.attention-action-row.danger .attention-action-icon{color:#dc2626;background:#fef2f2}.attention-action-copy{flex-direction:column;min-width:0;display:flex}.attention-action-copy strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.attention-action-copy span{color:#94a3b8;margin-top:3px;font-size:8px}.attention-action-value{text-align:center;min-width:25px;font-size:11px;font-weight:800}.attention-action-row.clear .attention-action-value{color:#059669}.attention-action-row.warning .attention-action-value{color:#d97706}.attention-action-row.danger .attention-action-value{color:#dc2626}.attention-action-chevron{color:#cbd5e1;transition:transform .18s,color .18s}.attention-action-row:hover .attention-action-chevron{color:#2563eb;transform:translate(2px)}.dashboard-operational-strip{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dbeafe;border-radius:14px;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:18px;margin-top:14px;padding:13px 15px;display:grid}.dashboard-operational-strip.all-clear{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#d1fae5}.dashboard-operational-strip.needs-attention{background:linear-gradient(135deg,#fffaf5,#fff);border-color:#fed7aa}.dashboard-operational-main{align-items:center;gap:11px;min-width:0;display:flex}.dashboard-operational-icon{color:#2563eb;background:#eff6ff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.dashboard-operational-strip.all-clear .dashboard-operational-icon{color:#059669;background:#dcfce7}.dashboard-operational-strip.needs-attention .dashboard-operational-icon{color:#ea580c;background:#ffedd5}.dashboard-operational-copy{flex-direction:column;min-width:0;display:flex}.dashboard-operational-copy>span{color:#2563eb;letter-spacing:.1em;font-size:7px;font-weight:800}.dashboard-operational-strip.all-clear .dashboard-operational-copy>span{color:#059669}.dashboard-operational-strip.needs-attention .dashboard-operational-copy>span{color:#ea580c}.dashboard-operational-copy strong{color:#1e293b;margin-top:2px;font-size:10px;font-weight:800}.dashboard-operational-copy p{color:#94a3b8;margin:3px 0 0;font-size:8px}.dashboard-operational-metrics{align-items:center;gap:8px;display:flex}.operational-metric{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:82px;padding:8px 10px}.operational-metric span{color:#94a3b8;white-space:nowrap;font-size:7px;font-weight:700;display:block}.operational-metric strong{color:#334155;margin-top:2px;font-size:14px;font-weight:800;display:block}.operational-metric.warning{background:#fffbeb;border-color:#fde68a}.operational-metric.warning strong{color:#b45309}.dashboard-operational-action{color:#2563eb;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:8px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.dashboard-operational-action:hover{background:#eff6ff;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb14}.stat-badge.warning{color:#b45309;background:#fffbeb}.stat-badge.danger{color:#dc2626;background:#fef2f2}@media (width<=1050px){.dashboard-operational-strip{grid-template-columns:1fr auto}.dashboard-operational-metrics{grid-area:2/1/auto/-1}.dashboard-operational-action{grid-area:1/2}}@media (width<=650px){.dashboard-operational-strip{grid-template-columns:1fr}.dashboard-operational-action{grid-area:auto;width:100%}.dashboard-operational-metrics{grid-area:auto;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.operational-metric{min-width:0}}@media (width<=430px){.dashboard-operational-metrics{grid-template-columns:1fr}.operational-metric{text-align:left}}.dashboard-notification,.notification-button{position:relative}.notification-button.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.notification-count{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:7px;font-weight:800;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.notification-popover{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:15px;width:330px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 50px #0f172a29}.notification-popover-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;display:flex}.notification-popover-header>div{flex-direction:column;display:flex}.notification-popover-header>div>span{color:#2563eb;letter-spacing:.12em;font-size:7px;font-weight:800}.notification-popover-header strong{color:#0f172a;margin-top:3px;font-size:12px;font-weight:800}.notification-summary-badge{color:#2563eb;background:#eff6ff;border-radius:999px;place-items:center;min-width:27px;height:27px;padding:0 7px;font-size:9px;font-weight:800;display:grid}.notification-list{flex-direction:column;padding:6px;display:flex}.notification-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto 15px;align-items:center;gap:9px;padding:10px;transition:background .18s;display:grid}.notification-item:hover{background:#f8fafc}.notification-item-icon{color:#d97706;background:#fffbeb;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.notification-item.danger .notification-item-icon{color:#dc2626;background:#fef2f2}.notification-item.warning .notification-item-icon{color:#d97706;background:#fffbeb}.notification-item-copy{flex-direction:column;min-width:0;display:flex}.notification-item-copy strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.notification-item-copy span{color:#94a3b8;margin-top:3px;font-size:8px}.notification-item-value{color:#475569;text-align:center;min-width:24px;font-size:11px;font-weight:800}.notification-item.danger .notification-item-value{color:#dc2626}.notification-item.warning .notification-item-value{color:#d97706}.notification-item-chevron{color:#cbd5e1;transition:transform .18s}.notification-item:hover .notification-item-chevron{transform:translate(2px)}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:25px;display:flex}.notification-empty-icon{color:#059669;background:#ecfdf5;border-radius:12px;place-items:center;width:43px;height:43px;margin-bottom:10px;display:grid}.notification-empty strong{color:#334155;font-size:10px}.notification-empty span{color:#94a3b8;max-width:220px;margin-top:5px;font-size:8px;line-height:1.55}.notification-popover-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.notification-popover-footer span{color:#94a3b8;font-size:8px}.notification-popover-footer strong{color:#334155;font-size:9px}@media (width<=600px){.notification-popover{width:auto;position:fixed;top:76px;left:12px;right:12px}}.dashboard-quick-section{margin-top:18px}.dashboard-quick-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:10px;display:flex}.dashboard-quick-heading>div{flex-direction:column;display:flex}.dashboard-quick-heading>div>span{color:#2563eb;letter-spacing:.12em;font-size:7px;font-weight:800}.dashboard-quick-heading>div>strong{color:#1e293b;margin-top:3px;font-size:12px;font-weight:800}.dashboard-quick-heading p{color:#94a3b8;margin:0;font-size:8px}.quick-grid.dashboard-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:0}.dashboard-quick-card{--quick-accent:#2563eb;--quick-background:#eff6ff;width:100%;min-height:74px;color:inherit;font:inherit;text-align:left;appearance:none;padding:15px 14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a06}.dashboard-quick-card:before{content:"";background:var(--quick-accent);opacity:0;width:3px;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.dashboard-quick-card:hover:before{opacity:1}.dashboard-quick-card:hover{border-color:var(--quick-accent);transform:translateY(-2px);box-shadow:0 10px 25px #0f172a12}.dashboard-quick-card:focus-visible{outline-offset:2px;outline:3px solid #2563eb29}.dashboard-quick-card .quick-icon{background:var(--quick-background);color:var(--quick-accent);transition:transform .18s}.dashboard-quick-card:hover .quick-icon{transform:scale(1.05)}.dashboard-quick-copy{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-quick-copy strong{color:#334155;font-size:10px;font-weight:750}.dashboard-quick-copy span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.dashboard-quick-card>svg{color:#cbd5e1;flex:none;transition:transform .18s,color .18s}.dashboard-quick-card:hover>svg{color:var(--quick-accent);transform:translate(3px)}.quick-employees{--quick-accent:#2563eb;--quick-background:#eff6ff}.quick-attendance{--quick-accent:#059669;--quick-background:#ecfdf5}.quick-absence{--quick-accent:#d97706;--quick-background:#fffbeb}.quick-reports{--quick-accent:#7c3aed;--quick-background:#f5f3ff}@media (width<=1150px){.quick-grid.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-quick-heading{flex-direction:column;align-items:flex-start;gap:4px}.quick-grid.dashboard-quick-grid{grid-template-columns:1fr}}.topbar-search{position:relative}.topbar-search .search-box{transition:border-color .18s,background .18s,box-shadow .18s}.topbar-search .search-box.active{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb12}.topbar-search-popover{z-index:250;background:#fff;border:1px solid #e2e8f0;border-radius:15px;width:360px;position:absolute;top:calc(100% + 11px);right:0;overflow:hidden;box-shadow:0 22px 55px #0f172a29}.topbar-search-header{color:#2563eb;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.topbar-search-header span{letter-spacing:.12em;font-size:7px;font-weight:800}.topbar-search-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:25px 22px;display:flex}.topbar-search-state strong{color:#334155;font-size:10px}.topbar-search-state span{color:#94a3b8;max-width:260px;margin-top:5px;font-size:8px;line-height:1.6}.topbar-search-results{max-height:430px;padding:6px;overflow-y:auto}.topbar-search-group+.topbar-search-group{border-top:1px solid #f1f5f9;margin-top:6px;padding-top:6px}.topbar-search-group-title{color:#94a3b8;letter-spacing:.11em;padding:6px 9px;font-size:7px;font-weight:800;display:block}.topbar-search-result{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:9px;padding:9px;transition:background .16s;display:grid}.topbar-search-result:hover{background:#f8fafc}.topbar-search-result-icon,.topbar-search-avatar{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.topbar-search-result-icon svg{width:16px;height:16px}.topbar-search-avatar{font-size:10px;font-weight:800}.topbar-search-result-copy{flex-direction:column;min-width:0;display:flex}.topbar-search-result-copy strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.topbar-search-result-copy span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.topbar-search-result>svg{color:#cbd5e1;transition:transform .17s,color .17s}.topbar-search-result:hover>svg{color:#2563eb;transform:translate(2px)}@media (width<=900px){.topbar-search{display:none}}