@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css";body{font-family:Poppins,sans-serif}.Toastify__toast-container{--toastify-font-family: "Poppins";--toastify-font-weight: bold;z-index:999999!important}.errors{font-size:8pt;color:#fff;font-style:italic;font-weight:600}.flatpickr-input{width:250px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px}.flatpickr-calendar{background:#242633!important;border:1px solid #3c4358!important;color:#fff!important;box-shadow:0 10px 30px #00000073}.flatpickr-months,.flatpickr-month,.flatpickr-current-month,.flatpickr-weekdays{background:#242633!important}.flatpickr-current-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year,.flatpickr-monthDropdown-month{color:#fff!important;background:transparent!important}.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:#fff!important}.flatpickr-weekday{color:#aeb8d0!important}.flatpickr-innerContainer,.flatpickr-rContainer,.flatpickr-days,.dayContainer{background:#242633!important}.flatpickr-day{color:#d9dce5!important;background:transparent!important;border:none!important}.flatpickr-day:hover{background:#4f8cff!important;color:#fff!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:#4f8cff!important;border-color:#4f8cff!important;color:#fff!important}.flatpickr-day.today{border:1px solid #4f8cff!important}.flatpickr-day.flatpickr-disabled{color:#666!important}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{border-bottom-color:#242633!important}.calender-img:hover{opacity:.5}.fade-camera{opacity:0;transform:scale(.98);animation:fadeCamera .5s ease forwards}@keyframes fadeCamera{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.loader{--color-1: #8a1840;--color-2: #f89222;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(20px,7vw,48px);letter-spacing:2px;color:var(--color-1);display:inline-block;position:fixed;inset:40% auto auto 50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:99999999}.loader:before,.loader:after{content:"ETHQAN CLIENT"}.loader:after{position:absolute;inset:0;color:var(--color-2);overflow:hidden;transform-origin:bottom;animation:reveal 1.5s linear infinite;will-change:transform}@keyframes reveal{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media(max-width:768px){.loader{font-size:clamp(18px,8vw,32px);letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.loader:after{animation:none}}body.sidebar-overlay-active:before{content:"";position:fixed;inset:0;background:#bbb6;z-index:1000}.sidebar-enable .main-content{opacity:.5;transition:opacity .3s ease}body.sidebar-enable{background-color:#ffffff80}#jobdeclaration,#jobdeclarationEdit{width:100%;max-width:100%;overflow:hidden}#jobdeclaration textarea,#jobdeclarationEdit textarea{width:100%;max-width:100%;box-sizing:border-box}.big-checkbox{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:20px 0}.big-checkbox input{display:none}.checkbox-circle{width:32px;height:32px;border:2px solid #4B5563;border-radius:10px;background:#17181f;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.checkbox-circle svg{width:18px;height:18px;color:#fff;transform:scale(0);transition:transform .2s ease}.big-checkbox input:checked+.checkbox-circle{background:#2563eb;border-color:#2563eb}.big-checkbox input:checked+.checkbox-circle svg{transform:scale(1)}.big-checkbox:hover .checkbox-circle{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.checkbox-label{color:#e5e7eb;font-size:16px;font-weight:500}.overlay{position:fixed;inset:0;background:#0a0a0fbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999}.popup{width:430px;background:#1f212b;border:1px solid #343746;border-radius:10px;padding:24px;box-shadow:0 15px 35px #00000073}.popup h2{color:#f3f4f6;font-size:28px;font-weight:600;margin-bottom:8px}.popup p,.popup label{color:#d1d5db;font-size:15px}.question{font-weight:600;margin-bottom:18px}.option{display:flex;align-items:center;margin-bottom:14px}.option input[type=radio]{accent-color:#3B82F6;margin-right:10px}.month-section{margin-top:18px}.month-section label{display:block;margin-bottom:8px;color:#9ca3af}.month-section select{width:100%;background:#17181f;border:1px solid #343746;color:#f3f4f6;border-radius:6px;padding:11px 14px;outline:none;transition:.2s}.month-section select:focus{border-color:#3b82f6}.buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.save{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:.2s}.save:hover{background:#1d4ed8}.cancel{background:transparent;border:1px solid #4B5563;color:#d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;transition:.2s}.cancel:hover{background:#2c2f3a}.attendance-row{transition:background-color .15s ease;cursor:pointer;color:#fff}.attendance-row:hover{background-color:#333}.attendance-slider-overlay{position:fixed;inset:0;background:#000000a6;z-index:1040}.attendance-slider{position:fixed;top:0;right:0;width:430px;max-width:90vw;height:100vh;background:#181818;color:#fff;z-index:1050;box-shadow:-8px 0 30px #0000008c;display:flex;flex-direction:column;animation:slideInRight .25s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.attendance-slider-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#111;border-bottom:1px solid #333333}.attendance-slider-header h5{color:#fff;margin-bottom:4px}.attendance-slider-header small{color:#999!important}.attendance-slider-header .btn-close{filter:invert(1);opacity:.75}.attendance-slider-header .btn-close:hover{opacity:1}.attendance-summary{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#181818;border-bottom:1px solid #333333}.summary-item{padding:12px;background:#252525;border:1px solid #333333;border-radius:8px;transition:background-color .15s ease,border-color .15s ease}.summary-item:hover{background:#2d2d2d;border-color:#444}.summary-item span{display:block;font-size:12px;color:#999;margin-bottom:4px}.summary-item strong{font-size:14px;font-weight:600;color:#fff}.attendance-slider-body{padding:20px;overflow-y:auto;flex:1;background:#181818;color:#fff}.attendance-slider-body h6{color:#fff}.attendance-slider-body::-webkit-scrollbar{width:6px}.attendance-slider-body::-webkit-scrollbar-track{background:#181818}.attendance-slider-body::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.attendance-slider-body::-webkit-scrollbar-thumb:hover{background:#555}.punch-list{position:relative}.punch-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #333333;transition:background-color .15s ease}.punch-item:hover{background:#202020}.punch-item:last-child{border-bottom:none}.punch-number{width:34px;height:34px;min-width:34px;border-radius:50%;background:#444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.punch-info{display:flex;flex-direction:column;gap:4px;flex:1}.punch-info strong{font-size:15px;font-weight:600;color:#fff}.punch-info small{color:#999;font-size:12px}.punch-info .text-muted{color:#999!important;font-size:12px}.punch-info>div{color:#fff}.punch-item:hover .punch-number{background:#555}.payable-salary-card{position:relative;overflow:hidden;background:#1d1e25!important;border:1px solid rgba(0,194,160,.3)!important;border-left:3px solid #00c2a0!important;min-height:96px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:payableCardGlow 3s ease-in-out infinite}@keyframes payableCardGlow{0%,to{box-shadow:0 4px 15px #0003,0 0 #00c2a000}50%{box-shadow:0 6px 20px #00000040,0 0 18px #00c2a01a}}.payable-salary-card:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,194,160,.06),transparent);transform:skew(-20deg);animation:payableShimmer 4s ease-in-out infinite;pointer-events:none}.payable-salary-card,.salary-card{font-family:Poppins,sans-serif}.payable-salary-card{position:relative;overflow:hidden;background:#1d1e25!important;border:1px solid rgba(34,197,94,.3)!important;border-left:3px solid #22c55e!important;min-height:96px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:payableCardGlow 3s ease-in-out infinite}@keyframes payableCardGlow{0%,to{box-shadow:0 4px 15px #0003,0 0 #22c55e00}50%{box-shadow:0 6px 20px #00000040,0 0 18px #22c55e1f}}.payable-salary-card:before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.06),transparent);transform:skew(-20deg);animation:payableShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes payableShimmer{0%{left:-120%}45%{left:140%}to{left:140%}}.payable-title{color:#22c55e;font-size:13px;font-weight:600}.payable-badge{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.2);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1.2;animation:finalBadgePulse 2s ease-in-out infinite}@keyframes finalBadgePulse{0%,to{opacity:1}50%{opacity:.65}}.payable-amount{color:#22c55e;font-size:26px;line-height:1.2;letter-spacing:-.5px;transform-origin:left center;animation:payableAmountPulse 2.5s ease-in-out infinite}@keyframes payableAmountPulse{0%,to{transform:scale(1);color:#22c55e;text-shadow:0 0 0 rgba(34,197,94,0)}50%{transform:scale(1.025);color:#f59e0b;text-shadow:0 0 12px rgba(245,158,11,.35)}}.payable-subtitle{color:#8790a5;font-size:11px}.payable-icon{width:42px;height:42px;border-radius:50%;background:#22c55e1a;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:20px;flex-shrink:0;animation:payableIconFloat 2.5s ease-in-out infinite}@keyframes payableIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.payable-salary-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.payable-salary-card:hover{transform:translateY(-4px);border-color:#22c55ea6!important;box-shadow:0 10px 30px #0000004d,0 0 25px #22c55e26!important}@media(prefers-reduced-motion:reduce){.payable-salary-card,.payable-salary-card:before,.payable-amount,.payable-icon,.payable-badge{animation:none}}.salary-card{position:relative;margin-bottom:10px}.salary-card:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;background:#08090c;border-radius:2px}.salary-cards,.salary-cards .salary-card,.salary-cards .payable-salary-card,.salary-cards h4,.salary-cards h3,.salary-cards h6,.salary-cards small,.salary-cards span{font-family:Poppins,sans-serif}.earnings-card{min-height:220px;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#202332,#191b26,#15161e);border:1px solid rgba(255,255,255,.07);box-shadow:0 15px 40px #00000059,inset 0 1px #ffffff0a;color:#fff;transition:all .35s ease}.earnings-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #00000073,0 0 30px #00beff14}.earnings-glow{position:absolute;width:260px;height:260px;top:-140px;right:-80px;border-radius:50%;background:#00c8ff21;filter:blur(40px);animation:earningsGlow 4s ease-in-out infinite}@keyframes earningsGlow{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.9}to{transform:scale(1);opacity:.4}}.earnings-label{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px;font-weight:600;color:#8d96ad}.earnings-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#00c8ff1f;color:#28d7ff;font-size:15px;font-weight:700;box-shadow:0 0 15px #00c8ff26}.earnings-title{margin-top:6px;color:#69738a;font-size:12px}.earnings-badge{padding:7px 11px;border-radius:20px;background:#34d3991a;border:1px solid rgba(52,211,153,.15);color:#34d399;font-size:11px;font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 18px #34d39926}}.earnings-value{margin-top:22px;font-size:42px;line-height:1;font-weight:700;letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#58e3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:earningsAppear .8s ease}@keyframes earningsAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.earnings-bottom{margin-top:27px;display:flex;justify-content:space-between}.earnings-bottom div{display:flex;flex-direction:column;gap:3px}.small-text{color:#69738a;font-size:10px}.earnings-bottom strong{color:#d9deea;font-size:13px}.earnings-progress{height:4px;margin-top:13px;background:#ffffff0f;border-radius:10px;overflow:hidden}.earnings-progress .progress-bar{border-radius:10px;background:linear-gradient(90deg,#00b8ff,#42e8ff);box-shadow:0 0 12px #00c8ff99;animation:progressAnimation 1.5s ease}@keyframes progressAnimation{0%{width:0!important}}.earning-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.circle-1{width:180px;height:180px;right:-80px;bottom:-100px}.circle-2{width:120px;height:120px;right:-40px;bottom:-70px}.dashboard-mini-card{height:100%;min-height:220px;padding:25px;border-radius:18px;background:#1b1d27;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.dashboard-mini-card:hover{transform:translateY(-4px);border-color:#00c8ff26}.mini-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00c8ff1a;color:#29d8ff;font-size:19px}.mini-title{margin-top:20px;color:#7e879c;font-size:12px}.mini-value{margin-top:8px;font-size:30px;font-weight:700;color:#fff}.mini-subtitle{margin-top:6px;color:#626b7e;font-size:11px}.attendance-stat{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.attendance-stat-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff14;font-size:18px}.attendance-stat .small-text{display:block;font-size:12px;opacity:.65;margin-bottom:2px}.attendance-stat strong{display:block;font-size:20px;line-height:1.1}.dashboard-page-header{padding:26px 0 24px;display:flex;justify-content:space-between;align-items:center}.dashboard-page-title{color:#f5f7fb;font-size:20px;font-weight:600;letter-spacing:-.3px}.dashboard-page-subtitle{color:#7f8799;font-size:13px}.dashboard-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;background:#1987541a;border:1px solid rgba(25,135,84,.2);color:#45d48a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.live-dot{width:6px;height:6px;border-radius:50%;background:#45d48a;box-shadow:0 0 8px #45d48acc}.dashboard-filters{display:flex;align-items:center;gap:8px}.dashboard-select{height:40px;min-width:150px;padding:0 12px;display:flex;align-items:center;gap:9px;border-radius:8px;background:#1b1d25;border:1px solid rgba(255,255,255,.07);transition:border-color .2s ease,background .2s ease}.dashboard-select:hover{border-color:#ffffff1f;background:#1e2029}.dashboard-select:focus-within{border-color:#0dcaf059}.dashboard-select>i{flex-shrink:0;color:#7f8ba3;font-size:13px}.dashboard-select select{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#cbd2df;font-size:13px;cursor:pointer;appearance:none}.dashboard-select select:disabled{cursor:not-allowed;opacity:.6}.dashboard-select select option{background:#1b1d25;color:#fff}.dashboard-year-select{min-width:105px}.attendance-main-card{padding:27px 28px 28px;min-height:230px;border-radius:16px;background:linear-gradient(135deg,#1f2334fa,#161821fa);border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 35px #0000002e;transition:border-color .25s ease,box-shadow .25s ease}.attendance-main-card:hover{border-color:#ffffff1a;box-shadow:0 16px 40px #00000038}.attendance-card-glow{position:absolute;width:380px;height:380px;right:-180px;bottom:-240px;border-radius:50%;background:#0dcaf012;filter:blur(35px);pointer-events:none}.attendance-card-grid{position:absolute;inset:0;opacity:.025;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 70%);mask-image:linear-gradient(to bottom right,black,transparent 70%);pointer-events:none}.attendance-header{display:flex;justify-content:space-between;align-items:center}.attendance-main-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0dcaf01a;border:1px solid rgba(13,202,240,.12);color:#13c9f4;font-size:20px}.attendance-eyebrow{margin-bottom:4px;color:#7890b5;font-size:10px;font-weight:700;letter-spacing:1.5px}.attendance-heading{color:#f4f6fb;font-size:16px;font-weight:600}.attendance-description{color:#727b8f;font-size:12px}.attendance-month-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:20px;background:#0dcaf00f;border:1px solid rgba(13,202,240,.13);color:#18c6ec;font-size:11px;font-weight:600;white-space:nowrap}.attendance-stat-card{min-height:76px;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;background:#ffffff09;border:1px solid rgba(255,255,255,.065);transition:transform .2s ease,background .2s ease,border-color .2s ease}.attendance-stat-card:hover{transform:translateY(-2px);background:#ffffff0e;border-color:#ffffff1c}.stat-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:16px}.stat-icon-warning{background:#ffc1071a;color:#ffc107}.stat-icon-danger{background:#dc35451a;color:#ff6876}.stat-icon-purple{background:#6f42c11f;color:#a980ff}.stat-icon-info{background:#0dcaf01a;color:#16c7f0}.stat-content{min-width:0}.stat-label{display:block;margin-bottom:2px;color:#7e879b;font-size:11px;font-weight:500}.stat-value{color:#f2f5fa;font-size:19px;font-weight:600;line-height:1.1}.stat-unit{color:#737d92;font-size:10px;font-weight:500}.performance-card{position:relative;min-height:215px;padding:22px 23px;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#1b1d27,#181a22);border:1px solid rgba(255,255,255,.065);box-shadow:0 10px 30px #00000024;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.performance-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:#0dcaf00b;filter:blur(15px);pointer-events:none}.performance-card:hover{transform:translateY(-3px);border-color:#0dcaf026;box-shadow:0 15px 35px #0003}.performance-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.performance-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#0dcaf017;border:1px solid rgba(13,202,240,.1);color:#13c8f2;font-size:19px}.performance-tag{padding:5px 9px;border-radius:6px;background:#ffffff0b;color:#7f899c;font-size:9px;font-weight:700;letter-spacing:.8px}.performance-content{position:relative;z-index:2;margin-top:18px}.performance-label{display:block;color:#7f899c;font-size:12px;font-weight:500}.performance-value{margin-top:4px;color:#f5f7fb;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.8px}.performance-description{display:block;margin-top:2px;color:#697287;font-size:11px}.performance-footer{position:absolute;left:23px;bottom:19px;z-index:2;display:flex;align-items:center;gap:7px;color:#667187;font-size:10px}.performance-footer-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1987541a;color:#40cf83;font-size:9px}.productivity-progress{height:5px;margin-top:15px;overflow:hidden;border-radius:10px;background:#ffffff0f}.productivity-progress-bar{height:100%;border-radius:inherit;background:#13c8f2;box-shadow:0 0 10px #13c8f24d;transition:width .5s ease}.progress-label{color:#697287;font-size:9px}.progress-percentage{color:#13c8f2;font-size:9px;font-weight:600}.attendance-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.035);pointer-events:none}.attendance-circle-1{width:170px;height:170px;right:-70px;bottom:-90px}.attendance-circle-2{width:250px;height:250px;right:-110px;bottom:-130px}@media(max-width:991.98px){.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:18px}.dashboard-filters{width:100%}.dashboard-select{flex:1;min-width:0}.attendance-header{align-items:flex-start;flex-direction:column;gap:15px}.attendance-month-badge{align-self:flex-start}}@media(max-width:575.98px){.dashboard-page-header{padding-top:20px;padding-bottom:18px}.dashboard-page-title{font-size:18px}.dashboard-page-subtitle{font-size:12px}.dashboard-filters{gap:6px}.dashboard-select{height:38px;padding:0 9px}.dashboard-select select{font-size:12px}.attendance-main-card{padding:20px}.attendance-main-icon{width:42px;height:42px;font-size:18px}.attendance-heading{font-size:15px}.attendance-description{font-size:11px}.attendance-eyebrow{font-size:9px}.attendance-stat-card{min-height:70px;padding:11px 12px}.stat-value{font-size:18px}.performance-card{min-height:205px;padding:20px}.performance-value{font-size:27px}.performance-footer{left:20px;bottom:17px}}