@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth-container{background:#f0f2f8;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.auth-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 10% 20%,#4f39f60f 0%,#0000 70%),radial-gradient(50% 40% at 90% 80%,#7c3aed0d 0%,#0000 70%),#eef0f8;position:fixed;inset:0}.auth-widget{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;padding:14px 16px;position:absolute;box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000d}@media (width<=1100px){.auth-widget{display:none}}@keyframes auth-float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes auth-float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes auth-float-3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes auth-float-4{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes auth-float-5{0%,to{transform:translateY(0)rotate(.5deg)}50%{transform:translateY(-9px)rotate(-.5deg)}}@keyframes auth-float-6{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.auth-widget--attendance{width:220px;animation:6s ease-in-out infinite auth-float-1;top:8%;left:4%}.auth-widget--leave{width:210px;animation:7s ease-in-out .8s infinite auth-float-2;top:12%;right:4%}.auth-widget--payroll{width:230px;animation:8s ease-in-out 1.2s infinite auth-float-3;bottom:16%;left:3%}.auth-widget--kpi{width:215px;animation:6.5s ease-in-out .5s infinite auth-float-4;bottom:12%;right:4%}.auth-widget--team{width:200px;animation:7.5s ease-in-out 2s infinite auth-float-5;top:48%;left:2.5%;transform:translateY(-50%)}.auth-widget--department{width:205px;animation:6.8s ease-in-out 1.5s infinite auth-float-6;top:44%;right:3%;transform:translateY(-50%)}.auth-widget-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.auth-widget-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.auth-widget-icon--purple{color:#4f39f6;background:#4f39f61a}.auth-widget-icon--green{color:#16a34a;background:#22c55e1a}.auth-widget-icon--amber{color:#d97706;background:#f59e0b1a}.auth-widget-icon--blue{color:#2563eb;background:#3b82f61a}.auth-widget-icon--rose{color:#e11d48;background:#f43f5e1a}.auth-widget-icon--teal{color:#0d9488;background:#14b8a61a}.auth-widget-title{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.auth-widget-value{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:700;line-height:1}.auth-widget-sub{color:#64748b;margin-top:2px;font-size:11px}.auth-widget-row{gap:8px;margin-top:8px;display:flex}.auth-widget-pill{text-align:center;background:#f8fafc;border-radius:8px;flex:1;padding:6px 8px}.auth-widget-pill-val{color:#0f172a;font-size:14px;font-weight:700;display:block}.auth-widget-pill-label{color:#94a3b8;margin-top:1px;font-size:10px;display:block}.auth-widget-bar-wrap{background:#f1f5f9;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.auth-widget-bar{background:linear-gradient(90deg,#4f39f6,#7c3aed);border-radius:999px;height:100%}.auth-widget-divider{background:#f1f5f9;height:1px;margin:8px 0}.auth-widget-line{color:#64748b;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.auth-widget-line strong{color:#0f172a;font-size:12px;font-weight:600}.auth-widget-dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.auth-widget-avatars{margin-top:8px;display:flex}.auth-widget-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:10px;font-weight:700;display:flex}.auth-widget-avatar:first-child{margin-left:0}.auth-widget-avatar--a{background:linear-gradient(135deg,#4f39f6,#7c3aed)}.auth-widget-avatar--b{background:linear-gradient(135deg,#06b6d4,#0891b2)}.auth-widget-avatar--c{background:linear-gradient(135deg,#10b981,#059669)}.auth-widget-avatar--d{background:linear-gradient(135deg,#f59e0b,#d97706)}.auth-widget-avatar--more{color:#64748b;background:#f1f5f9;font-size:9px}.auth-widget-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.auth-widget-badge--green{color:#16a34a;background:#22c55e1a}.auth-widget-badge--amber{color:#d97706;background:#f59e0b1a}.auth-widget-badge--blue{color:#2563eb;background:#3b82f61a}.auth-card-wrapper{z-index:2;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;padding:24px 20px;display:flex;position:relative}.auth-brand{align-items:center;gap:10px;display:flex}.auth-logo{color:#fff;background:linear-gradient(135deg,#4f39f6,#7c3aed);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #4f39f64d}.auth-brand-name{color:#0f172a;letter-spacing:-.3px;font-size:20px;font-weight:700}.auth-heading-block{text-align:center;flex-direction:column;gap:5px;display:flex}.auth-heading{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.auth-subheading{color:#64748b;margin:0;font-size:14px;line-height:1.5}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;padding:32px 28px;box-shadow:0 4px 6px -2px #0000000a,0 12px 32px -4px #00000014}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:#1e293b;margin:0;font-size:13px;font-weight:600;display:block}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{background:#fff;border-color:#4f39f6;box-shadow:0 0 0 3px #4f39f61a}.auth-input.auth-input-has-left-icon{padding-left:42px}.auth-input.auth-input-has-right-icon{padding-right:42px}.auth-input.auth-input--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.auth-input-icon-left{color:#94a3b8;pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:13px}.auth-input-wrap:focus-within .auth-input-icon-left{color:#4f39f6}.auth-eye-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:12px;margin:0!important}.auth-eye-btn:hover{color:#4f39f6}.auth-row{justify-content:flex-end;margin-top:-6px;display:flex}.auth-link-btn{color:#4f39f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:opacity .15s;margin:0!important}.auth-link-btn:hover{opacity:.75;text-decoration:underline}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.auth-error-icon{flex-shrink:0;margin-top:1px}.auth-field-error{color:#ef4444;font-size:12px;font-weight:500}.auth-submit-btn{color:#fff;letter-spacing:.1px;cursor:pointer;background:linear-gradient(135deg,#4f39f6 0%,#7c3aed 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:2px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #4f39f659}.auth-submit-btn:hover:not(:disabled){opacity:.93;transform:translateY(-1px);box-shadow:0 8px 22px #4f39f666}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-spinner{animation:.75s linear infinite auth-spin}.auth-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:color .2s;display:flex;margin:0!important}.auth-back-btn:hover{color:#0f172a}.auth-resend-btn{color:#4f39f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:opacity .15s;margin:0!important}.auth-resend-btn:hover{opacity:.75}.auth-otp-row{gap:10px;display:flex}.auth-otp-box{color:#0f172a;text-align:center;caret-color:#4f39f6;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;flex:1;height:52px;padding:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}.auth-otp-box:focus{background:#fff;border-color:#4f39f6;box-shadow:0 0 0 3px #4f39f61a}.auth-otp-box.auth-otp-box--filled{background:#f5f3ff;border-color:#4f39f6}.auth-success-icon{color:#16a34a;background:#dcfce7;border:1px solid #22c55e40;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 8px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards auth-success-pop;display:flex}@keyframes auth-success-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.auth-footer{color:#94a3b8;text-align:center;z-index:2;margin:0;font-size:12px;position:relative}@media (width<=480px){.auth-card{border-radius:16px;padding:24px 18px}.auth-card-wrapper{padding:20px 16px}.auth-heading{font-size:22px}.auth-otp-box{height:46px;font-size:18px}}.notification-wrapper{position:relative}.notification-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-btn:hover{color:#1e293b;background:#f8fafc}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px #ef444433}.notification-dropdown{z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;max-height:400px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.notification-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header-left{align-items:center;gap:8px;display:flex}.notification-body{padding:8px}.notification-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:13px}.notification-item{cursor:pointer;background:0 0;border:1px solid #f1f5f9;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .2s}.notification-item:hover{border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.notification-unread{background:#f8fafc;border-left:3px solid #4f39f6}.notification-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-title{color:#334155;font-size:13px;font-weight:600}.notification-title-unread{color:#0f172a}.notification-new{color:#4f39f6;background:#eef2ff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.notification-message{color:#64748b;margin-top:6px;font-size:13px;line-height:1.5}.notification-date{color:#94a3b8;margin-top:8px;font-size:11px}.nav-item{position:relative}.nav-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:10px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;display:flex}.fc-event-custom{flex-direction:column;gap:2px;padding:4px 6px;display:flex}.fc-event-title{color:#fff;font-size:12px;font-weight:600}.fc-event-type{color:#fffc;font-size:10px}.fc-daygrid-event{border:none;border-radius:6px;margin-top:2px;overflow:hidden}.fc-theme-standard th{color:#64748b;background:#f8fafc;border-color:#e2e8f0;padding:12px 0;font-weight:600}.fc-theme-standard td,.fc-theme-standard th{border-color:#e2e8f0}.fc .fc-toolbar-title{color:#0f172a;font-size:1.25rem;font-weight:600}.fc .fc-button-primary{color:#0f172a;text-transform:capitalize;background-color:#fff;border-color:#e2e8f0;border-radius:8px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.fc .fc-button-primary:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.fc .fc-button-primary:disabled{color:#94a3b8;background-color:#fff;border-color:#e2e8f0}.fc .fc-today-button{color:#fff!important;background-color:#4f39f6!important;border-color:#4f39f6!important}.fc .fc-today-button:hover{background-color:#4330d3!important;border-color:#4330d3!important}.fc-day-today{background-color:#eef2ff!important}.timeline-card{flex-direction:column;gap:16px;margin-top:16px;display:flex}.timeline-item{align-items:flex-start;gap:12px;display:flex}.tl-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tl-icon.green{color:#16a34a;background:#f0fdf4}.tl-icon.red{color:#ef4444;background:#fef2f2}.tl-icon.blue{color:#3b82f6;background:#eff6ff}.tl-content{flex-direction:column;display:flex}.tl-label{color:#64748b;font-size:13px;font-weight:500}.tl-time{color:#0f172a;font-size:15px;font-weight:600}.dashboard-layout{flex-direction:column;gap:24px;display:flex}.db-kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.db-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.db-kpi-row{grid-template-columns:1fr}}.db-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.db-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.db-kpi-header{justify-content:space-between;align-items:center;display:flex}.db-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.db-kpi-icon.purple{color:#4f39f6;background:#eef2ff}.db-kpi-icon.orange{color:#ea580c;background:#fff7ed}.db-kpi-icon.red{color:#ef4444;background:#fef2f2}.db-kpi-icon.green{color:#16a34a;background:#f0fdf4}.db-kpi-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.db-kpi-badge.warning{color:#ea580c;background:#fff7ed}.db-kpi-badge.pending{color:#16a34a;background:#f0fdf4}.db-kpi-body{flex-direction:column;gap:4px;display:flex}.db-kpi-value{color:#0f172a;font-size:28px;font-weight:700;line-height:1}.db-kpi-total{color:#94a3b8;font-size:16px;font-weight:500}.db-kpi-label{color:#64748b;font-size:14px;font-weight:500}.db-kpi-footer{margin-top:auto;font-size:13px;font-weight:500}.purple-text{color:#4f39f6}.dashboard-split{align-items:flex-start;gap:24px;display:flex}.main-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex:1;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.side-panel{flex-shrink:0;width:380px}@media (width<=1024px){.dashboard-split{flex-direction:column}.side-panel{width:100%}}.panel-header{margin-bottom:24px}.panel-header h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:600}.panel-header p{color:#64748b;margin:0;font-size:14px}.table-wrapper-premium{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.employee-text{flex-direction:column;display:flex}.status-badge.pending{color:#ea580c;background:#fff7ed;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.my-workspace-card{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.workspace-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.status-indicator{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.active,.status-dot.present{background:#10b981}.status-dot.absent{background:#ef4444}.workspace-stats{gap:16px;margin-bottom:24px;display:flex}.w-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.w-label{color:#64748b;font-size:12px;font-weight:500}.w-val{color:#0f172a;font-size:18px;font-weight:700}.workspace-leaves h4{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:600}.mini-leave-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.ml-left{flex-direction:column;gap:2px;display:flex}.ml-name{color:#1e293b;font-size:13px;font-weight:500}.ml-used{color:#94a3b8;font-size:11px}.ml-right{color:#0f172a;font-size:15px;font-weight:600}.ml-right small{color:#94a3b8;font-size:12px;font-weight:500}.split-layout{flex:1;gap:16px;min-height:0;display:flex}.left-pane{border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:280px;min-height:0;padding-right:10px;display:flex;overflow-y:auto}.pane-title{margin-bottom:10px;font-size:16px;font-weight:600}.image-viewer{width:100%}.session-list{flex:1;min-height:0;overflow-y:auto}.session-item{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;margin-top:10px;margin-bottom:10px;padding:10px}.session-item.active{background:#eff6ff;border-color:#3b82f6}.session-title{font-weight:600}.session-meta{color:#6b7280;font-size:12px}.status{margin-top:6px;font-size:12px}.status.on{color:green}.status.off{color:gray}.session-details{background:#f9fafb;border-radius:10px;margin-top:15px;padding:10px}.right-pane{flex:1;min-width:0;min-height:0;padding-left:10px;overflow-y:auto}.empty-state{color:#9ca3af;justify-content:center;align-items:center;height:100%;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:100%;display:grid}.employee-progress-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.employee-progress-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;flex-direction:column!important;width:1200px!important;max-width:95vw!important;height:90vh!important;display:flex!important}.flex-button-icon{display:flex;flex-direction:row!important;align-items:center!important}.modal-body-reports{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}.modal-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.modal-footer-reports{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:0 16px 16px;display:flex}.thumb{object-fit:cover;cursor:pointer;border-radius:10px;width:100%;height:130px;transition:all .2s}.thumb:hover{transform:scale(1.04)}.image-viewer img{object-fit:contain;border-radius:10px;width:100%;max-height:70vh}.card-actions{display:flex!important}.attendance-stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.attendance-stat-card{background:var(--ds-bg-main);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:18px 20px;transition:all .2s;box-shadow:0 1px 2px #0000000a}.attendance-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-label{color:var(--ds-text-secondary);margin-bottom:10px;font-size:13px;font-weight:500}.stat-value{color:var(--ds-text-main);font-size:30px;font-weight:700;line-height:1}.btn-apply-filter{border:1px solid var(--ds-primary);color:var(--ds-primary);background:0 0;transition:all .2s}.btn-apply-filter:hover{background:var(--ds-primary);color:#fff}.stat-value.success{color:#22c55e}.stat-value.warning{color:#f59e0b}.stat-value.danger{color:#ef4444}@media (width<=1200px){.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.attendance-stats-grid{grid-template-columns:1fr}}.msp-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.msp-tabs{background:var(--ds-bg-subtle,#f8fafc);border-radius:var(--ds-radius-lg,12px);border:1px solid var(--ds-border,#e2e8f0);gap:4px;width:fit-content;margin-bottom:24px;padding:5px;display:flex}.msp-tab-btn{border-radius:calc(var(--ds-radius-lg,12px) - 3px);color:var(--ds-text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.msp-tab-btn:hover{color:var(--ds-text-main,#0f172a);background:var(--ds-bg-main,#fff);box-shadow:0 1px 4px #00000014}.msp-tab-btn.active{background:var(--ds-primary,#4f39f6);color:#fff;box-shadow:0 2px 10px #4f39f64d}.msp-tab-btn svg{opacity:.8;flex-shrink:0}.msp-tab-content{flex-direction:column;gap:20px;animation:.22s mspFadeIn;display:flex}@keyframes mspFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msp-kpi-highlight{border:2px solid var(--ds-primary,#4f39f6)!important;background:#4f39f60a!important}.msp-breakdown-card{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);padding:20px 24px;box-shadow:0 1px 3px #0000000d}.msp-breakdown-title{color:var(--ds-text-main,#0f172a);margin:0 0 14px;font-size:14px;font-weight:600}.msp-breakdown-bar-wrap{background:var(--ds-border,#e2e8f0);border-radius:99px;width:100%;height:10px;margin-bottom:12px;overflow:hidden}.msp-breakdown-bar-fill{background:linear-gradient(90deg, var(--ds-primary,#4f39f6), var(--ds-success,#10b981));border-radius:99px;height:100%;transition:width .6s}.msp-breakdown-legend{flex-wrap:wrap;gap:20px;display:flex}.msp-legend-item{color:var(--ds-text-secondary,#64748b);align-items:center;gap:6px;font-size:13px;display:flex}.msp-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.msp-section-title{color:var(--ds-text-main,#0f172a);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.msp-count-badge{background:var(--ds-primary,#4f39f6);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.msp-payslip-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.msp-year-filter{color:var(--ds-text-secondary,#64748b);align-items:center;gap:10px;font-size:14px;display:flex}.msp-year-select{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);color:var(--ds-text-main,#0f172a);border-radius:var(--ds-radius-md,8px);cursor:pointer;outline:none;padding:6px 12px;font-size:14px;transition:border-color .18s}.msp-year-select:focus{border-color:var(--ds-primary,#4f39f6);box-shadow:var(--ds-focus-ring,0 0 0 3px #4f39f626)}.msp-payslip-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.msp-payslip-card{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);flex-direction:column;gap:14px;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.msp-payslip-card:before{content:"";background:linear-gradient(90deg, var(--ds-primary,#4f39f6), var(--ds-success,#10b981));opacity:0;height:3px;transition:opacity .18s;position:absolute;inset:0 0 auto}.msp-payslip-card:hover{border-color:var(--ds-border-hover,#cbd5e1);transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.msp-payslip-card:hover:before{opacity:1}.msp-ps-card-top{justify-content:space-between;align-items:center;display:flex}.msp-ps-month-badge{flex-direction:column;line-height:1.15;display:flex}.msp-ps-month{color:var(--ds-text-main,#0f172a);font-size:18px;font-weight:700}.msp-ps-year{color:var(--ds-text-secondary,#64748b);font-size:12px}.msp-ps-net{border-radius:var(--ds-radius-md,8px);background:linear-gradient(135deg,#4f39f60f,#10b9810a);border:1px solid #4f39f626;flex-direction:column;padding:14px 16px;display:flex}.msp-ps-net-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-secondary,#64748b);margin-bottom:4px;font-size:11px;font-weight:600}.msp-ps-net-value{color:var(--ds-primary,#4f39f6);font-size:22px;font-weight:700}.msp-ps-rows{flex-direction:column;gap:7px;display:flex}.msp-ps-row{color:var(--ds-text-secondary,#64748b);justify-content:space-between;font-size:13px;display:flex}.msp-ps-row span:last-child{color:var(--ds-text-main,#0f172a);font-weight:500}.msp-ps-row-ded{border-top:1px dashed var(--ds-border,#e2e8f0);margin-top:2px;padding-top:7px}.msp-ps-green{color:var(--ds-success,#10b981)!important;font-weight:500!important}.msp-ps-red{color:var(--ds-danger,#ef4444)!important;font-weight:500!important}.msp-ps-paid-info{color:var(--ds-text-secondary,#64748b);background:var(--ds-bg-subtle,#f8fafc);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-sm,6px);padding:6px 10px;font-size:12px}.msp-ps-toggle{background:var(--ds-bg-subtle,#f8fafc);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-sm,6px);width:100%;color:var(--ds-text-secondary,#64748b);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:all .18s;display:flex}.msp-ps-toggle:hover{border-color:var(--ds-primary,#4f39f6);color:var(--ds-primary,#4f39f6);background:#4f39f60a}.msp-ps-lines{background:var(--ds-bg-subtle,#f8fafc);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-sm,6px);flex-direction:column;gap:6px;padding:10px 12px;animation:.2s mspFadeIn;display:flex}.msp-ps-line-row{justify-content:space-between;gap:8px;font-size:12px;display:flex}.msp-ps-line-reason{color:var(--ds-text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msp-ps-line-amt{flex-shrink:0;font-weight:600}.msp-ps-download-btn{border-radius:var(--ds-radius-md,8px);width:100%;color:var(--ds-primary,#4f39f6);cursor:pointer;background:#4f39f612;border:1px solid #4f39f633;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:10px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.msp-ps-download-btn:hover:not(:disabled){background:var(--ds-primary,#4f39f6);border-color:var(--ds-primary,#4f39f6);color:#fff;box-shadow:0 4px 14px #4f39f659}.msp-ps-download-btn:disabled{opacity:.55;cursor:not-allowed}.msp-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite mspSpin;display:inline-block}@keyframes mspSpin{to{transform:rotate(360deg)}}.msp-ded-summary{align-items:center;gap:8px;display:flex}.msp-ded-total{color:var(--ds-danger,#ef4444);border-radius:var(--ds-radius-sm,6px);background:#ef444414;border:1px solid #ef44442e;padding:6px 14px;font-size:14px;font-weight:700}.msp-empty-state{color:var(--ds-text-secondary,#64748b);text-align:center;background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.msp-empty-state p{max-width:340px;margin:0;font-size:14px;line-height:1.6}@media (width<=640px){.msp-tabs{justify-content:stretch;width:100%}.msp-tab-btn{flex:1;justify-content:center;padding:9px 10px;font-size:13px}.msp-payslip-grid{grid-template-columns:1fr}.msp-breakdown-legend{gap:10px}.msp-payslip-header{flex-direction:column;align-items:flex-start}}.roles-page{max-width:1400px;margin:0 auto;padding:0 24px 24px}.roles-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.roles-title-section h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.roles-title-section p{color:#6b7280;margin:0;font-size:14px}.btn-add-role{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.btn-add-role:hover{background-color:#6d28d9}.btn-add-role:active{transform:scale(.98)}.roles-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.role-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.role-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.role-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.role-header-left{align-items:center;gap:12px;display:flex}.role-shield-icon{color:#7c3aed;background-color:#f5f3ff;border-radius:8px;padding:8px}.role-title-info h3{color:#111827;align-items:center;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.role-member-count{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.kebab-container{position:relative}.kebab-trigger{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.kebab-trigger:hover{color:#4b5563;background-color:#f3f4f6}.kebab-menu-dropdown{z-index:10;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:120px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.kebab-menu-dropdown button{text-align:left;cursor:pointer;color:#4b5563;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.kebab-menu-dropdown button:hover{background-color:#f3f4f6}.kebab-menu-dropdown button.delete{color:#ef4444}.kebab-menu-dropdown button.delete:hover{background-color:#fef2f2}.card-divider{border:0;border-top:1px solid #e5e7eb;margin:0 0 16px}.permission-rows-list{flex-direction:column;flex-grow:1;gap:12px;max-height:380px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.permission-rows-list::-webkit-scrollbar{width:4px}.permission-rows-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.permission-rows-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.permission-rows-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.permission-row{color:#374151;justify-content:space-between;align-items:center;padding:2px 0;font-size:13.5px;display:flex}.permission-row label{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:12px}.permission-checkbox{appearance:none;cursor:pointer;border:1px solid #d1d5db;border-radius:4px;outline:none;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .2s,border-color .2s;display:flex;position:relative}.permission-checkbox:checked{background-color:#7c3aed;border-color:#7c3aed}.permission-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;transform:rotate(45deg)}.permission-checkbox:disabled{cursor:not-allowed;background-color:#e5e7eb;border-color:#d1d5db}.permission-checkbox:disabled:checked{background-color:#c084fc;border-color:#c084fc}.role-lock-banner{background-color:#f5f3ff;border:1px solid #e0d7ff;border-radius:8px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;display:flex}.role-lock-icon{color:#7c3aed;flex-shrink:0;margin-top:1px}.role-lock-banner span{color:#5b21b6;font-size:12px;line-height:1.4}.add-first-card{cursor:pointer;color:#9ca3af;background-color:#fafafa;border:2px dashed #d1d5db;justify-content:center;align-items:center;min-height:250px;transition:border-color .2s,color .2s,background-color .2s}.add-first-card:hover{color:#7c3aed;box-shadow:none;background-color:#f5f3ff;border-color:#7c3aed;transform:none}.add-first-card span{margin-top:12px;font-size:14px;font-weight:600}.rename-inline-input{color:#111827;border:1px solid #7c3aed;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:16px;font-weight:700}.skeleton-card{pointer-events:none}.skeleton-header{background-color:#e5e7eb;border-radius:6px;height:48px;margin-bottom:16px}.skeleton-divider{background-color:#e5e7eb;height:1px;margin-bottom:16px}.skeleton-row{background-color:#e5e7eb;border-radius:4px;height:20px;margin-bottom:12px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#fff3 20%,#ffffff80 60%,#fff0 100%);animation:1.5s infinite shimmer-animation;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer-animation{to{transform:translate(100%)}}.modal-permission-groups{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;max-height:450px;margin-top:16px;padding-right:8px;display:grid;overflow-y:auto}.modal-category-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.modal-category-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 16px;transition:background-color .2s;display:flex}.modal-category-header:hover{background-color:#f3f4f6}.modal-category-header h4{color:#374151;margin:0;font-size:14px;font-weight:700}.modal-category-select-all{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.modal-category-select-all:hover{color:#4f39f6}.modal-category-body{grid-template-columns:1fr;gap:12px;padding:16px;display:grid}.modal-permission-item{color:#4b5563;align-items:center;gap:10px;font-size:13px;display:flex}.modal-permission-item label{cursor:pointer;-webkit-user-select:none;user-select:none}.custom-role-modal .modal-content{padding:0!important;display:block!important;overflow:visible!important}.custom-role-modal .modal-footer{background:0 0!important;border-top:none!important;padding:0!important}.live-header{justify-content:space-between;align-items:center;width:100%;display:flex}.live-header .title-section h2{color:#f8fafc;margin:0;font-size:20px}.live-header .title-section .subtitle{color:#94a3b8;margin:4px 0 0;font-size:13px}.live-screen-container{justify-content:center;width:100%;margin-top:16px;display:flex}.video-viewport{aspect-ratio:16/9;background:#090d16;border:1px solid #ffffff0d;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 10px 30px #00000080}.live-video-stream{object-fit:contain;width:100%;height:100%;display:none}.live-video-stream.active{display:block}.viewport-overlay{color:#e2e8f0;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.viewport-overlay p{color:#cbd5e1;margin:16px 0 0;font-size:15px;font-weight:500}.viewport-overlay .helper-text{color:#64748b;max-width:400px;margin-top:8px;font-size:12px}.viewport-overlay .error-title{color:#ef4444;font-size:16px;font-weight:700}.viewport-overlay .error-message{color:#94a3b8;max-width:450px;margin-top:6px;font-size:13px}.pulse-circle{background:#6366f126;border:2px solid #6366f1;border-radius:50%;width:40px;height:40px;animation:2s infinite pulseBlueStream;box-shadow:0 0 #6366f1b3}@keyframes pulseBlueStream{0%{transform:scale(.95);box-shadow:0 0 #6366f180}70%{transform:scale(1.1);box-shadow:0 0 0 12px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}.spinner{border:3px solid #ffffff0d;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-badge-overlay{color:#fff;letter-spacing:.05em;background:#ef4444d9;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #00000080}.live-badge-overlay .badge-dot{background:#fff;border-radius:50%;width:5px;height:5px;animation:1.4s infinite pulseWhiteDot;box-shadow:0 0 #fffc}@keyframes pulseWhiteDot{0%{transform:scale(.9);box-shadow:0 0 #fff9}70%{transform:scale(1.2);box-shadow:0 0 0 4px #fff0}to{transform:scale(.9);box-shadow:0 0 #fff0}}.pmp-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.pmp-kpi-card{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .18s;display:flex;box-shadow:0 1px 3px #0000000a}.pmp-kpi-card:hover{box-shadow:0 4px 14px #00000012}.pmp-kpi-icon{border-radius:var(--ds-radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pmp-kpi-blue .pmp-kpi-icon{color:var(--ds-primary,#4f39f6);background:#4f39f61a}.pmp-kpi-green .pmp-kpi-icon{color:var(--ds-success,#10b981);background:#10b9811a}.pmp-kpi-amber .pmp-kpi-icon{color:#f59e0b;background:#f59e0b1a}.pmp-kpi-purple .pmp-kpi-icon{color:#8b5cf6;background:#8b5cf61a}.pmp-kpi-body{flex-direction:column;min-width:0;display:flex}.pmp-kpi-value{color:var(--ds-text-main,#0f172a);font-size:22px;font-weight:700;line-height:1.2}.pmp-kpi-label{color:var(--ds-text-secondary,#64748b);margin-top:2px;font-size:12px;font-weight:500}.pmp-gen-card{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pmp-gen-header{cursor:pointer;width:100%;color:var(--ds-text-main,#0f172a);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.pmp-gen-header:hover{background:var(--ds-bg-subtle,#f8fafc)}.pmp-gen-subtitle{color:var(--ds-text-secondary,#64748b);font-size:13px;font-weight:400}.pmp-gen-body{border-top:1px solid var(--ds-border,#e2e8f0);padding:0 20px 20px;animation:.2s pmpFadeIn}.pmp-gen-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:16px;display:flex}.pmp-gen-field{flex-direction:column;gap:6px;min-width:130px;display:flex}.pmp-gen-btn{white-space:nowrap;align-items:center;gap:8px;height:40px;display:flex}.pmp-gen-note{color:var(--ds-text-secondary,#64748b);border-radius:var(--ds-radius-sm,6px);background:#f59e0b0f;border:1px solid #f59e0b33;margin:12px 0 0;padding:8px 12px;font-size:12px}.pmp-badge{border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pmp-badge-paid{color:var(--ds-success,#10b981);background:#10b9811a}.pmp-badge-pending{color:#f59e0b;background:#f59e0b1a}.pmp-badge-failed{color:var(--ds-danger,#ef4444);background:#ef44441a}.pmp-avatar{background:linear-gradient(135deg, var(--ds-primary,#4f39f6), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.pmp-icon-btn{border-radius:var(--ds-radius-sm,6px);border:1px solid var(--ds-border,#e2e8f0);background:var(--ds-bg-subtle,#f8fafc);width:32px;height:32px;color:var(--ds-text-secondary,#64748b);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.pmp-icon-btn:hover:not(:disabled){background:var(--ds-primary,#4f39f6);border-color:var(--ds-primary,#4f39f6);color:#fff}.pmp-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pmp-spin{animation:.8s linear infinite pmpSpin}.pmp-side{background:var(--ds-bg-main,#fff);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-lg,12px);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.pmp-side-header{background:linear-gradient(135deg, var(--ds-primary,#4f39f6), #8b5cf6);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pmp-side-month{flex-direction:column;line-height:1.15;display:flex}.pmp-side-month-name{font-size:18px;font-weight:700}.pmp-side-year{opacity:.8;font-size:12px}.pmp-side-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.pmp-side-close:hover{background:#ffffff59}.pmp-side-emp{border-bottom:1px solid var(--ds-border,#e2e8f0);align-items:center;gap:12px;padding:16px 20px;display:flex}.pmp-side-avatar{background:linear-gradient(135deg, var(--ds-primary,#4f39f6), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.pmp-side-name{color:var(--ds-text-main,#0f172a);font-size:15px;font-weight:600;line-height:1.2}.pmp-side-empid{color:var(--ds-text-secondary,#64748b);font-size:12px}.pmp-side-net{border-bottom:1px solid var(--ds-border,#e2e8f0);background:linear-gradient(135deg,#4f39f60d,#8b5cf608);flex-direction:column;align-items:center;padding:20px;display:flex}.pmp-side-net-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ds-text-secondary,#64748b);margin-bottom:4px;font-size:11px;font-weight:600}.pmp-side-net-value{color:var(--ds-primary,#4f39f6);font-size:26px;font-weight:700}.pmp-side-section{border-bottom:1px solid var(--ds-border,#e2e8f0);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.pmp-side-section:last-child{border-bottom:none}.pmp-side-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-secondary,#64748b);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.pmp-side-row{justify-content:space-between;font-size:13px;display:flex}.pmp-side-row-label{color:var(--ds-text-secondary,#64748b)}.pmp-side-row-val{color:var(--ds-text-main,#0f172a);font-weight:500}.pmp-green{color:var(--ds-success,#10b981)!important}.pmp-red{color:var(--ds-danger,#ef4444)!important}.pmp-count-chip{background:var(--ds-primary,#4f39f6);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.pmp-ded-list{flex-direction:column;gap:6px;display:flex}.pmp-ded-item{background:var(--ds-bg-subtle,#f8fafc);border:1px solid var(--ds-border,#e2e8f0);border-radius:var(--ds-radius-sm,6px);justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;transition:opacity .2s;display:flex}.pmp-ded-reversed{opacity:.55}.pmp-ded-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pmp-ded-date{color:var(--ds-text-muted,#94a3b8);font-size:11px}.pmp-ded-reason{color:var(--ds-text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pmp-ded-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.pmp-ded-amt{color:var(--ds-danger,#ef4444);font-size:13px;font-weight:600}.pmp-ded-tag{border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700}.pmp-ded-tag-reversed{color:var(--ds-success,#10b981);background:#10b9811a}.pmp-ded-reverse-btn{border-radius:var(--ds-radius-sm,6px);color:#f59e0b;cursor:pointer;background:#f59e0b14;border:1px solid #f59e0b40;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.pmp-ded-reverse-btn:hover:not(:disabled){color:#fff;background:#f59e0b}.pmp-ded-reverse-btn:disabled{opacity:.5;cursor:not-allowed}.pmp-side-paid-info{background:#10b9810d;align-items:center;gap:10px;border-color:#10b98133!important;flex-direction:row!important}.pmp-pdf-btn{border-radius:var(--ds-radius-md,8px);width:100%;color:var(--ds-primary,#4f39f6);cursor:pointer;background:#4f39f612;border:1px solid #4f39f633;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.pmp-pdf-btn:hover:not(:disabled){background:var(--ds-primary,#4f39f6);color:#fff;box-shadow:0 4px 14px #4f39f64d}.pmp-pdf-btn:disabled{opacity:.55;cursor:not-allowed}.pmp-side-meta{color:var(--ds-text-muted,#94a3b8);text-align:center;border-top:1px solid var(--ds-border,#e2e8f0);padding:12px 20px;font-size:11px}.pmp-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite pmpSpin;display:inline-block}@keyframes pmpSpin{to{transform:rotate(360deg)}}@keyframes pmpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.pmp-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pmp-kpi-row{grid-template-columns:1fr}.pmp-gen-controls{flex-direction:column}.pmp-gen-field{min-width:unset;width:100%}}:root{--ds-primary:#4f39f6;--ds-primary-hover:#4330d3;--ds-primary-light:#eef2ff;--ds-text-main:#0f172a;--ds-text-secondary:#64748b;--ds-text-muted:#94a3b8;--ds-border:#e2e8f0;--ds-border-hover:#cbd5e1;--ds-bg-main:#fff;--ds-bg-subtle:#f8fafc;--ds-focus-ring:0 0 0 3px #4f39f626;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-success:#10b981;--ds-success-hover:#059669;--ds-danger:#ef4444}.ds-btn{border-radius:var(--ds-radius-lg);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ds-btn:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.ds-btn:disabled{opacity:.6;cursor:not-allowed}.ds-btn-primary{background:var(--ds-primary);color:#fff;box-shadow:0 4px 12px #4f39f640}.ds-btn-primary:hover:not(:disabled){background:var(--ds-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4f39f659}.ds-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #4f39f626}.ds-btn-secondary{background:var(--ds-bg-main);color:var(--ds-text-main);border-color:var(--ds-border);box-shadow:0 1px 2px #0000000d}.ds-btn-secondary:hover:not(:disabled){background:var(--ds-bg-subtle);border-color:var(--ds-border-hover)}.ds-btn-danger{background:var(--ds-danger);color:#fff;box-shadow:0 4px 12px #ef444440}.ds-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.ds-btn-success{background:var(--ds-success);color:#fff;box-shadow:0 4px 12px #10b98140}.ds-btn-success:hover:not(:disabled){background:var(--ds-success-hover);transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.ds-input,.ds-select{box-sizing:border-box;height:40px;color:var(--ds-text-main);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:#fff;width:100%;padding:0 12px;font-size:14px;transition:all .2s}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.ds-input::placeholder{color:var(--ds-text-muted)}.ds-input:hover,.ds-select:hover{border-color:var(--ds-border-hover);background:#fff}.ds-input:focus,.ds-select:focus{border-color:var(--ds-primary);box-shadow:var(--ds-focus-ring);background:#fff;outline:none}.ds-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.ds-input-icon{color:var(--ds-text-muted);pointer-events:none;position:absolute;right:12px}.ds-input-icon-left{color:var(--ds-text-muted);pointer-events:none;position:absolute;left:12px}.ds-input.has-icon-left{padding-left:36px!important}.ds-input-icon.clickable{pointer-events:auto;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.ds-form-label{color:var(--ds-text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ds-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.responsive-add-btn .short-text{display:none}@media (width<=1400px){.responsive-add-btn .full-text{display:none}.responsive-add-btn .short-text{display:inline}.ds-filter-bar>select,.ds-filter-bar>.ds-input-wrapper{flex:auto;min-width:140px}}.ds-table-wrapper{background:var(--ds-bg-main);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow-x:auto;box-shadow:0 1px 3px #00000005}.ds-table{border-collapse:collapse;text-align:left;width:100%}.ds-table th{background:var(--ds-bg-subtle);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:16px 24px;font-size:13px;font-weight:600}.ds-table td{color:var(--ds-text-main);border-bottom:1px solid var(--ds-border);vertical-align:middle;white-space:nowrap;padding:20px 24px;font-size:15px;line-height:1.5}.ds-table tbody tr{transition:background-color .15s}.ds-table tbody tr:hover{background-color:var(--ds-bg-subtle)}.ds-table tbody tr:last-child td{border-bottom:none}.ds-card-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.ds-page-title{color:var(--ds-text-main);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.2}.ds-page-subtitle{color:var(--ds-text-secondary);margin:0;font-size:15px;line-height:1.5}.ds-page-split{align-items:flex-start;gap:24px;display:flex}.ds-page-split>.main-panel{flex:1;min-width:0}.ds-page-split>.side-panel{flex-shrink:0;width:350px;position:sticky;top:24px}@media (width<=1024px){.ds-page-split{flex-direction:column}.ds-page-split>.side-panel{width:100%;position:static}}.right-side-button{gap:8px;display:flex;margin-left:70px!important}.action-buttons-dashboard{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;display:flex;align-items:center!important}.date-start-end-button{align-items:center;gap:10px;display:flex}.resume-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resume-box p{margin:0;font-size:14px}.logo{color:#fff;background:linear-gradient(135deg,#7b61ff,#9f3bff);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.divider{text-align:center;color:#6a7282;align-items:center;font-size:14px;font-weight:400;display:flex}.action-board{flex-direction:row;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.socials{gap:10px;display:flex}.socials button{color:#333;background:#fff;border:1px solid #ddd;flex:1}.signup{text-align:center;margin-top:20px;font-size:13px}.login-right h2{margin-bottom:20px;font-size:32px}.features{margin-top:20px}.features div{margin-bottom:20px}.stats{gap:40px;margin-top:40px;display:flex}.stats strong{font-size:24px;display:block}.input-group{align-items:center;display:flex;position:relative}.input-group input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 40px 12px 36px}.zemowork-content-layout{background:0 0!important;border:none!important}.zemowork-content-layout .table-wrapper{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;position:absolute;right:0}.feature{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.feature-icon{background:#ffffff26;border-radius:10px;padding:8px}.layout{min-height:100vh;display:flex;overflow:hidden}.sidebar{color:#0f172a;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:240px;height:97vh;transition:width .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a;padding:16px 12px 24px!important}.sidebar.collapsed{width:64px}.sidebar-header{align-items:center;gap:10px;padding:12px 40px 12px 12px;display:flex;overflow:hidden}.title-company{font-size:14px;font-weight:600}.subtitle-company{color:#94a3b8;font-size:12px}.sidebar-toggle{z-index:999;color:#0f172a;cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:34px;right:2px;border:unset!important}.sidebar-toggle svg{width:22px;height:22px;visibility:visible!important;opacity:1!important;display:block!important}.nav{flex-direction:column;gap:4px;margin-top:10px;display:flex;overflow-y:visible}.sidebar.collapsed .nav-label,.sidebar.collapsed .menu-title{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.menu-items{margin-top:0;margin-left:8px}.main{flex-direction:column;flex:1;margin-left:273px;display:flex;overflow-x:hidden}.content{flex:1;padding:20px}.sidebar.collapsed~.main{width:calc(100% - 97px);margin-left:97px}.title{font-size:18px;font-weight:700}.subtitle{color:#94a3b8;font-size:13px}.menu-title{letter-spacing:.8px;text-align:left;text-transform:uppercase;color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:8px 12px 4px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;line-height:16px;transition:color .15s;display:flex}.menu-title:hover{color:#64748b}.nav-item{color:#64748b;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#0f172a;background:#f8fafc}.nav-item:hover svg{color:#4f39f6}.nav-item.active{color:#4f39f6;background:#eef2ff;font-weight:600}.nav-item.active svg{color:#4f39f6}.nav-item .active-bar{background:0 0;border-radius:0 4px 4px 0;width:3px;height:calc(100% - 12px);transition:background .15s;position:absolute;top:6px;left:0}.nav-item.active .active-bar{background:#4f39f6}.menu-group button{all:unset;cursor:pointer;color:#1e293b;border-radius:8px;justify-content:space-between;width:100%;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.menu-group button:hover{background:#f1f5f9}.submenu{flex-direction:column;padding-left:12px;display:flex}.sidebar-overlay{display:none}@media (width<=768px){.sidebar-overlay{z-index:98;background:#0000004d;display:block;position:fixed;inset:0}}.dashboard{width:100%;padding:20px}.page-title{font-size:22px;font-weight:700}.page-subtitle{color:#64748b;margin-bottom:20px}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.kpi-top{justify-content:space-between;margin-bottom:10px;display:flex}.tag{background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:12px}.icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.green .icon{color:#16a34a;background:#dcfce7}.orange .icon{color:#ea580c;background:#ffedd5}.red .icon{color:#dc2626;background:#fee2e2}.kpi-value{font-size:28px;font-weight:700}.kpi-label{color:#64748b;margin-bottom:10px}.kpi-footer{margin-top:10px;font-size:13px}.success{color:#16a34a}.warn{color:#ea580c}.danger{color:#dc2626}.nav-divider{background:#e2e8f0;width:100%;height:1px;margin:12px 0}.dashboard-container{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif}.dashboard-title{color:#1e293b;margin-bottom:4px;font-size:24px;font-weight:700}.dashboard-subtitle{color:#64748b;margin-bottom:24px;padding:0%;font-size:14px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:25px;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.green{color:#22c55e;background:#22c55e1a}.orange{color:#f59e0b;background:#f59e0b1a}.red{color:#ef4444;background:#ef44441a}.stat-value{color:#1e293b;font-size:32px;font-weight:700}.stat-label{color:#64748b;font-size:14px}.stat-footer{margin-top:auto;font-size:13px}.green-text{color:#22c55e}.orange-text{color:#f59e0b}.red-text{color:#ef4444}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.table-header{justify-content:space-between;align-items:center;display:flex}.table-header h3{color:#1e293b;font-size:18px;font-weight:600}.table-subtitle{color:#64748b;margin-bottom:16px;font-size:14px}.pending-badge{color:#7c3aed;background:#ede9fe;border-radius:999px;padding:6px 12px;font-size:12px}.badge{border-radius:999px;padding:4px 10px;font-size:12px}.badge.green{color:#22c55e;background:#dcfce7}.badge.orange{color:#f59e0b;background:#fef3c7}.badge.purple{color:#7c3aed;background:#ede9fe}.badge.gray{color:#6b7280;background:#e5e7eb}.custom-table{border-collapse:collapse;text-transform:uppercase;width:100%}.custom-table th{text-align:left;background:#f8fafc;border-bottom:1px solid #000;padding:10px 16px 10px 10px;font-size:12px;font-weight:600;color:#64748b!important;margin-left:0!important}.custom-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:12px;font-size:14px}.paid-yes{color:#22c55e;background:#22c55e1a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.paid-no{color:#64748b;background:#94a3b81a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.muted-text{color:#64748b;font-size:14px}.status-badge{color:#f59e0b;background:#f59e0b1a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.days-text{color:#1e293b;font-size:16px;font-weight:500}.date-text{color:#64748b;padding:2px;font-size:14px}.type-badge{color:#4f39f6;background:#4f39f61a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.type-badge-holiday{color:#4f39f6;background:#4f39f61a;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.action-cell{gap:8px;display:flex}.table-row td{border-bottom:1px solid #e2e8f0;padding:16px}.custom-table thead{background:#f8fafc;border-bottom:1px solid #000;height:40.5px}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:73px;padding:0 20px;font-family:Inter,sans-serif;display:flex}.header-left{align-items:left;flex-direction:column;display:flex}.welcome-text{color:#1e293b;margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:28px}.wave-emoji{transform-origin:70% 70%;animation:2.5s infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.header-right{align-items:center;gap:20px;display:flex}.header-divider{background-color:#e2e8f0;width:1px;height:32px;margin:0 -4px}.user-info{align-items:center;gap:10px;display:flex}.user-group{align-items:center;gap:16px;display:flex}.user-text{text-align:right}.user-name{color:#1e293b;font-size:14px;font-weight:500;line-height:20px}.divider-as-border-left{background-color:#e2e8f0;width:1px;height:36px;margin:0 12px}.user-role{color:#64748b;font-size:12px;font-weight:400;line-height:16px}.avatar{color:#fff;background:linear-gradient(135deg,#4f39f6 0%,#523df7 9%,#5440f8 18%,#5743f9 27%,#5946f9 36%,#5c49fa 45%,#5f4cfb 54%,#624ffc 63%,#6452fd 72%,#6755fd 81%,#6a57fe 90%,#6d5aff 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex}.logout-btn:hover{color:#ef4444;background:#fef2f2}@media (width<=768px){.header-left,.user-text,.header-divider{display:none}.header-right{justify-content:flex-end;gap:16px;width:100%}}.header-actions button.btn-primary{margin:0}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.header-actions button.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f39f6);border:none;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 20px #4f39f640}.header-actions .select-field{cursor:pointer;outline:none;height:42px;padding:0 0 0 34px}.list-class-action button{padding:0}.logout-btn:hover{color:#1e293b}.notification-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:-10px;transition:color .2s;display:flex;position:relative}.notification-btn:hover{color:#1e293b}.notification-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:auto;padding:2px 6px;font-size:11px;position:absolute;top:0;right:0}.subtitle-company{letter-spacing:0;color:#64748b;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:16px}.title-company{letter-spacing:0;color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:28px}.avatar-company{color:#fff;background:linear-gradient(135deg,#4f39f6 0%,#523df7 9.09%,#5440f8 18.18%,#5743f9 27.27%,#5946f9 36.36%,#5c49fa 45.45%,#5f4cfb 54.55%,#624ffc 63.64%,#6452fd 72.73%,#6755fd 81.82%,#6a57fe 90.91%,#6d5aff 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 4px 6px -4px #4f39f633,0 10px 15px -3px #4f39f633}.layout{min-height:100vh;display:flex}.page-title-employee{color:#0f172a;margin-top:0;margin-bottom:0;font-size:28px;font-weight:700;font-family:Inter,sans-serif!important}.page-title-feedback{color:#0f172a;margin-top:20px;margin-bottom:0;font-size:18px;font-weight:600;font-family:Inter,sans-serif!important}.page-title-pending-leave-request{color:#1e293b;margin-top:16px;margin-bottom:0;margin-left:16px;font-size:18px;font-weight:600;font-family:Inter,sans-serif!important}.page-subtitle-pending-leave-request{color:#64748b;margin-top:0;margin-bottom:16px;margin-left:16px;font-size:14px;font-weight:400}.page-subtitle{color:#64748b;margin-top:0;margin-bottom:0}.header-actions{align-items:center;gap:12px;display:flex}.table{border-radius:16px;overflow:hidden}.table thead{background:#f1f5f9}.table th{color:#64748b;text-align:left;padding:14px;font-size:13px}.table td{border-bottom:1px solid #e2e8f0;padding:16px}.emp-id{color:#64748b;font-weight:500}.email{color:#64748b}.badge-green{color:#16a34a;background:#dcfce7}.badge-red{color:#dc2626;background:#fee2e2}.tick-btn,.cross-btn{all:unset;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.status-absent{color:#ef4444;font-weight:600}.status-late{color:#f59e0b;font-weight:600}.status-on-time{color:#22c55e;font-weight:600}.tick-btn.success{color:#16a34a;background:#e7f8ee;box-shadow:0 2px 6px #00000014}.tick-btn.success:hover{color:#fff;background:#16a34a;transform:scale(1.08)}.cross-btn.danger{color:#dc2626;background:#fdecec;box-shadow:0 2px 6px #00000014}.cross-btn.danger:hover{color:#fff;background:#dc2626;transform:scale(1.08)}.badge-gray{color:#64748b;background:#e5e7eb}.actions{gap:10px;display:flex}.table-actions .edit{color:#6366f1;cursor:pointer;margin-top:20px!important}.table-actions .delete{color:#ef4444;cursor:pointer;margin-left:20px;padding:0;margin-top:19px!important}.actions .edit{color:#6366f1;cursor:pointer}.actions .delete{color:#ef4444;cursor:pointer}.actions .view{color:#64748b;cursor:pointer}.pagination{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:16px;padding-left:10px;padding-right:30px;display:flex}.pagination-text{color:#64748b}.page-btn{color:#64748b;cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;padding:6px 14px;font-size:14px;font-weight:400}.page-btn.active{background:#4f39f6;border-color:#4f39f6}.page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-controls{gap:8px;display:flex}.pagination-controls button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px}.pagination-controls .active{color:#fff;background:#6366f1}.icon-btn{cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-btn.edit{color:#4f39f6}.icon-btn.delete{color:#ef4444}.icon-btn.progress{color:#64748b}.page-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.page-header{flex-direction:column;gap:4px;display:flex}.filter-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.filter-btn svg{color:#64748b}.select-wrapper select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:0 12px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f39f6);border:none;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 20px #4f39f640;height:42px!important}.btn-respond-feedback{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;height:auto;padding:0 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 20px #4f39f640;background:#22c55e!important}.btn-primary-refresh{color:#4f39f6!important;background:0 0!important;border:2px solid #4f39f6!important}.btn-primary-refresh svg{color:#4f39f6!important}.refresh-text{color:#fff;background:#4f39f6;border-radius:999px;align-items:center;width:59px;height:24px;display:flex;justify-content:center!important;margin-bottom:10px!important}.btn-primary-refresh svg{color:#fff;width:16px;height:16px}.filter-btn:hover{background:#f1f5f9}.btn-primary:hover{opacity:.95}.select-wrapper{display:inline-block;position:relative}.select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select-field{color:#0f172a;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:42px;padding:0 36px;font-size:14px}.select-wrapper:after{content:"▾";color:#64748b;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.table-wrapper{opacity:1;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;height:auto;overflow-x:auto;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.employee-modal{background:#fff;border-radius:16px;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;width:896px!important}.leave-allocate-modal{background:#fff;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;border-radius:16px 16px 0 0!important;width:672px!important}.add-leave-type{background:#fff;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;border-radius:16px 16px 0 0!important;width:576px!important;height:auto!important}.name-cell{color:#1e293b;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px}.shift-modal{background:#fff;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;border-radius:16px 16px 0 0!important;width:768px!important;height:592px!important}.department-modal{background:#fff;box-shadow:0 25px 50px -12px #00000040;border-radius:16px 16px 0 0!important;width:672px!important;height:490px!important}.modal-body{flex:auto;min-height:0;padding:24px;scroll-behavior:smooth!important;overflow-y:auto!important}.modal-header-custom h2{color:#1e293b;margin-bottom:4px;font-size:24px;font-weight:700}.modal-header-custom p{color:#64748b;font-size:14px}.section{margin-top:28px;margin-bottom:16px}.section h3{color:#1e293b;font-size:18px;font-weight:600}.section-divider{background:#4f39f6;height:2px;margin-top:10px}.form-grid-departments{grid-template-columns:1fr;gap:16px;display:grid}.textarea{opacity:1;resize:none;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:608px;height:118px;padding:10px 16px;font-size:14px}.form-label-teave-types{letter-spacing:0;color:#1e293b;margin-bottom:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px}.form-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:10px 16px;font-size:14px}.modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;display:flex}.modal-footer-btn{justify-content:flex-end;gap:12px;margin-top:4px;padding:0 20px 16px 0;display:flex}.btn-secondary{width:97px;height:46px;padding:10px 18px;color:#334155!important;letter-spacing:0!important;text-align:center!important;background:0 0!important;border:1px solid #e2e8f0!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important}.btn-primary{color:#fff;width:auto;height:46px;padding:10px 20px;letter-spacing:0!important;background:#4f39f6!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;box-shadow:0 10px 15px -3px #4f39f633!important}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-container{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:896px;max-width:100%;height:auto;max-height:90vh;display:flex;overflow:hidden!important}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:#0f172a;font-size:16px;font-weight:600}.modal-header-custom{justify-content:space-between;align-items:flex-start;display:flex}.modal-header-text h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.modal-header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.modal-content{flex:1;min-height:0;padding:16px 16px 0;display:flex}.modal-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.modal-header-custom{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-header-text h2{color:#1e293b;margin-bottom:4px;font-size:24px;font-weight:700}.modal-header-text p{color:#64748b;font-size:14px}.modal-close-icon{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;transition:all .2s}.modal-close-icon:hover{color:#1e293b;transform:scale(1.1)}.form-field{gap:6px;display:grid}.form-label{letter-spacing:0;color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px}.form-select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;padding:10px 16px;font-size:14px}.input-wrapper{width:auto;position:relative}.input-wrapper .form-input{width:100%;padding-right:40px}.input-icon{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;position:absolute;right:12px;margin-top:0!important}.input-icon:hover{color:#0f172a}.rd3t-link{stroke-width:2px;fill:none;stroke:#000!important}svg .custom-link{stroke-width:2px;fill:none;stroke:#cbd5e1!important}.user-count svg circle{stroke:#059669!important}.view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:4px;display:flex}.view-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;width:32px;height:32px;margin-top:0!important}.view-toggle-btn.active{background:#fff;border:none;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.icon-normal{color:#64748b;padding:0;transition:color .2s;margin-top:0!important}.icon-normal-active{color:#4f39f6;padding:0;margin-top:0!important}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;margin-top:0;font-weight:500}.btn-outline{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.btn-primary-1{color:#fff;background:#4f39f6;width:85px}.btn-success{color:#fff;background:#22c55e;width:100px;height:auto}.attendance-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:20px;display:flex;box-shadow:0 1px 3px #0000000f;gap:16px!important;padding:17px!important}.attendance-page{padding:20px}.attendance-header{margin-bottom:16px}.attendance-title{color:#1e293b;font-size:24px;font-weight:700}.attendance-subtitle{color:#64748b;font-size:14px}.filters-left,.filters-right{align-items:center;gap:10px;display:flex}.checkbox-item{color:#1e293b;align-items:center;gap:6px;font-size:14px;display:flex}.attendance-flags{align-items:center;gap:20px;margin-top:auto;display:flex}.attendance-date{flex:1}.attendance-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.full-width{grid-column:1/-1}.date-field{width:100%}.checkbox-item{align-items:center;gap:6px;display:flex}.flags-row{align-items:center;gap:20px;display:flex}.flags-label{color:#1e293b;font-size:14px;font-weight:500}.attendance-flags{flex-direction:column;gap:6px;display:flex}.modal-divider{background:var(--border);width:100%;height:1px;margin:12px 0 16px}.loader-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.loader-spinner{border:3px solid #4f39f626;border-top-color:#4f39f6;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.loader-text{color:#64748b;font-size:13px;font-weight:500}.loader-spinner{border:3px solid #4f39f61a;border-top-color:#4f39f6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;box-shadow:0 0 10px #4f39f633}.board-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px;display:grid}.attendance-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 6px #0000000a}.attendance-card.status-on-time{border:2px solid #e2e8f0}.attendance-card.status-late,.attendance-card.status-missing-out{border:2px solid #f59e0b33}.attendance-card.status-absent{border:2px solid #ef444433}.card-header-increment{border-bottom:2px solid #4f39f6;justify-content:space-between;align-items:center;margin-top:-18px;margin-bottom:16px;display:flex}.card-user{align-items:center;gap:10px;display:flex}.avatar-lg{color:#fff;background:linear-gradient(135deg,#4f39f6,#6d5aff);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.name{color:#1e293b;font-weight:600}.emp-id{color:#64748b;font-size:12px}.time-box{background:#f8fafc;border-radius:12px;margin-bottom:10px;padding:12px}.footer-label{color:#64748b;font-size:12px;font-weight:400;line-height:16px}.footer-value{color:#1e293b;font-weight:600}.card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:10px;padding-top:10px;display:flex}.hours{font-weight:600}.date{color:#64748b}.btn-outline:active{font-weight:600;transform:scale(1.05);box-shadow:0 0 0 3px #2563eb33;color:#fff!important;background:#98b3eb!important;border-color:#2563eb!important}.attendance-card{background:#fff;border-top:2px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.time-left{align-items:center;gap:10px;display:flex}.time-box{background:#f8fafc;border-radius:12px;justify-content:space-between;padding:12px;display:flex}.icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-wrap.green{color:#22c55e;background:#22c55e1a;border:1.33px solid #22c55e}.icon-wrap.red{color:#ef4444;background:#ef44441a;border:1.33px solid #ef4444}.label{color:#64748b;font-size:12px}.value{color:#1e293b;font-weight:600}.shift-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rule-title{margin:0!important;padding:0!important}.rule-card{background:#fff;border:2px solid #4f39f633;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 1px 3px #0000000f}.rule-card-title{align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.rule-card-title .dot{background:#4f46e5;border-radius:50%;width:10px;height:10px}.status-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status-pill.active{color:#22c55e;background:#22c55e1a}.status-pill.inactive{color:#ef4444;background:#ef44441a}.row-actions{gap:10px;display:flex}.icon-btn{cursor:pointer;color:#4f46e5;background:0 0;border:none;padding:unset!important}.icon-btn.danger{color:#ef4444}.form-section{flex-direction:column;gap:12px;display:flex}.checkbox-row{color:#1e293b;align-items:center;gap:8px;font-size:14px;display:flex}.employee-select-box{border-radius:12px;width:auto;overflow:hidden}.employee-select-label{color:#1e293b;background:#fff;padding:0 0 6px;font-size:14px;font-weight:600}.employee-select-body{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;margin-bottom:20px}.employee-select-body select{width:100%;min-height:140px}.employee-list{clip-path:inset(0 round 12px);flex-direction:column;gap:8px;max-height:178px;padding-top:10px;display:flex;overflow-y:auto}.employee-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:auto;height:36px;padding-left:10px;transition:all .2s;display:flex}.employee-item:hover{background:#eef2ff}.employee-item.active{background:#e0e7ff}.employee-item input{pointer-events:none}.employee-info{flex-direction:column;display:flex}.employee-id{color:#64748b;font-size:12px}.leave-types-label{letter-spacing:0;color:#1e293b;width:608px;height:20px;margin-top:12px;margin-bottom:6px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px}.emp-cell{flex-direction:column;gap:2px;display:flex}.emp-name{color:#1e293b;font-size:16px;font-weight:500;line-height:24px}.emp-id{color:#64748b;font-size:12px;line-height:16px}.year-cell{color:#1e293b;font-size:14px;font-weight:400}.leave-type-pill{color:#4f39f6;background:#4f39f61a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.total-days{color:#1e293b;font-size:14px;font-weight:600}.used-days{color:#f59e0b;font-size:14px;font-weight:500}.remaining-days{color:#22c55e;margin-left:30px;font-size:14px;font-weight:600}.table-actions{gap:8px;display:flex}.btn-icon{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:6px 10px}.btn-icon.danger{color:#dc2626;background:#fee2e2}.leave-note{color:#193cb8;background:#eff6ff;border:1px solid #bedbff;border-radius:16px;align-items:center;margin-bottom:12px;padding:17px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.toggle-label{color:#64748b;font-size:14px}.toggle{cursor:pointer;background:#e2e8f0;border-radius:999px;width:56px;height:28px;transition:background .2s;position:relative}.toggle.active{background:#4f39f6}.toggle-knob{background:#fff;border-radius:999px;width:23px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.active .toggle-knob{left:30px}.emp-id-text{color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.avatar-gradient{color:#fff;background:linear-gradient(135deg,#4f39f6 0%,#523df7 9.09%,#5440f8 18.18%,#5743f9 27.27%,#5946f9 36.36%,#5c49fa 45.45%,#5f4cfb 54.55%,#624ffc 63.64%,#6452fd 72.73%,#6755fd 81.82%,#6a57fe 90.91%,#6d5aff 100%);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.employee-name{color:#1e293b;font-size:16px;font-weight:500;line-height:24px}.badge{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.badge-purple{color:#4f39f6;background:#4f39f61a}.text-regular{color:#1e293b;font-size:14px;line-height:20px}.text-green{color:#22c55e;font-size:14px}.text-red{color:#ef4444;font-size:14px}.net-salary{color:#4f39f6;font-size:18px;font-weight:700;line-height:28px}.date-text-holiday{color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.cell-date{align-items:center;gap:8px;display:flex}.icon-calendar{color:#4f39f6;stroke-width:1.5px;width:14px;height:14px}.name-text{color:#1e293b;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px}.section-title{margin-bottom:12px;font-size:20px;font-weight:600}.form-field label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-field input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px}.kpi-header,.kpi-row{grid-template-columns:1fr 120px 40px;align-items:center;gap:10px;display:grid}.kpi-header{color:#64748b;margin-bottom:6px;font-size:12px}.kpi-row input{border:1px solid #e2e8f0;border-radius:6px;padding:8px}.rule-title-increment{color:#1e293b;font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:28px;padding:unset!important;margin:unset!important}.rule-badge{background:#22c55e1a;border:2px solid #22c55e33;border-radius:12px;align-items:center;padding:8px 16px;display:inline-flex}.rule-badge span{color:#22c55e;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:20px}.rule-right{align-items:center;gap:24px;display:flex}.rule-row{justify-content:space-between;align-items:center;gap:30px;width:100%;display:flex}.rule-date-block{text-align:right;align-items:flex-end;display:flex}.rule-date-block .label{color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.rule-date-block .date{color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.rule-btn{color:#fff;cursor:pointer;background:#4f39f6;border:none;border-radius:12px;width:176px;height:44px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;box-shadow:0 4px 6px -4px #4f39f633,0 10px 15px -3px #4f39f633}.rule-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rule-left{flex-direction:column;gap:8px;width:auto;display:flex}.rule-meta{gap:10px;margin:8px 0;font-size:12px;display:flex}.increment-rule{border-radius:16px;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:20px;gap:16px!important}.increment-create-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.card-header h2{margin-bottom:12px;font-size:18px;font-weight:600;line-height:28px}.form-label-increment{font-family:Inter,sans-serif;letter-spacing:0!important;opacity:1!important;color:#1e293b!important;width:386.328px!important;height:20px!important;font-size:14px!important;font-weight:600!important;line-height:20px!important}.header-line{background:#4f46e5;border-radius:2px;height:3px;margin-bottom:24px}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;display:flex}.form-field label{margin-bottom:6px;font-size:14px;font-weight:500}.form-field span{color:#1e293b}.form-field input{background:#fff;border:1px solid #e5e7eb;width:auto;height:44px;padding:0 12px;font-size:14px;border-radius:12px!important}.kpi-section{margin-top:28px}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-header h3{font-size:16px;font-weight:600}.add-kpi-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:20px;padding:8px 14px}.kpi-row{grid-template-columns:1fr 120px 40px;align-items:center;gap:12px;margin-bottom:15px;display:grid}.kpi-row input{border:1px solid #e5e7eb;border-radius:10px;height:44px;padding:0 12px}.form-footer{justify-content:flex-end;margin-top:24px;display:flex}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;margin-top:0;padding:12px 22px;font-weight:500;box-shadow:0 6px 14px #4f46e540}.rule-card-shift{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:14px;box-shadow:0 1px 3px #0000001a}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.file-upload{cursor:pointer;background:0 0;border:2px solid #4f39f6;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:180px;height:auto;padding:10px 16px;transition:all .2s;display:inline-flex}.file-text{color:#4f39f6;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.file-upload:hover{background:#4f39f60d}.file-upload.has-file{background:#4f39f61a}.employee-cell-docs{flex-direction:column;gap:2px;display:flex}.employee-cell{align-items:center;gap:12px;display:flex}.employee-cell span{width:calc(100% - 52px)!important}.title-cell{align-items:center;gap:8px;display:flex}.title-icon{color:#4f39f6;stroke-width:1.5px;width:16px;height:16px}.title-text{color:#1e293b;font-family:Inter;font-size:16px;font-weight:500;line-height:24px}.date-text-docs{color:#64748b;font-family:Inter;font-size:14px;font-weight:400;line-height:20px}.company-feedbacks{background:#fff;border-top:1px solid #e2e8f0;width:100%}.company-feedbacks-header{color:#fff;background:#1e293b;padding:10px 16px;font-size:18px;font-weight:600}.company-table{border-collapse:collapse;width:100%}.company-table thead th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.company-table tbody tr{border-bottom:1px solid #e2e8f0;height:72px}.company-table tbody td{padding:12px 16px}.employee-avatar{color:#fff;background:linear-gradient(135deg,#4f39f6 0%,#6d5aff 100%);border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.employee-name{color:#1e293b;font-size:16px;font-weight:500}.reviewer-text{color:#64748b;font-size:14px}.badge-period{color:#fff;background:#4f39f6;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.rating{align-items:center;gap:6px;display:flex}.rating-star{color:#f59e0b}.rating-text{color:#1e293b;font-size:16px;font-weight:600}.date-text{color:#64748b;font-size:14px}.status-badge-review{border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.status-success-review{color:#22c55e;background:#22c55e1a}.status-pending-review{color:#f59e0b;background:#f59e0b1a}.status-info-review{color:#3b82f6;background:#3b82f61a}.feedback-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:25px;overflow:hidden}.feedback-card-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px}.feedback-title{color:#1e293b;font-size:18px;font-weight:600}.feedback-empty{color:#64748b;padding:20px;font-size:14px}.feedback-table table{border-collapse:collapse;width:100%}.feedback-table thead th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.feedback-table tbody tr{border-bottom:1px solid #e2e8f0;height:72px}.feedback-table td{padding:12px 16px}.feedback-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:flex}.feedback-header-content{align-items:center;gap:8px;display:flex}.feedback-icon{color:#64748b;transition:transform .2s}.employee-requests-container{flex-direction:column;gap:16px;padding:20px;display:flex}.employee-request-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.request-left{min-width:0;margin-right:unset;padding-right:unset;flex:1;gap:16px;display:flex}.request-content{flex-direction:column;flex:1;min-width:0;display:flex}.employee-name{padding:unset;margin:unset;font-size:16px;font-weight:600}.request-to{color:#6b7280;padding:unset;margin:unset;font-size:13px}.request-title{margin-top:6px;margin-left:-50px;margin-bottom:unset;font-size:16px;font-weight:600}.request-description{color:#6b7280;max-width:500px;margin-top:4px;margin-left:-50px;margin-bottom:unset;font-size:14px}.request-actions{gap:10px;margin-top:0;margin-left:-50px;display:flex}.btn-view{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;padding:8px 16px}.btn-respond{color:#fff;background:#22c55e;border-radius:10px;padding:8px 16px}.request-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.request-date{color:#6b7280;font-size:13px}.status-badge{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.status-badge.pending{color:#d97706;background:#fef3c7}.status-badge.responded{color:#16a34a;background:#dcfce7}.status-badge.info{color:#2563eb;background:#dbeafe}.modal-overlay-feedback{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container-feedback{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:520px;padding:24px;display:flex;box-shadow:0 10px 30px #0000001a}.modal-header-feedback{flex-direction:column;gap:4px;display:flex}.modal-title-feedback{font-size:20px;font-weight:600}.modal-subtitle-feedback{color:#6b7280;font-size:14px}.employee-list-feedback{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.employee-item-feedback{border-radius:10px;align-items:center;gap:10px;padding:3px;transition:background .2s;display:flex}.employee-item-feedback:hover{background:#f9fafb}.select-all-feedback{border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding-bottom:8px}.employee-info-feedback{align-items:center;gap:10px;display:flex}.avatar-sm-feedback{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.modal-textarea-feedback{resize:none;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:100px;padding:10px}.modal-textarea-feedback:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.modal-actions-feedback{justify-content:flex-end;gap:10px;display:flex}.btn-primary-feedback{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;padding:8px 16px}.feedback-form-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:16px;margin-top:16px;padding:20px;display:flex}.feedback-form-header{align-items:center;gap:12px;display:flex}.form-title{font-size:18px;font-weight:600}.form-subtitle{color:#6b7280;font-size:13px}.ratings-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.rating-item{flex-direction:column;gap:4px;display:flex}.rating-item label{color:#6b7280;text-transform:capitalize;font-size:13px}.input-modern{border:1px solid #e5e7eb;border-radius:10px;padding:8px}.input-modern:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.textarea-modern{resize:none;border:1px solid #e5e7eb;border-radius:10px;width:auto;min-height:80px;padding:10px}.textarea-modern:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.form-section-feedback{flex-direction:column;gap:6px;display:flex}.form-section-feedback label{color:#6b7280;font-size:13px}.form-actions-feedback{justify-content:flex-end;display:flex}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:16px;box-shadow:0 1px 3px #0000001a}.public-holiday-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:24px;margin-bottom:24px;padding:16px;box-shadow:0 1px 3px #0000001a}.dashboard-section-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:16px;box-shadow:0 1px 3px #0000001a}.section-header h3{margin:unset;font-size:16px;font-weight:600}.section-header p{color:#6b7280;margin-bottom:12px;font-size:13px}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-item{background:#f9fafb;border-radius:10px;flex-direction:column;padding:12px;display:flex}.info-item span{color:#6b7280;font-size:12px}.info-item strong{font-size:16px}.leave-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.leave-card{text-align:center;background:#f3f4f6;border-radius:10px;padding:12px}.leave-card strong{font-size:18px;display:block}.calendar-wrapper{margin-top:10px}.attendance-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.attendance-table-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:16px}.section-header{margin-bottom:12px}.attendance-history-description,.attendance-history-title{margin:unset;padding:unset}.dashboard-main-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}.table-card-employee{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto}.table-card-employee-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 20px}.attendance-history-title{color:#1e293b;font-size:16px;font-weight:600}.attendance-history-description{color:#64748b;margin-top:4px;font-size:14px}.table-wrapper-employee table{border-collapse:collapse;width:100%}.table-wrapper-employee{background:0 0}.salary-container{flex-direction:column;gap:20px;margin-top:20px;display:flex}.salary-highlight-card{color:#000;background:#fff;border:2px solid #4f39f6;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 10px 25px #0000001a}.salary-label{opacity:.8;font-size:14px}.salary-amount{margin-top:6px;font-size:32px;font-weight:700}.salary-badge{color:#22c55e;background:#fff3;border:1px solid #22c55e;border-radius:999px;padding:6px 14px;font-size:12px}.salary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.salary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 4px 12px #0000000d}.salary-card.green{border-left:4px solid #22c55e}.salary-card.blue{border-left:4px solid #4f39f6}.salary-card.red{border-left:4px solid #ef4444}.salary-card-title{color:#64748b;margin-bottom:6px;font-size:13px}.salary-card-value{color:#1e293b;font-size:18px;font-weight:600}.empty-state{text-align:center;color:#64748b;padding:40px}.feedback-actions-bar{gap:12px;margin-top:16px;display:flex}.feedback-view-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:12px;padding:16px;box-shadow:0 4px 12px #0000000d}.feedback-view-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feedback-details{flex-direction:column;gap:12px;display:flex}.feedback-text-block{background:#f8fafc;border-radius:8px;padding:10px;box-shadow:0 1px 3px #0000001a}.empty-text{color:#94a3b8;font-style:italic}.screenshot-strip{gap:6px;max-width:120px;padding:4px 0;display:flex;overflow-x:auto}.screenshot-img{object-fit:cover;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:60px;height:40px}.fc-daygrid-event-dot{display:none}.fc-event-title{white-space:normal;font-size:20px;color:#1e293b!important;align-items:center!important;margin-top:25px!important;font-weight:700!important}.fc-event{font-weight:500;color:#fff!important;background-color:#f59e0b!important;border:none!important}.fc-event-type{color:#000;border-radius:4px;width:fit-content;margin-top:2px;padding:1px 4px;font-size:13px;font-style:italic;font-weight:700}.fc-daygrid-event{border-radius:6px;font-size:13px;padding:6px 8px!important}.fc-daygrid-block-event{align-items:center;min-height:28px;display:flex}.fc-daygrid-event-harness{margin-bottom:4px}.fc-bg-event{opacity:1!important;background-color:#f59e0b40!important}.dashboard-main-grid-remote{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}.active-filter{font-weight:600;transform:scale(1.05);box-shadow:0 0 0 3px #2563eb33;color:#fff!important;background:#98b3eb!important;border-color:#2563eb!important}.leave-breakdown-wrapper{flex-direction:column;gap:12px;min-width:420px;display:flex}.leave-breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.leave-breakdown-card.not-allocated{opacity:.55;background:#f8fafc}.leave-breakdown-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.leave-name{color:#0f172a;font-size:14px;font-weight:600}.leave-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.leave-status.active{color:#166534;background:#dcfce7}.leave-status.inactive{color:#475569;background:#e2e8f0}.leave-stats{gap:12px;display:flex}.leave-stat{background:#f8fafc;border-radius:10px;flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.leave-stat span{color:#64748b;font-size:12px}.leave-stat strong{color:#0f172a;font-size:16px}.leave-breakdown-compact{flex-wrap:wrap;gap:8px;max-width:500px;display:flex}.leave-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:120px;padding:8px 10px}.leave-chip-name{color:#0f172a;margin-bottom:2px;font-size:12px;font-weight:600}.leave-chip-stats{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.separator{opacity:.5}.leave-more-chip{color:#4338ca;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.edit-leave-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.edit-leave-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.edit-leave-card.disabled{opacity:.6;background:#f8fafc}.edit-leave-header{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:600;display:flex}.leave-status{color:#4338ca;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:11px}.leave-meta-row{color:#475569;justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.leave-meta-row strong{color:#0f172a;margin-left:4px}.not-allocated-text{color:#94a3b8;font-size:13px}.search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-width:260px;height:42px;padding:0 14px;transition:all .2s;display:flex;position:relative}.search-icon{position:absolute;left:12px}.search-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.search-wrapper svg{color:#64748b;flex-shrink:0}.search-clear-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:10px;margin:unset!important}.search-clear-btn:hover{color:#111827}.search-field{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding-left:36px;padding-right:36px;font-size:14px;font-weight:500}.search-field::placeholder{color:#94a3b8;font-weight:400}.employee-search-feedback{margin-bottom:14px}.employee-search-feedback input{width:100%}.employee-empty-feedback{text-align:center;color:#64748b;padding:16px;font-size:14px}@media (width<=768px){.sidebar{z-index:1000;width:240px;height:97vh;transition:left .3s;position:fixed;left:-240px;transform:none!important}.sidebar:not(.collapsed){left:0!important;transform:none!important}.sidebar.collapsed{border-right:none!important;width:0!important;padding:0!important;left:-240px!important;transform:none!important}.sidebar-toggle{z-index:1001!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:8px!important;position:fixed!important;top:18px!important;left:16px!important;right:auto!important;box-shadow:0 1px 3px #0000001a!important}.sidebar:not(.collapsed) .sidebar-toggle{z-index:1001!important;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:8px!important;position:absolute!important;top:18px!important;left:auto!important;right:12px!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;display:block;position:fixed;inset:0}.admin-header{padding-left:64px!important}.main,.sidebar.collapsed~.main{width:100%!important;margin-left:0!important}.stats-grid,.kpi-grid,.dashboard-main-grid,.dashboard-main-grid-remote,.info-grid,.form-grid,.ratings-grid{grid-template-columns:1fr!important}.leave-grid{grid-template-columns:1fr!important;gap:8px!important}.textarea{width:100%!important;max-width:100%!important}.leave-breakdown-wrapper{min-width:unset!important;max-width:100%!important}.content{padding:12px!important}}.request-actions .form-field{flex:1}.request-actions .input-wrapper,.request-actions .form-input{width:100%}.form-grid-twoCols{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.vault-folder{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:24px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.vault-folder:hover,.vault-folder:focus-visible{background:#4f39f60a;border-color:#4f39f6;outline:none;box-shadow:0 4px 12px #4f39f61f}.folder-icon{color:#4f39f6;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.folder-name{color:#0f172a;word-break:break-word;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px}.folder-meta{color:#64748b;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.folder-count{color:#4f39f6;margin-top:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:18px}.docs-back-btn{color:#4f39f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.docs-back-btn:hover{color:#6366f1}.docs-folder-header{margin-bottom:8px}.docs-folder-title{color:#0f172a;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px}.docs-folder-meta{color:#64748b;margin:4px 0 0;font-family:Inter,sans-serif;font-size:14px}.docs-empty-state{text-align:center;color:#64748b;padding:40px 20px;font-family:Inter,sans-serif;font-size:14px}.doc-type{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;display:inline-block}.doc-type.pdf{color:#b91c1c;background:#fee2e2}.doc-type.image{color:#1d4ed8;background:#dbeafe}.doc-type.doc{color:#4338ca;background:#e0e7ff}.doc-type.xls{color:#047857;background:#d1fae5}.increment-modal .kpi-table{border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;overflow:hidden}.increment-modal .kpi-table-header{color:#475467;background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 180px 70px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;display:grid}.increment-modal .kpi-table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 180px 70px;align-items:center;gap:12px;padding:12px 16px;display:grid}.increment-modal .kpi-table-row:last-child{border-bottom:none}.increment-modal .kpi-table-row input{width:auto;margin:0}.increment-modal .kpi-table-row .icon-btn{justify-self:center}