@font-face{font-family:'Vazirmatn';src:url('../fonts/vazir/Vazir-Regular.woff2')format('woff2');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Vazirmatn';src:url('../fonts/vazir/Vazir-Bold.woff2')format('woff2');font-weight:bold;font-style:normal;font-display:swap}:root{--timika-primary:#4CAF50;--timika-secondary:#2196F3;--timika-success:#4CAF50;--timika-warning:#FF9800;--timika-error:#f44336;--timika-info:#2196F3;--timika-light:#f5f5f5;--timika-dark:#333;--timika-border:#ddd;--timika-shadow:0 2px 10px rgba(0,0,0,0.1);--timika-radius:8px;--timika-transition:all 0.3s ease}.swal2-close,button.swal2-close{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;line-height:1!important}.timika-payroll-panel,.payroll-content{font-family:'Vazirmatn','Tahoma',sans-serif;direction:rtl;text-align:right;background:#fff;border-radius:var(--timika-radius);box-shadow:var(--timika-shadow);overflow:hidden;max-width:100%;margin:0 auto;padding:0}.modern-section-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:gradientAnimation 8s ease infinite;padding:35px;margin-bottom:35px;border-radius:24px;box-shadow:0 20px 60px rgba(102,126,234,0.4),0 0 100px rgba(118,75,162,0.2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.modern-section-header:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 30px 80px rgba(102,126,234,0.5),0 0 120px rgba(118,75,162,0.3)}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.modern-section-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:rotate(0deg)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}.section-title-wrapper{display:flex;align-items:center;gap:20px;position:relative;z-index:2;flex:1 1 auto;min-width:260px}.section-icon-badge{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.section-icon-badge i{font-size:32px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.section-title-content{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1 1 auto}.section-title-content h2{font-size:clamp(20px,2vw,24px);font-weight:800;color:#fff;margin:0;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,0.3);white-space:nowrap;overflow:visible;text-overflow:clip}.section-title-content p{color:rgba(255,255,255,0.92);font-size:clamp(12px,1.3vw,14px);margin:0;font-weight:600;line-height:1.6;white-space:normal;overflow:visible;text-overflow:initial}.section-actions-modern{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;margin-top:0;position:relative;z-index:2;justify-content:flex-end;flex:0 0 auto}.section-actions-modern .btn{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px rgba(0,0,0,0.1)}.section-actions-modern .btn:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.section-actions-modern .btn i{margin-left:8px}.modern-section-header .filters-container{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.3);border-radius:14px;backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.2)}.modern-section-header .filters-container .filter-group{display:flex;align-items:center;gap:8px}.modern-section-header .filter-label{display:inline-flex;align-items:center;gap:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);font-weight:800;margin:0;font-size:14px}.modern-section-header .filter-label i{color:#ffffff;opacity:0.95}.modern-section-header .modern-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#0f172a;background:linear-gradient(180deg,#ffffff 0%,#f5f7ff 100%);border:1px solid rgba(255,255,255,0.6);border-radius:12px;padding:10px 40px 10px 38px;min-width:140px;max-width:240px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:all 0.25s ease}.modern-section-header .modern-select:focus{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(255,255,255,0.25),0 8px 24px rgba(0,0,0,0.12)}.modern-section-header .modern-select:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.10)}.modern-section-header .modern-select::-ms-expand{display:none}.modern-section-header .modern-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6ef5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:left 12px center;background-size:16px}.section-actions-modern .action-buttons{display:flex;align-items:center;gap:10px}@media(max-width:1100px){.modern-section-header{flex-wrap:wrap;gap:16px}.modern-section-header .section-title-wrapper{flex:1 1 100%}.section-actions-modern{width:100%;justify-content:flex-start;flex-wrap:wrap;margin-top:10px}.modern-section-header .filters-container{flex-wrap:wrap}}@media(max-width:768px){.modern-section-header .filters-container{width:100%;justify-content:center}.modern-section-header .filters-container .filter-group{flex:1 1 160px}.modern-section-header .modern-select{width:100%;min-width:0}}.payslips-grid-container{padding:0 5px}.payslips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:0}.payslip-card{background:#ffffff;border-radius:12px;padding:0;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease;position:relative;overflow:hidden;min-height:auto}.payslip-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.payslip-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(102,126,234,0.2);border-color:rgba(102,126,234,0.3)}.payslip-header{padding:14px 16px 12px 16px;background:linear-gradient(135deg,rgba(102,126,234,0.03)0%,rgba(118,75,162,0.03)100%);border-bottom:1px solid rgba(0,0,0,0.06);position:relative}.payslip-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.payslip-title h3{font-size:16px;font-weight:700;color:#2c3e50;margin:0;display:flex;align-items:center;gap:6px}.payslip-title h3 i{color:#667eea;font-size:14px}.payslip-status{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px}.payslip-status.paid{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3)}.payslip-status.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;box-shadow:0 4px 12px rgba(245,158,11,0.3)}.payslip-date{color:#6c757d;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.payslip-date i{color:#94a3b8;font-size:11px}.payslip-body{padding:16px}.payslip-details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.detail-item{text-align:center;position:relative}.detail-item::after{display:none}.detail-value{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:6px;display:block}.detail-label{color:#6c757d;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px}.total-salary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:12px 14px;border-radius:10px;text-align:center;margin-bottom:12px;position:relative;overflow:hidden}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.total-salary-amount{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px;position:relative;z-index:1}.total-salary-label{color:rgba(255,255,255,0.95);font-size:12px;font-weight:600;position:relative;z-index:1}.payslip-actions{display:flex;gap:8px}.payslip-actions .btn{flex:1;padding:9px 10px;border-radius:8px;font-weight:600;font-size:12px;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.3)}.requests-stats-modern{margin-bottom:30px}.stats-grid-enhanced{display:grid;gap:20px;margin-bottom:30px}.stats-grid-enhanced.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(0,0,0,0.09),0 4px 12px rgba(102,126,234,0.06);border:2px solid #e2e8f0;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-align:center;transform-origin:center}.quick-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;transition:all 0.3s ease}.quick-stat-card.requests-pending::before{background:linear-gradient(90deg,#f59e0b,#eab308)}.quick-stat-card.requests-approved::before{background:linear-gradient(90deg,#10b981,#059669)}.quick-stat-card.requests-rejected::before{background:linear-gradient(90deg,#ef4444,#dc2626)}.quick-stat-card.requests-total::before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.quick-stat-card:hover{transform:translateY(-10px)scale(1.05)rotateZ(-1deg);box-shadow:0 20px 60px rgba(102,126,234,0.2),0 8px 25px rgba(0,0,0,0.15);border-color:#667eea}.quick-stat-card:hover::before{height:6px}.stat-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px auto;position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.quick-stat-card:hover .stat-icon{transform:scale(1.15)rotate(5deg);box-shadow:0 12px 35px rgba(0,0,0,0.18)}.requests-pending .stat-icon{background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);color:#92400e}.requests-approved .stat-icon{background:linear-gradient(135deg,#d1fae5 0%,#6ee7b7 100%);color:#065f46}.requests-rejected .stat-icon{background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);color:#991b1b}.requests-total .stat-icon{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#3730a3}.stat-icon i{font-size:28px;font-weight:600}.stat-info h4{font-size:36px;font-weight:900;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px 0;text-shadow:0 2px 4px rgba(0,0,0,0.1);letter-spacing:-1px}.stat-info p{color:#64748b;font-size:14px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:0.5px}.requests-container-modern{background:linear-gradient(135deg,rgba(255,255,255,0.95)0%,rgba(248,250,252,0.95)100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:28px;box-shadow:0 15px 50px rgba(0,0,0,0.1),0 5px 20px rgba(102,126,234,0.08);border:2px solid rgba(255,255,255,0.8);position:relative;overflow:hidden}.requests-container-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,0.02)0%,rgba(118,75,162,0.02)100%);pointer-events:none}.request-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;padding:0;margin-bottom:24px;box-shadow:0 8px 30px rgba(0,0,0,0.08),0 3px 10px rgba(102,126,234,0.05);border:2px solid #e2e8f0;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;transform-style:preserve-3d}.request-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;transition:all 0.3s ease}.request-card.status-pending::before{background:linear-gradient(90deg,#f59e0b,#eab308)}.request-card.status-approved::before{background:linear-gradient(90deg,#10b981,#059669)}.request-card.status-rejected::before{background:linear-gradient(90deg,#ef4444,#dc2626)}.request-card:hover{transform:translateY(-8px)scale(1.02)rotateX(1deg);box-shadow:0 18px 60px rgba(102,126,234,0.18),0 8px 25px rgba(0,0,0,0.12);border-color:#667eea}.request-card:hover::before{height:6px}.request-header{padding:20px 25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.request-title{display:flex;align-items:center;gap:12px}.request-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;font-size:18px}.request-title h4{font-size:18px;font-weight:700;color:#1e293b;margin:0}.request-status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.request-status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);color:#92400e}.request-status-badge.approved{background:linear-gradient(135deg,#d1fae5 0%,#6ee7b7 100%);color:#065f46}.request-status-badge.rejected{background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);color:#991b1b}.request-body{padding:25px}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:20px}.request-detail-item{text-align:center}.request-detail-value{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.request-detail-label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.request-description{background:rgba(102,126,234,0.05);padding:15px;border-radius:12px;margin-bottom:20px;border-left:4px solid #667eea}.request-description p{color:#475569;font-size:14px;line-height:1.6;margin:0}.request-actions{display:flex;gap:10px;flex-wrap:wrap}.request-actions .btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:6px}.loading-placeholder-modern{display:flex;align-items:center;justify-content:center;min-height:250px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);background-size:200% 200%;animation:gradientShimmer 3s ease infinite;border-radius:20px;border:2px dashed #cbd5e1;position:relative;overflow:hidden}.loading-placeholder-modern::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.05)0%,transparent 70%);animation:rotate 4s linear infinite}@keyframes gradientShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-content{text-align:center;color:#64748b}.loading-spinner-modern{margin-bottom:15px}.loading-spinner-modern i{font-size:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:spin 1s linear infinite,gradientPulse 3s ease infinite;filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3))}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-content h3,.loading-content h4{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px 0}.loading-content p{color:#64748b;font-size:14px;margin:0}@media(max-width:1024px){.payslips-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr)}.modern-section-header{padding:25px 20px}.section-title-content h2{font-size:28px}.section-icon-badge{padding:14px}.section-icon-badge i{font-size:28px}}@media(max-width:768px){.payslips-grid{grid-template-columns:1fr;gap:12px;padding:0}.stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr);gap:15px}.quick-stat-card{padding:20px 15px}.stat-icon{width:50px;height:50px;margin-bottom:12px}.stat-icon i{font-size:24px}.stat-info h4{font-size:24px}.modern-section-header{padding:20px 15px;text-align:center}.section-title-wrapper{flex-direction:column;gap:15px}.section-title-content h2{font-size:24px}.section-actions-modern{justify-content:center;margin-top:15px}.payslip-card{min-height:auto}.payslip-header{padding:12px 14px 10px 14px}.payslip-body{padding:14px}.payslip-title h3{font-size:15px}.detail-value{font-size:16px}.total-salary-amount{font-size:20px}.payslip-header{padding:20px 20px 15px 20px}.payslip-body{padding:20px}.payslip-details{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.total-salary{padding:15px;margin-bottom:15px}.total-salary-amount{font-size:24px}.request-header{padding:15px 20px;flex-direction:column;gap:15px;align-items:flex-start}.request-title{align-self:flex-start}.request-status-badge{align-self:flex-end}.request-body{padding:20px}.request-details{grid-template-columns:repeat(2,1fr);gap:15px}.requests-container-modern{padding:15px}}@media(max-width:480px){.payslips-grid{grid-template-columns:1fr;gap:10px;padding:0}.payslips-grid-container{padding:0 2px}.stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.quick-stat-card{padding:15px 10px;border-radius:14px}.stat-icon{width:45px;height:45px;margin-bottom:10px}.stat-icon i{font-size:20px}.stat-info h4{font-size:20px}.stat-info p{font-size:11px}.modern-section-header{padding:15px 10px;margin-bottom:20px;border-radius:16px}.section-icon-badge{padding:12px;border-radius:12px}.section-icon-badge i{font-size:24px}.section-title-content h2{font-size:20px;margin-bottom:5px}.section-title-content p{font-size:14px}.section-actions-modern{flex-direction:column;gap:8px;margin-top:12px}.section-actions-modern .btn{width:100%;padding:10px 20px;border-radius:10px;font-size:14px}.payslip-card{border-radius:10px;min-height:auto}.payslip-header{padding:10px 12px 8px 12px}.payslip-body{padding:12px}.payslip-title h3{font-size:14px}.payslip-title h3 i{font-size:12px}.payslip-status{padding:3px 8px;font-size:9px}.payslip-date{font-size:11px}.detail-value{font-size:15px}.detail-label{font-size:10px}.total-salary{padding:10px 12px}.total-salary-amount{font-size:18px}.total-salary-label{font-size:11px}.payslip-actions .btn{padding:8px;font-size:11px;gap:4px}.payslip-header{padding:15px 15px 12px 15px}.payslip-title h3{font-size:16px}.payslip-title h3 i{font-size:14px}.payslip-status{padding:4px 10px;font-size:10px}.payslip-date{font-size:12px}.payslip-body{padding:15px}.payslip-details{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.detail-value{font-size:18px}.detail-label{font-size:11px}.total-salary{padding:12px;border-radius:12px;margin-bottom:15px}.total-salary-amount{font-size:20px}.total-salary-label{font-size:12px}.payslip-actions{gap:8px;flex-direction:column}.payslip-actions .btn{padding:10px;border-radius:10px;font-size:12px}.request-card{border-radius:14px;margin-bottom:15px}.request-header{padding:12px 15px;flex-direction:column;gap:12px;align-items:stretch}.request-title h4{font-size:16px}.request-icon{width:35px;height:35px;border-radius:10px;font-size:16px}.request-status-badge{padding:6px 12px;font-size:10px;align-self:center}.request-body{padding:15px}.request-details{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.request-detail-value{font-size:16px}.request-detail-label{font-size:10px}.request-description{padding:12px;border-radius:10px;margin-bottom:15px}.request-description p{font-size:12px;line-height:1.5}.request-actions{flex-direction:column;gap:8px}.request-actions .btn{width:100%;padding:8px 16px;border-radius:8px;font-size:12px;justify-content:center}.requests-container-modern{padding:10px;border-radius:16px}.loading-placeholder-modern{min-height:150px;border-radius:12px}.loading-spinner-modern i{font-size:24px}.loading-content h3,.loading-content h4{font-size:16px}.loading-content p{font-size:12px}}@media(max-width:360px){.stats-grid-enhanced.grid-4{grid-template-columns:1fr;gap:10px}.quick-stat-card{padding:12px 8px;display:flex;align-items:center;text-align:right;gap:15px}.stat-icon{margin:0;flex-shrink:0}.stat-info{flex:1}.modern-section-header{padding:12px 8px}.section-title-wrapper{gap:10px}.section-icon-badge{padding:10px}.section-title-content h2{font-size:18px}.section-title-content p{font-size:12px}.payslip-card{min-height:240px}.payslip-header{padding:12px 12px 10px 12px}.payslip-body{padding:12px}.request-header{padding:10px 12px}.request-title{gap:8px}.request-body{padding:12px}.requests-container-modern{padding:8px}}@media(max-width:768px)and(orientation:landscape){.stats-grid-enhanced.grid-4{grid-template-columns:repeat(4,1fr);gap:10px}.quick-stat-card{padding:10px 8px}.stat-info h4{font-size:18px}.stat-info p{font-size:10px}.payslips-grid{grid-template-columns:repeat(2,1fr);gap:12px}.modern-section-header{padding:15px 12px}.section-title-wrapper{flex-direction:row}}@media(prefers-reduced-motion:reduce){.payslip-card::before,.modern-section-header::before,.total-salary::before{animation:none}.payslip-card:hover,.quick-stat-card:hover,.request-card:hover{transform:none}}@media(max-resolution:150dpi){.modern-section-header{box-shadow:0 8px 20px rgba(102,126,234,0.2)}.payslip-card,.quick-stat-card,.request-card{box-shadow:0 4px 15px rgba(0,0,0,0.1)}.payslip-card:hover,.quick-stat-card:hover,.request-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15)}}.section-header{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:25px;border-radius:16px;margin-bottom:25px;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(0,0,0,0.05);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.section-header h3{font-size:24px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px;flex-shrink:0}.section-header h3 i{color:#667eea;font-size:22px}.section-actions{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;flex:0 0 auto}.requests-filters{display:flex;gap:12px;flex-wrap:nowrap;align-items:center}.form-select{padding:10px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-width:160px;font-family:'Vazirmatn','Tahoma',sans-serif}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);background:#fff}.form-select:hover{border-color:#cbd5e1;background:#f8fafc}.btn{padding:10px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:'Vazirmatn','Tahoma',sans-serif;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,0.1)0%,transparent 100%);opacity:0;transition:opacity 0.3s ease}.btn:hover::before{opacity:1}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.btn-info{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 50%,#0e7490 100%);background-size:200% 200%;animation:gradientPulse 3s ease infinite;color:white;box-shadow:0 6px 20px rgba(6,182,212,0.35),0 0 40px rgba(8,145,178,0.1)}.btn-info:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px rgba(6,182,212,0.45),0 0 60px rgba(8,145,178,0.2)}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 50%,#047857 100%);background-size:200% 200%;animation:gradientPulse 3s ease infinite;color:white;box-shadow:0 6px 20px rgba(16,185,129,0.35),0 0 40px rgba(5,150,105,0.1)}.btn-success:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px rgba(16,185,129,0.45),0 0 60px rgba(5,150,105,0.2)}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;box-shadow:0 4px 15px rgba(245,158,11,0.3)}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,0.4)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 4px 15px rgba(239,68,68,0.3)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(239,68,68,0.4)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea;box-shadow:0 4px 15px rgba(102,126,234,0.1)}.btn-outline:hover{background:#667eea;color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.3)}.btn i{font-size:14px}.btn-lg{padding:15px 30px;font-size:16px;border-radius:14px}.btn-lg i{font-size:16px}.section-nav-btn{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border:2px solid #e2e8f0;color:#64748b;padding:18px 28px;border-radius:18px;font-size:17px;font-weight:700;cursor:pointer;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:14px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.06);transform-origin:center}.section-nav-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.1),transparent);transition:left 0.5s ease}.section-nav-btn:hover::before{left:100%}.section-nav-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 35px rgba(102,126,234,0.2),0 0 40px rgba(102,126,234,0.1);background:linear-gradient(145deg,#ffffff 0%,#faf5ff 100%)}.section-nav-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:gradientShiftSmooth 4s ease infinite;color:white;border-color:transparent;box-shadow:0 8px 30px rgba(102,126,234,0.4),0 0 60px rgba(118,75,162,0.2);transform:translateY(-2px)scale(1.02)}@keyframes gradientShiftSmooth{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.section-nav-btn.active:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 30px rgba(102,126,234,0.4)}.section-nav-btn i{font-size:18px}.empty-state{text-align:center;padding:60px 30px;background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 100%);border-radius:20px;border:2px dashed #cbd5e1;color:#64748b;margin:20px 0}.empty-state-icon{font-size:64px;color:#94a3b8;margin-bottom:20px;opacity:0.7}.empty-state h3{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 12px 0}.empty-state p{font-size:16px;color:#64748b;margin:0 0 25px 0;line-height:1.6}.empty-state .btn{margin-top:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:20px 0}.pagination-btn{padding:10px 15px;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-width:44px;text-align:center}.pagination-btn:hover{border-color:#667eea;color:#667eea;background:#f8fafc;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.pagination-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.pagination-btn:disabled:hover{border-color:#e2e8f0;color:#64748b;background:#fff;transform:none}.search-container{position:relative;margin-bottom:20px}.search-input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;font-size:14px;font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:'Vazirmatn','Tahoma',sans-serif}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);background:#fff}.search-input::placeholder{color:#94a3b8}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:16px;pointer-events:none}.toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px rgba(0,0,0,0.15);border:1px solid #e2e8f0;z-index:9999;min-width:300px;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.toast.show{transform:translateX(0)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #06b6d4}.toast-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.toast-icon{font-size:18px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#06b6d4}.toast-title{font-size:16px;font-weight:700;color:#1e293b;margin:0}.toast-message{color:#64748b;font-size:14px;line-height:1.5;margin:0}@media(max-width:768px){.section-header{padding:20px 15px}.section-header h3{font-size:20px;margin-bottom:15px}.section-actions{flex-direction:column;gap:12px;align-items:stretch}.requests-filters{flex-direction:column;gap:10px}.form-select{width:100%;min-width:auto}.section-nav-btn{padding:12px 20px;font-size:14px;border-radius:12px}.section-nav-btn i{font-size:16px}.btn-lg{padding:12px 24px;font-size:14px}.empty-state{padding:40px 20px}.empty-state-icon{font-size:48px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}.pagination{flex-wrap:wrap;gap:6px}.pagination-btn{padding:8px 12px;font-size:12px;min-width:36px}.toast{right:10px;left:10px;min-width:auto}}@media(max-width:480px){.section-header{padding:15px 10px;margin-bottom:20px;border-radius:12px}.section-header h3{font-size:18px;margin-bottom:12px;flex-direction:column;gap:8px;text-align:center}.section-header h3 i{font-size:20px}.section-actions{gap:10px}.requests-filters{gap:8px}.form-select{padding:8px 12px;font-size:12px;border-radius:10px}.btn{padding:8px 16px;font-size:12px;border-radius:10px}.btn i{font-size:12px}.btn-lg{padding:10px 20px;font-size:13px;border-radius:10px}.btn-lg i{font-size:14px}.section-nav-btn{padding:10px 15px;font-size:13px;border-radius:10px;margin-bottom:8px}.section-nav-btn i{font-size:14px}.empty-state{padding:30px 15px;border-radius:16px}.empty-state-icon{font-size:40px;margin-bottom:15px}.empty-state h3{font-size:16px;margin-bottom:8px}.empty-state p{font-size:12px;margin-bottom:20px}.pagination{margin-top:20px;padding:15px 0}.pagination-btn{padding:6px 10px;font-size:11px;min-width:30px;border-radius:8px}.search-container{margin-bottom:15px}.search-input{padding:10px 40px 10px 12px;font-size:12px;border-radius:10px}.search-icon{right:12px;font-size:14px}.toast{top:10px;right:5px;left:5px;min-width:auto;padding:12px 15px;border-radius:10px}.toast-header{margin-bottom:6px}.toast-icon{font-size:16px}.toast-title{font-size:14px}.toast-message{font-size:12px}}@media(max-width:360px){.section-header{padding:12px 8px}.section-header h3{font-size:16px}.form-select{padding:6px 10px;font-size:11px}.btn{padding:6px 12px;font-size:11px;gap:4px}.btn-lg{padding:8px 16px;font-size:12px}.section-nav-btn{padding:8px 12px;font-size:12px;gap:8px}.empty-state{padding:20px 10px}.empty-state-icon{font-size:32px;margin-bottom:12px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.pagination-btn{padding:4px 8px;font-size:10px;min-width:26px}.search-input{padding:8px 35px 8px 10px;font-size:11px}.search-icon{right:10px;font-size:12px}}.payroll-hero-card{position:relative;background:#ffffff;border-radius:24px;margin-bottom:32px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.payroll-hero-card:hover{box-shadow:0 20px 60px rgba(0,0,0,0.12),0 4px 16px rgba(0,0,0,0.06);transform:translateY(-4px)}.hero-gradient-bg{position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);opacity:1;z-index:0}.hero-gradient-bg::after{content:'';position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.9))}.hero-pattern{position:absolute;top:0;left:0;right:0;height:150px;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.15)0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,0.08)0%,transparent 40%);z-index:1}.hero-content{position:relative;z-index:2;padding:24px 28px}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:0}.hero-stat-card{background:#ffffff;border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.hero-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity 0.3s ease}.hero-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}.hero-stat-card:hover::before{opacity:1}.hero-stat-card.salary-current::before{background:linear-gradient(90deg,#667eea,#764ba2)}.hero-stat-card.salary-average::before{background:linear-gradient(90deg,#f093fb,#f5576c)}.hero-stat-card.salary-total::before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-icon-wrapper{position:relative;flex-shrink:0;width:44px;height:44px}.icon-bg{position:absolute;inset:0;border-radius:10px;opacity:0.12}.salary-current .icon-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.salary-average .icon-bg{background:linear-gradient(135deg,#f093fb,#f5576c)}.salary-total .icon-bg{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon-wrapper i{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;z-index:1}.salary-current .stat-icon-wrapper i{color:#667eea}.salary-average .stat-icon-wrapper i{color:#f5576c}.salary-total .stat-icon-wrapper i{color:#4facfe}.stat-content{flex:1;min-width:0}.stat-label{display:block;font-size:11px;font-weight:600;color:#6c757d;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.3px}.stat-value{font-size:22px;font-weight:700;color:#2c3e50;margin:0 0 6px 0;line-height:1.2}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;display:inline-block;padding:4px 12px;font-size:14px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.stat-trend,.stat-info{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:3px 8px;border-radius:8px;font-weight:500}.stat-trend.up{background:rgba(76,175,80,0.1);color:#2e7d32}.stat-trend.up i{color:#4CAF50}.stat-info{background:rgba(0,0,0,0.04);color:#6c757d}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.3s ease;font-family:inherit}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.btn-primary{background:#4CAF50;color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-1px)}.btn-info{background:#2196F3;color:#fff}.btn-info:hover{background:#1976D2;transform:translateY(-1px)}.btn-warning{background:#FF9800;color:#fff}.btn-warning:hover{background:#F57C00;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-outline{background:transparent;color:#666;border:1px solid #ddd}.btn-outline:hover{background:#f8f9fa;border-color:#adb5bd}.quick-stats{margin-bottom:40px;padding:0}.grid{display:grid;gap:24px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quick-stat-card{animation:fadeInUp 0.6s ease-out backwards}.quick-stat-card:nth-child(1){animation-delay:0.1s}.quick-stat-card:nth-child(2){animation-delay:0.2s}.quick-stat-card:nth-child(3){animation-delay:0.3s}.quick-stat-card:nth-child(4){animation-delay:0.4s}.quick-stat-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #e9ecef;display:flex;align-items:center;gap:20px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;min-height:100px}.quick-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--timika-primary),var(--timika-secondary));transform:scaleX(0);transition:transform 0.3s ease}.quick-stat-card:hover::before{transform:scaleX(1)}.quick-stat-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,0.15);border-color:var(--timika-primary)}.quick-stat-card .stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--timika-primary),#45a049);flex-shrink:0;box-shadow:0 4px 12px rgba(76,175,80,0.3);transition:all 0.3s ease}.quick-stat-card:hover .stat-icon{transform:rotate(5deg)scale(1.1);box-shadow:0 6px 20px rgba(76,175,80,0.4)}.quick-stat-card .stat-info h4{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 6px 0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.quick-stat-card .stat-info p{font-size:14px;color:#6c757d;margin:0;font-weight:500;line-height:1.4}.chart-container{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 50%,#f1f5f9 100%);border-radius:28px;box-shadow:0 25px 80px rgba(102,126,234,0.12),0 10px 30px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.02);border:2px solid rgba(255,255,255,0.95);margin-bottom:40px;overflow:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chart-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#764ba2 75%,#667eea 100%);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.chart-container::after{content:'';position:absolute;top:5px;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3)50%,transparent 100%);animation:shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}50%{left:100%}100%{left:100%}}.chart-container:hover{transform:translateY(-8px)scale(1.005);box-shadow:0 35px 100px rgba(102,126,234,0.2),0 15px 40px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,1);border-color:rgba(102,126,234,0.3)}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(102,126,234,0.12);background:linear-gradient(135deg,rgba(102,126,234,0.04)0%,rgba(118,75,162,0.02)50%,rgba(240,147,251,0.02)100%);position:relative;overflow:hidden}.chart-header::before{content:'';position:absolute;top:50%;right:80px;width:120px;height:120px;background:radial-gradient(circle,rgba(102,126,234,0.08)0%,transparent 70%);border-radius:50%;transform:translateY(-50%);animation:pulse-soft 3s ease-in-out infinite}@keyframes pulse-soft{0%,100%{opacity:0.5;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}}.chart-header h3{font-size:24px;font-weight:900;background:linear-gradient(135deg,#1e293b 0%,#475569 50%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:14px;letter-spacing:-0.5px;position:relative;z-index:1}.chart-header h3 i{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:26px;filter:drop-shadow(0 3px 8px rgba(102,126,234,0.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.chart-header h3::before{content:'';display:none}@keyframes bar-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(0.85)}}.chart-controls{display:flex;gap:14px;position:relative;z-index:1}.chart-controls select,.chart-controls .form-select{padding:12px 20px;padding-left:44px;border:2px solid rgba(102,126,234,0.15);border-radius:14px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.8);font-family:'Vazirmatn','Tahoma',sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;min-width:140px}.chart-controls select:hover,.chart-controls .form-select:hover{border-color:rgba(102,126,234,0.4);box-shadow:0 8px 20px rgba(102,126,234,0.1),inset 0 1px 0 rgba(255,255,255,1);transform:translateY(-2px)}.chart-controls select:focus,.chart-controls .form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,0.15),0 8px 25px rgba(102,126,234,0.15)}.chart-body{padding:32px 36px 40px;background:linear-gradient(180deg,rgba(255,255,255,0.95)0%,rgba(248,250,252,0.98)50%,rgba(241,245,249,0.95)100%);position:relative;min-height:420px!important;height:auto!important;overflow:visible!important}.chart-body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 90%,rgba(102,126,234,0.03)0%,transparent 30%),radial-gradient(circle at 90% 10%,rgba(240,147,251,0.03)0%,transparent 30%);pointer-events:none}.chart-body canvas{min-height:380px!important;height:380px!important;max-height:none!important;position:relative;z-index:1}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:20px;padding-top:20px;border-top:1px dashed rgba(102,126,234,0.15)}.chart-legend-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#64748b;padding:8px 16px;background:rgba(255,255,255,0.8);border-radius:10px;border:1px solid rgba(102,126,234,0.1);transition:all 0.3s ease}.chart-legend-item:hover{background:rgba(102,126,234,0.08);border-color:rgba(102,126,234,0.2);transform:translateY(-2px)}.chart-legend-color{width:16px;height:16px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.15)}@media(max-width:992px){.chart-container{border-radius:24px;margin-bottom:32px}.chart-header{padding:24px 28px;flex-direction:column;gap:16px;align-items:flex-start}.chart-header h3{font-size:20px}.chart-controls{width:100%}.chart-controls select,.chart-controls .form-select{flex:1;min-width:unset}.chart-body{padding:24px 20px 32px;min-height:380px!important}.chart-body canvas{min-height:340px!important;height:340px!important;max-height:none!important}}@media(max-width:768px){.chart-container{border-radius:20px;margin-bottom:24px}.chart-header{padding:20px 24px}.chart-header h3{font-size:18px}.chart-header h3 i{font-size:22px}.chart-body{padding:20px 16px 28px;min-height:340px!important}.chart-body canvas{min-height:300px!important;height:300px!important;max-height:none!important}.chart-legend{flex-direction:column;align-items:center;gap:12px}}@media(max-width:576px){.chart-container{border-radius:16px;margin-bottom:20px}.chart-container::after{display:none}.chart-header{padding:16px 18px}.chart-header h3{font-size:16px;gap:10px}.chart-header h3 i{font-size:18px}.chart-controls select,.chart-controls .form-select{padding:10px 16px;padding-left:36px;font-size:13px;border-radius:10px}.chart-body{padding:16px 12px 24px;min-height:300px!important}.chart-body canvas{min-height:260px!important;height:260px!important;max-height:none!important}}.section-nav{display:flex;gap:16px;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,0.95)0%,rgba(248,250,252,0.95)100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;overflow-x:auto;box-shadow:0 10px 40px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5);border:2px solid rgba(255,255,255,0.8);scrollbar-width:thin;scrollbar-color:rgba(102,126,234,0.3)transparent;position:relative}.section-nav::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,0.03)0%,rgba(118,75,162,0.03)100%);pointer-events:none;border-radius:24px}.section-nav::-webkit-scrollbar{height:6px}.section-nav::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:10px}.section-nav::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.section-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.section-nav-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;background:transparent;color:#6c757d;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;font-family:inherit;position:relative;min-width:120px;justify-content:center;text-transform:none}.section-nav-btn:hover{background:rgba(76,175,80,0.15);color:#4CAF50;transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,0.2)}.section-nav-btn.active{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;box-shadow:0 4px 16px rgba(76,175,80,0.4);transform:translateY(-1px)}.section-nav-btn.active::before{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#4CAF50;border-radius:50%;box-shadow:0 2px 4px rgba(76,175,80,0.3)}.section-nav-btn i{font-size:18px;transition:transform 0.3s ease}.section-nav-btn:hover i{transform:scale(1.1)}.section-nav-btn.active i{transform:scale(1.15)}.payroll-section{animation:fadeInSection 0.5s ease-out}@keyframes fadeInSection{from{opacity:0;transform:translateY(20px)scale(0.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-content{display:none;animation:fadeIn 0.3s ease}.section-content.active{display:block}.payroll-section{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 10px 40px rgba(0,0,0,0.06);border:2px solid rgba(255,255,255,0.8);position:relative;overflow:hidden}.payroll-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 100%;animation:gradientShift 4s ease infinite}.compact-section-header{background:#ffffff;padding:16px 20px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.06)}.compact-section-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.compact-section-header h3{font-size:18px;font-weight:700;color:#2c3e50;margin:0;display:flex;align-items:center;gap:8px}.compact-section-header h3 i{color:#667eea;font-size:20px}.compact-filters{display:flex;gap:10px}.compact-select{padding:8px 12px;border:1px solid rgba(0,0,0,0.1);border-radius:8px;font-size:13px;color:#495057;background:#fff;cursor:pointer;transition:all 0.2s ease;min-width:140px}.compact-select:hover{border-color:#667eea;box-shadow:0 2px 6px rgba(102,126,234,0.15)}.compact-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.compact-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.compact-stat-card{background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all 0.2s ease;box-shadow:0 2px 6px rgba(0,0,0,0.04)}.compact-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);border-color:rgba(102,126,234,0.3)}.compact-stat-card i{font-size:24px;color:#667eea;flex-shrink:0}.compact-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.compact-stat-value{font-size:20px;font-weight:700;color:#2c3e50;line-height:1}.compact-stat-label{font-size:11px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:0.3px}@media(max-width:768px){.compact-section-header .header-content{flex-direction:column;align-items:flex-start}.compact-filters{width:100%;flex-direction:column}.compact-select{width:100%}.compact-stats-grid{grid-template-columns:1fr;gap:10px}.compact-stat-card{padding:12px 14px}.compact-stat-value{font-size:18px}}@media(max-width:480px){.compact-section-header{padding:14px 16px}.compact-section-header h3{font-size:16px}.compact-stat-card{padding:10px 12px}.compact-stat-card i{font-size:20px}.compact-stat-value{font-size:16px}.compact-stat-label{font-size:10px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,0.1);position:relative}.section-header h2,.section-header h3{font-size:28px;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:14px}.section-header h2 i,.section-header h3 i{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;filter:drop-shadow(0 4px 8px rgba(102,126,234,0.3))}.section-header h2:hover,.section-header h3:hover{transform:translateX(-5px)}.section-header h2:hover i,.section-header h3:hover i{transform:scale(1.1)rotate(5deg);transition:transform 0.3s ease}.section-header p{font-size:14px;color:#666;margin:4px 0 0 0}.section-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.section-actions .btn{box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.section-actions .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:14px}.form-control,.form-select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:all 0.3s ease}.form-control:focus,.form-select:focus{outline:none;border-color:#4CAF50;box-shadow:0 0 0 3px rgba(76,175,80,0.1)}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.calculator-result{background:#f8f9fa;border-radius:12px;padding:24px;margin-top:24px;border:1px solid #e9ecef}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-header h4{font-size:18px;font-weight:bold;color:#333;margin:0}.result-badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.result-breakdown{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.result-item:last-child{border-bottom:none}.result-item.deduction span:last-child{color:#f44336}.result-item.total{font-weight:bold;font-size:16px;background:#f0f8f0;padding:16px;border-radius:8px;border:none;margin-top:8px}.result-item.total span:last-child{color:#4CAF50}.loading-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666;font-size:14px}.loading-placeholder i{font-size:18px;color:#4CAF50}.no-attendance{text-align:center;padding:60px 20px;color:#666}.no-attendance i{font-size:48px;color:#ddd;margin-bottom:16px}.no-attendance h3{font-size:20px;color:#333;margin:0 0 8px 0}.no-attendance p{font-size:14px;margin:0}@media(max-width:1024px){.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.hero-stat-card.salary-total{grid-column:1 / -1}}@media(max-width:768px){.payroll-hero-card{border-radius:16px;margin-bottom:24px}.hero-gradient-bg{height:140px}.hero-pattern{height:140px}.hero-content{padding:20px 18px}.hero-stats-grid{grid-template-columns:1fr;gap:14px;margin-bottom:0}.hero-stat-card{padding:14px 16px}.hero-stat-card.salary-total{grid-column:auto}.stat-icon-wrapper{width:40px;height:40px}.stat-icon-wrapper i{font-size:18px}.stat-label{font-size:10px}.stat-value{font-size:20px}.stat-trend,.stat-info{font-size:9px;padding:2px 6px}.section-header{flex-direction:column;gap:16px;text-align:center}.section-actions{flex-wrap:wrap;justify-content:center}.form-row{grid-template-columns:1fr}.chart-header{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.hero-gradient-bg{height:120px}.hero-pattern{height:120px}.hero-content{padding:16px 14px}.hero-stat-card{padding:12px 14px;gap:10px}.stat-icon-wrapper{width:36px;height:36px}.stat-icon-wrapper i{font-size:16px}.stat-value{font-size:18px}.stat-label{font-size:9px}}.rtl-popup{direction:rtl!important;text-align:right!important}.rtl-popup .swal2-title{text-align:right!important}.rtl-popup .swal2-content{text-align:right!important}.swal2-popup.payslip-details-modal{max-width:650px!important;padding:20px!important}.swal2-popup.payslip-details-modal .swal2-icon{display:none!important}.swal2-popup.payslip-details-modal .swal2-header{padding:12px 0 10px 0!important}.swal2-popup.payslip-details-modal .swal2-title{margin:0!important;font-size:20px!important}.swal2-popup.payslip-details-modal .swal2-html-container{margin:0!important;padding:0!important}@keyframes shimmer{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width:768px){.swal2-popup.payslip-details-modal{max-width:95%!important;padding:16px!important}.compact-payslip-modal>div:first-child{padding:14px!important}.compact-payslip-modal>div[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.compact-payslip-modal>div[style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr!important}.compact-payslip-modal>div[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important;gap:6px!important}}.rtl-popup .swal-form{text-align:right}.rtl-popup .swal-form .form-group{margin-bottom:16px}.rtl-popup .swal-form label{display:block;font-weight:500;color:#333;margin-bottom:6px;font-size:14px;text-align:right}.rtl-popup .swal2-input,.rtl-popup .swal2-textarea{direction:rtl!important;text-align:right!important;font-family:'Vazirmatn','Tahoma',sans-serif!important}.rtl-popup .swal2-confirm{margin-left:8px!important;margin-right:0!important}.rtl-popup .swal2-cancel{margin-right:8px!important;margin-left:0!important}.timika-tabs-nav{display:flex;background:var(--timika-light);border-bottom:1px solid var(--timika-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.timika-tabs-nav::-webkit-scrollbar{display:none}.timika-tab-btn{background:none;border:none;padding:15px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;color:var(--timika-dark);white-space:nowrap;transition:var(--timika-transition);border-bottom:3px solid transparent;min-width:120px;justify-content:center}.timika-tab-btn:hover{background:rgba(76,175,80,0.1);color:var(--timika-primary)}.timika-tab-btn.active{background:white;color:var(--timika-primary);border-bottom-color:var(--timika-primary);font-weight:bold}.timika-tab-btn i{font-size:16px}.timika-tabs-content{min-height:500px}.timika-tab-content{display:none;padding:25px;animation:fadeIn 0.3s ease}.timika-tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--timika-light)}.section-header h3{margin:0;color:var(--timika-dark);font-size:20px;display:flex;align-items:center;gap:10px}.section-header h3 i{color:var(--timika-primary)}.section-header p{margin:5px 0 0 0;color:#666;font-size:14px}.section-actions{display:flex;gap:10px}.timika-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--timika-radius);font-family:inherit;font-size:14px;cursor:pointer;text-decoration:none;transition:var(--timika-transition);font-weight:500}.timika-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.timika-btn-primary{background:var(--timika-primary);color:white}.timika-btn-primary:hover{background:#45a049}.timika-btn-secondary{background:var(--timika-secondary);color:white}.timika-btn-secondary:hover{background:#1976D2}.timika-btn-warning{background:var(--timika-warning);color:white}.timika-btn-error{background:var(--timika-error);color:white}.timika-btn-sm{padding:6px 12px;font-size:12px}.timika-btn-lg{padding:15px 30px;font-size:16px}.timika-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.timika-stat-card{background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);padding:20px;display:flex;align-items:center;gap:15px;transition:var(--timika-transition)}.timika-stat-card:hover{transform:translateY(-2px);box-shadow:var(--timika-shadow)}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:white;background:linear-gradient(135deg,var(--timika-primary),#66BB6A)}.stat-content h3{margin:0 0 5px 0;font-size:24px;font-weight:bold;color:var(--timika-dark)}.stat-content p{margin:0;color:#666;font-size:14px}.timika-dashboard-section{margin-bottom:30px;background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);padding:20px}.timika-dashboard-section h3{margin:0 0 20px 0;color:var(--timika-dark);font-size:18px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--timika-light)}.timika-dashboard-section h3 i{color:var(--timika-primary)}.timika-latest-payslip{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--timika-radius);padding:20px}.payslip-summary{display:flex;flex-direction:column;gap:15px}.payslip-header{display:flex;justify-content:space-between;align-items:center}.payslip-header h4{margin:0;color:var(--timika-dark);font-size:16px}.payslip-date{color:#666;font-size:14px}.payslip-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.amount-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.1)}.amount-item:last-child{border-bottom:none}.amount-item.total{border-top:2px solid var(--timika-primary);margin-top:10px;padding-top:15px;font-weight:bold;font-size:16px}.amount-item .deduction{color:var(--timika-error)}.payslip-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.timika-salary-chart{height:300px;position:relative}.payslips-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-radius:32px!important;box-shadow:0 25px 80px rgba(102,126,234,0.25)!important;border:1px solid rgba(255,255,255,0.1)!important;padding:0!important;margin-bottom:40px!important;position:relative!important;overflow:hidden!important}.payslips-section::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" fill-opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>')!important;pointer-events:none!important}.payslips-section .section-header{background:linear-gradient(135deg,rgba(255,255,255,0.15)0%,rgba(255,255,255,0.05)100%)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:32px 40px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,0.1)!important;border-radius:32px 32px 0 0!important;position:relative!important;z-index:2!important}.payslips-section .section-header h3{font-size:36px!important;font-weight:900!important;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:0!important;text-shadow:0 4px 12px rgba(0,0,0,0.1)!important;display:flex!important;align-items:center!important;gap:16px!important}.payslips-section .section-header h3 i{background:linear-gradient(135deg,#4ade80,#22c55e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:40px!important;filter:drop-shadow(0 4px 8px rgba(34,197,94,0.3))!important}.payslips-section .section-header p{color:rgba(255,255,255,0.8)!important;font-size:18px!important;font-weight:500!important;margin:8px 0 0 0!important;text-shadow:0 2px 4px rgba(0,0,0,0.1)!important}.payslips-filters{background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:24px 40px!important;margin:0!important;border-bottom:1px solid rgba(0,0,0,0.05)!important;display:flex!important;gap:24px!important;align-items:end!important;flex-wrap:wrap!important;position:relative!important;z-index:2!important}.payslips-filters .filter-group{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:200px!important}.payslips-filters .filter-group label{font-size:14px!important;font-weight:700!important;color:#374151!important;text-transform:uppercase!important;letter-spacing:0.5px!important}.payslips-filters .filter-group select{padding:12px 16px!important;border:2px solid #e5e7eb!important;border-radius:16px!important;background:#ffffff!important;font-size:15px!important;font-weight:600!important;color:#1f2937!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:0 4px 12px rgba(0,0,0,0.05)!important;font-family:'Vazirmatn','Tahoma',sans-serif!important}.payslips-filters .filter-group select:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 4px rgba(102,126,234,0.1),0 8px 24px rgba(102,126,234,0.15)!important;transform:translateY(-1px)!important}.payslips-list{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;padding:32px 40px 40px 40px!important;border-radius:0 0 32px 32px!important;position:relative!important;z-index:2!important}.payslip-item{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;border-radius:24px!important;box-shadow:0 8px 32px rgba(0,0,0,0.08)!important;border:2px solid rgba(102,126,234,0.1)!important;padding:28px!important;margin-bottom:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;overflow:hidden!important}.payslip-item::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)!important;transform:scaleX(0)!important;transition:transform 0.4s ease!important}.payslip-item:hover::before{transform:scaleX(1)!important}.payslip-item:hover{transform:translateY(-8px)scale(1.02)!important;box-shadow:0 16px 48px rgba(102,126,234,0.2)!important;border-color:#667eea!important}.payslip-info{display:flex!important;flex-direction:column!important;gap:12px!important;flex:1!important}.payslip-info h4{font-size:22px!important;font-weight:800!important;color:#1e293b!important;margin:0!important;text-shadow:0 2px 4px rgba(0,0,0,0.05)!important;display:flex!important;align-items:center!important;gap:12px!important}.payslip-info h4 i{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:24px!important}.payslip-period{color:#64748b!important;font-size:16px!important;font-weight:600!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.payslip-period i{color:#10b981!important;font-size:18px!important}.payslip-status{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;border-radius:20px!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.5px!important;box-shadow:0 4px 12px rgba(0,0,0,0.1)!important}.payslip-status.status-approved{background:linear-gradient(135deg,#10b981,#059669)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(16,185,129,0.3)!important}.payslip-status.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(245,158,11,0.3)!important}.payslip-status.status-draft{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(107,114,128,0.3)!important}.payslip-amount{font-size:28px!important;font-weight:900!important;color:#059669!important;text-shadow:0 2px 4px rgba(5,150,105,0.2)!important;display:flex!important;align-items:center!important;gap:8px!important}.payslip-amount i{color:#10b981!important;font-size:30px!important}.payslip-actions{display:flex!important;gap:12px!important;align-items:center!important}.payslip-actions .btn{min-width:48px!important;height:48px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:700!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:0 6px 20px rgba(0,0,0,0.15)!important;border:2px solid transparent!important}.payslip-actions .btn:hover{transform:translateY(-3px)scale(1.1)!important;box-shadow:0 12px 32px rgba(0,0,0,0.2)!important}.payslip-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#ffffff!important}.payslip-actions .btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#ffffff!important}.employees-cards-container{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:24px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,0.08);border:2px solid rgba(255,255,255,0.8);margin-top:32px}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,0.1)}.employees-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:14px}.employees-title i{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px rgba(102,126,234,0.3))}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(550px,1fr));gap:16px}.employee-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:16px 20px;box-shadow:0 4px 15px rgba(0,0,0,0.06);border:2px solid #e2e8f0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px}.employee-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform 0.3s ease}.employee-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.12);border-color:#667eea}.employee-card:hover::before{transform:scaleX(1)}.employee-card-header{display:flex;align-items:center;gap:12px;padding:0;margin:0}.employee-checkbox{flex-shrink:0}.employee-checkbox input[type="checkbox"]{width:20px;height:20px;cursor:pointer}.employee-info{flex:1}.employee-name{font-size:16px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.employee-email{font-size:12px;color:#64748b;margin:0;display:none}.employee-section{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1));border-radius:8px;font-size:11px;font-weight:600;color:#667eea}.employee-card-body{display:flex;gap:12px;flex-wrap:wrap;margin:0}.employee-stat{flex:1;min-width:110px;text-align:center;padding:8px 10px;background:rgba(102,126,234,0.03);border-radius:10px}.employee-stat-value{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 3px 0}.employee-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:0.3px;margin:0}.employee-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:12px;font-size:11px;font-weight:700;margin:0;align-self:flex-start}.employee-status-badge.status-calculated{background:linear-gradient(135deg,#06b6d4,#0891b2);color:white}.employee-status-badge.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:white}.employee-status-badge.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.employee-status-badge .approval-info-box{width:100%;margin-top:8px}.employee-status-badge .approval-details{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,0.2);padding:8px 10px;border-radius:8px;margin-top:5px}.employee-status-badge .approval-details small{display:flex;align-items:center;gap:6px;color:white;font-size:11px;opacity:0.95}.employee-status-badge .approval-details small i{font-size:10px}.admin-approve-btn.approved-btn{background:linear-gradient(135deg,#6c757d 0%,#495057 100%)!important;border:none!important;cursor:not-allowed!important;opacity:0.8}.admin-approve-btn.approved-btn:hover{background:linear-gradient(135deg,#5a6268 0%,#3d4349 100%)!important}.admin-approve-btn.approved-btn i{color:#28a745!important}.employee-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin:0}.employee-card-actions .btn{flex:1;min-width:100px;padding:7px 12px;font-size:12px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px}.loading-employees{text-align:center;padding:60px 20px}.loading-spinner{margin-bottom:20px}.loading-spinner i{font-size:48px;color:#667eea;animation:spin 1s linear infinite}.loading-employees p{font-size:16px;color:#64748b;margin:0}.no-employees{text-align:center;padding:80px 20px;background:linear-gradient(135deg,rgba(102,126,234,0.05)0%,rgba(118,75,162,0.05)100%);border-radius:20px;border:2px dashed rgba(102,126,234,0.2)}.no-employees i{font-size:72px;color:#cbd5e1;margin-bottom:24px;display:block}.no-employees p{font-size:18px;color:#64748b;margin:0;font-weight:600}@media(max-width:1400px){.employees-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}}@media(max-width:1024px){.employees-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:768px){.employees-cards-container{padding:16px!important}.employees-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;margin-bottom:20px!important;padding-bottom:12px!important}.employees-title{font-size:20px!important}.employee-card{padding:12px 16px!important}.employee-card-body{flex-direction:column!important;width:100%!important}.employee-stat{width:100%!important;min-width:100%!important;flex:none!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.employee-stat-value,.employee-stat-label{width:100%!important;text-align:center!important}.employee-stat .salary-breakdown,.employee-stat .attendance-summary,.employee-stat .calculated-salary{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.employee-stat .salary-breakdown .net-salary,.employee-stat .salary-breakdown .salary-details{width:100%!important;text-align:center!important}.employee-stat .salary-breakdown .salary-details small{text-align:center!important;display:block!important;width:100%!important}.employee-stat .attendance-stats{width:100%!important;justify-content:center!important}.employee-stat .attendance-stats .stat-item{flex:1!important;min-width:80px!important}.employee-card-actions .btn{min-width:85px!important;font-size:11px!important}.employee-email{display:block!important}}.timika-salary-calculator{max-width:800px}.calculator-form{background:var(--timika-light);padding:25px;border-radius:var(--timika-radius);margin-bottom:25px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:bold;color:var(--timika-dark);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid var(--timika-border);border-radius:4px;font-family:inherit;font-size:14px;transition:var(--timika-transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--timika-primary);box-shadow:0 0 0 2px rgba(76,175,80,0.2)}.calculator-actions{display:flex;gap:15px;justify-content:center}.calculator-result{background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);padding:25px;margin-top:25px}.calculator-result h4{margin:0 0 20px 0;color:var(--timika-dark);font-size:18px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:2px solid var(--timika-primary)}.result-breakdown{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--timika-light)}.result-item:last-child{border-bottom:none}.result-item.total{border-top:2px solid var(--timika-primary);margin-top:15px;padding-top:20px;font-weight:bold;font-size:18px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px;border-radius:var(--timika-radius)}.result-separator{height:2px;background:var(--timika-border);margin:15px 0;border-radius:1px}.requests-section{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)!important;border-radius:32px!important;box-shadow:0 25px 80px rgba(240,147,251,0.25)!important;border:1px solid rgba(255,255,255,0.1)!important;padding:0!important;margin-bottom:40px!important;position:relative!important;overflow:hidden!important}.requests-section::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grain2" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" fill-opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain2)"/></svg>')!important;pointer-events:none!important}.requests-section .section-header{background:linear-gradient(135deg,rgba(255,255,255,0.15)0%,rgba(255,255,255,0.05)100%)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:32px 40px!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,0.1)!important;border-radius:32px 32px 0 0!important;position:relative!important;z-index:2!important}.requests-section .section-header h3{font-size:36px!important;font-weight:900!important;background:linear-gradient(135deg,#ffffff 0%,#fef7ff 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:0!important;text-shadow:0 4px 12px rgba(0,0,0,0.1)!important;display:flex!important;align-items:center!important;gap:16px!important}.requests-section .section-header h3 i{background:linear-gradient(135deg,#f472b6,#ec4899)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:40px!important;filter:drop-shadow(0 4px 8px rgba(244,114,182,0.3))!important}.requests-section .section-header p{color:rgba(255,255,255,0.8)!important;font-size:18px!important;font-weight:500!important;margin:8px 0 0 0!important;text-shadow:0 2px 4px rgba(0,0,0,0.1)!important}.requests-stats{background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:24px 40px!important;margin:0!important;border-bottom:1px solid rgba(0,0,0,0.05)!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:20px!important;position:relative!important;z-index:2!important}.stat-card{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%)!important;border-radius:20px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;box-shadow:0 6px 20px rgba(0,0,0,0.08)!important;border:1px solid rgba(0,0,0,0.05)!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;overflow:hidden!important}.stat-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#f093fb,#f5576c)!important;transform:scaleX(0)!important;transition:transform 0.3s ease!important}.stat-card:hover::before{transform:scaleX(1)!important}.stat-card:hover{transform:translateY(-4px)scale(1.03)!important;box-shadow:0 12px 32px rgba(240,147,251,0.15)!important}.stat-card .stat-icon{width:56px!important;height:56px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;color:#ffffff!important;background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 6px 16px rgba(240,147,251,0.3)!important;transition:all 0.3s ease!important}.stat-card:hover .stat-icon{transform:rotate(8deg)scale(1.1)!important;box-shadow:0 8px 24px rgba(240,147,251,0.4)!important}.stat-card .stat-info h4{font-size:24px!important;font-weight:800!important;color:#1e293b!important;margin:0 0 4px 0!important;text-shadow:0 2px 4px rgba(0,0,0,0.05)!important}.stat-card .stat-info p{font-size:14px!important;color:#64748b!important;margin:0!important;font-weight:600!important}.requests-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;padding:32px 40px 40px 40px!important;border-radius:0 0 32px 32px!important;position:relative!important;z-index:2!important}.requests-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;gap:24px!important}.request-card{background:linear-gradient(135deg,#ffffff 0%,#fefefe 100%)!important;border-radius:24px!important;box-shadow:0 10px 40px rgba(0,0,0,0.08)!important;border:2px solid rgba(240,147,251,0.1)!important;padding:28px!important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:20px!important}.request-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#f093fb,#f5576c,#667eea)!important;transform:scaleX(0)!important;transition:transform 0.4s ease!important}.request-card:hover::before{transform:scaleX(1)!important}.request-card:hover{transform:translateY(-8px)scale(1.02)!important;box-shadow:0 20px 60px rgba(240,147,251,0.2)!important;border-color:#f093fb!important}.request-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.request-type{display:flex!important;align-items:center!important;gap:12px!important;font-size:18px!important;font-weight:700!important;color:#1e293b!important}.request-type i{background:linear-gradient(135deg,#f093fb,#f5576c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:22px!important}.request-status .status-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 16px!important;border-radius:20px!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.5px!important;box-shadow:0 4px 12px rgba(0,0,0,0.1)!important}.status-badge.status-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(245,158,11,0.3)!important}.status-badge.status-success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(16,185,129,0.3)!important}.status-badge.status-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(239,68,68,0.3)!important}.status-badge.status-info{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#ffffff!important;box-shadow:0 4px 16px rgba(6,182,212,0.3)!important}.request-body{display:flex!important;flex-direction:column!important;gap:16px!important}.request-amount{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)!important;border-radius:16px!important;border:1px solid #bbf7d0!important}.amount-label{font-size:15px!important;font-weight:600!important;color:#059669!important}.amount-value{font-size:20px!important;font-weight:800!important;color:#047857!important;text-shadow:0 2px 4px rgba(4,120,87,0.2)!important}.request-description{padding:16px 20px!important;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border-radius:16px!important;border:1px solid #e2e8f0!important}.request-description p{color:#475569!important;font-size:15px!important;line-height:1.6!important;margin:0!important;font-weight:500!important}.request-meta{display:flex!important;flex-direction:column!important;gap:8px!important}.meta-item{display:flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;color:#64748b!important;font-weight:500!important}.meta-item i{color:#f093fb!important;font-size:16px!important;width:16px!important}.request-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;flex-wrap:wrap!important;padding-top:16px!important;border-top:1px solid #e2e8f0!important}.request-actions .btn{min-width:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:14px!important;font-weight:600!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:0 4px 12px rgba(0,0,0,0.1)!important;border:2px solid transparent!important;padding:8px 16px!important}.request-actions .btn:hover{transform:translateY(-2px)scale(1.05)!important;box-shadow:0 8px 24px rgba(0,0,0,0.15)!important}.no-requests-message{text-align:center!important;padding:60px 40px!important;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%)!important;border-radius:24px!important;border:2px dashed #e2e8f0!important;position:relative!important;overflow:hidden!important}.no-requests-message::before{content:''!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(240,147,251,0.05)0%,transparent 70%)!important;animation:float 6s ease-in-out infinite!important}@keyframes float{0%,100%{transform:translate(-50%,-50%)rotate(0deg)}50%{transform:translate(-50%,-50%)rotate(180deg)}}.empty-state-icon{margin-bottom:24px!important;position:relative!important;z-index:1!important}.empty-state-icon i{font-size:80px!important;background:linear-gradient(135deg,#f093fb,#f5576c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 4px 8px rgba(240,147,251,0.3))!important}.no-requests-message h3{font-size:28px!important;font-weight:800!important;color:#1e293b!important;margin:0 0 12px 0!important;position:relative!important;z-index:1!important}.no-requests-message p{font-size:16px!important;color:#64748b!important;margin:0 0 32px 0!important;position:relative!important;z-index:1!important;font-weight:500!important}#create-first-request-btn{background:linear-gradient(135deg,#f093fb,#f5576c)!important;color:#ffffff!important;border:none!important;padding:16px 32px!important;border-radius:20px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(240,147,251,0.3)!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;z-index:1!important;text-transform:uppercase!important;letter-spacing:0.5px!important}#create-first-request-btn:hover{transform:translateY(-3px)scale(1.05)!important;box-shadow:0 12px 32px rgba(240,147,251,0.4)!important}#create-first-request-btn i{margin-left:8px!important;font-size:18px!important}.admin-management-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;border-radius:20px!important;box-shadow:0 10px 40px rgba(0,0,0,0.08)!important;border:1px solid #e3f2fd!important;padding:32px!important;margin-bottom:32px!important;position:relative!important;overflow:hidden!important}.admin-management-section::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:5px!important;background:linear-gradient(90deg,#4CAF50,#2196F3,#FF9800,#9C27B0)!important}.admin-management-section .section-header{margin-bottom:32px!important;padding-bottom:20px!important;border-bottom:3px solid #e8f5e8!important;position:relative!important}.admin-management-section .section-header h2{font-size:32px!important;font-weight:800!important;color:#1a237e!important;margin:0!important;display:flex!important;align-items:center!important;gap:16px!important;text-shadow:0 2px 4px rgba(0,0,0,0.1)!important}.admin-management-section .section-header h2 i{color:#4CAF50!important;font-size:36px!important;text-shadow:0 2px 8px rgba(76,175,80,0.3)!important}.admin-stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:15px!important;margin-bottom:20px!important}.admin-stat-card{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;border-radius:12px!important;border:2px solid rgba(76,175,80,0.1)!important;box-shadow:0 4px 16px rgba(0,0,0,0.08)!important;padding:16px!important;transition:all 0.3s ease!important;text-align:center!important}.admin-stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px rgba(0,0,0,0.15)!important;border-color:rgba(76,175,80,0.3)!important}.advanced-filters-container{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;border-radius:16px!important;padding:16px!important;margin-bottom:20px!important;border:2px solid rgba(76,175,80,0.1)!important;box-shadow:0 4px 16px rgba(0,0,0,0.06)!important}.filters-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:2px solid rgba(76,175,80,0.1)!important}.filters-header h3{font-size:16px!important;font-weight:700!important;color:#1a237e!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important}.filters-header h3 i{color:#4CAF50!important;font-size:18px!important}.filters-toggle{display:flex!important;gap:8px!important;align-items:center!important}.filters-toggle .btn{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}.filters-toggle .btn i{font-size:11px!important}.search-container{margin-bottom:12px!important}.search-input-wrapper{position:relative!important;background:#ffffff!important;border-radius:10px!important;border:2px solid rgba(76,175,80,0.2)!important;box-shadow:0 2px 8px rgba(0,0,0,0.05)!important;transition:all 0.3s ease!important;overflow:hidden!important}.search-input-wrapper:focus-within{border-color:#4CAF50!important;box-shadow:0 8px 32px rgba(76,175,80,0.2)!important;transform:translateY(-2px)!important}.search-icon{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#4CAF50!important;font-size:16px!important;z-index:2!important;transition:all 0.3s ease!important}.advanced-search-input{width:100%!important;padding:10px 44px 10px 44px!important;border:none!important;background:transparent!important;font-size:14px!important;font-weight:500!important;color:#333!important;outline:none!important;font-family:'Vazirmatn',Arial,sans-serif!important;direction:rtl!important}.advanced-search-input::placeholder{color:#999!important;font-weight:400!important}.clear-search{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(255,87,34,0.1)!important;border:none!important;border-radius:50%!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#FF5722!important;cursor:pointer!important;transition:all 0.3s ease!important;z-index:2!important;font-size:12px!important}.clear-search:hover{background:rgba(255,87,34,0.2)!important;transform:translateY(-50%)scale(1.1)!important}.search-suggestions{position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#ffffff!important;border:2px solid rgba(76,175,80,0.2)!important;border-top:none!important;border-radius:0 0 16px 16px!important;box-shadow:0 8px 32px rgba(0,0,0,0.1)!important;max-height:300px!important;overflow-y:auto!important;z-index:1000!important;display:none!important}.search-suggestion-item{padding:12px 16px!important;cursor:pointer!important;border-bottom:1px solid rgba(0,0,0,0.05)!important;transition:all 0.2s ease!important;display:flex!important;align-items:center!important;gap:12px!important;direction:rtl!important}.search-suggestion-item:hover,.search-suggestion-item.active{background:rgba(76,175,80,0.1)!important;color:#4CAF50!important}.search-suggestion-item i{color:#4CAF50!important;width:16px!important}.search-suggestion-text{flex:1!important;font-weight:500!important}.search-suggestion-type{font-size:12px!important;color:#666!important;background:rgba(76,175,80,0.1)!important;padding:2px 8px!important;border-radius:8px!important}.search-stats{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important;padding:6px 12px!important;background:rgba(76,175,80,0.05)!important;border-radius:8px!important;font-size:12px!important;color:#666!important}.results-count{font-weight:600!important;color:#4CAF50!important}.search-time{font-size:11px!important;color:#999!important}.quick-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important;margin-bottom:12px!important}.filter-group{display:flex!important;flex-direction:column!important;gap:6px!important}.filter-group label{font-weight:600!important;color:#333!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:6px!important;direction:rtl!important}.filter-group label i{color:#4CAF50!important;width:14px!important;font-size:14px!important}.advanced-select{padding:8px 12px!important;border:2px solid rgba(76,175,80,0.2)!important;border-radius:8px!important;background:#ffffff!important;font-size:13px!important;font-weight:500!important;color:#333!important;outline:none!important;transition:all 0.3s ease!important;font-family:'Vazirmatn',Arial,sans-serif!important;direction:rtl!important;cursor:pointer!important}.advanced-select:focus{border-color:#4CAF50!important;box-shadow:0 4px 16px rgba(76,175,80,0.2)!important}.advanced-filters{background:rgba(76,175,80,0.03)!important;border-radius:12px!important;padding:12px!important;margin-top:12px!important;border:1px solid rgba(76,175,80,0.1)!important}.filters-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;margin-bottom:16px!important}.filters-row:last-child{margin-bottom:0!important}.range-inputs,.date-inputs{display:flex!important;align-items:center!important;gap:10px!important;direction:rtl!important;flex-wrap:nowrap!important;width:100%!important}.range-input,.date-input{flex:1 1 auto!important;min-width:100px!important;max-width:140px!important;padding:10px 12px!important;border:2px solid rgba(76,175,80,0.2)!important;border-radius:8px!important;background:#ffffff!important;font-size:13px!important;font-weight:500!important;color:#333!important;outline:none!important;transition:all 0.3s ease!important;font-family:'Vazirmatn',Arial,sans-serif!important;direction:rtl!important}.range-input:focus,.date-input:focus{border-color:#4CAF50!important;box-shadow:0 4px 16px rgba(76,175,80,0.2)!important}.range-separator,.date-separator{font-weight:600!important;color:#666!important;white-space:nowrap!important;font-size:12px!important}.filters-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important;padding-top:12px!important;border-top:2px solid rgba(76,175,80,0.1)!important}.filter-presets{display:flex!important;align-items:center!important;gap:8px!important;margin-right:auto!important}.filter-presets select{min-width:200px!important}@keyframes searchPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.search-input-wrapper.searching .search-icon{animation:searchPulse 1s infinite!important;color:#FF9800!important}.search-input-wrapper.has-results .search-icon{color:#4CAF50!important}.search-input-wrapper.no-results .search-icon{color:#FF5722!important}@media(max-width:992px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}.filters-row{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.filter-group{min-width:0!important}}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr!important;gap:10px!important}.admin-stat-card{padding:12px!important}.admin-stat-card .stat-info h3{font-size:20px!important}.admin-stat-card .stat-info p{font-size:11px!important}.advanced-filters-container{padding:12px!important;margin-bottom:15px!important}.filters-header{flex-direction:column!important;gap:16px!important;align-items:flex-start!important}.filters-toggle{width:100%!important;justify-content:space-between!important}.quick-filters{grid-template-columns:1fr!important}.filters-row{grid-template-columns:1fr!important}.range-inputs,.date-inputs{flex-wrap:wrap!important;gap:8px!important}.range-input,.date-input{min-width:80px!important;max-width:none!important;flex:1 1 45%!important}.filters-actions{flex-direction:column!important;align-items:stretch!important}.filter-presets{margin-right:0!important;flex-direction:column!important;gap:12px!important}.advanced-search-input{padding:14px 48px 14px 48px!important;font-size:14px!important}}.admin-stat-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,var(--timika-primary),var(--timika-secondary))!important;transform:scaleX(0)!important;transition:transform 0.3s ease!important}.admin-stat-card:hover::before{transform:scaleX(1)!important}.admin-stat-card:hover{transform:translateY(-6px)scale(1.02)!important;box-shadow:0 16px 48px rgba(0,0,0,0.18)!important;border-color:var(--timika-primary)!important}.admin-stat-card .stat-info{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}.admin-stat-card .stat-info p{font-size:12px!important;color:#666!important;margin:0!important;font-weight:600!important;order:1!important}.admin-stat-card .stat-info h3{font-size:24px!important;font-weight:800!important;color:#1a237e!important;margin:0!important;line-height:1.2!important;order:2!important}.employees-filters{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important;border-radius:16px!important;padding:24px!important;margin-bottom:32px!important;box-shadow:inset 0 2px 8px rgba(0,0,0,0.06)!important;border:1px solid #dee2e6!important;display:flex!important;gap:24px!important;flex-wrap:wrap!important;align-items:end!important}.employees-filters .filter-group{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:180px!important}.employees-filters .filter-group label{font-size:14px!important;font-weight:700!important;color:#1a237e!important;margin:0!important}.employees-filters .filter-group select,.employees-filters .filter-group input{padding:12px 16px!important;border:2px solid #e0e0e0!important;border-radius:10px!important;font-family:'Vazirmatn','Tahoma',sans-serif!important;font-size:14px!important;background:#ffffff!important;transition:all 0.3s ease!important;box-shadow:0 2px 8px rgba(0,0,0,0.05)!important}.employees-filters .filter-group select:focus,.employees-filters .filter-group input:focus{outline:none!important;border-color:#4CAF50!important;box-shadow:0 0 0 4px rgba(76,175,80,0.15)!important;transform:translateY(-1px)!important}.employees-table-container{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%)!important;border-radius:24px!important;box-shadow:0 12px 48px rgba(0,0,0,0.12)!important;border:1px solid #e8f5e8!important;overflow:hidden!important;position:relative!important}.employees-table-container::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:6px!important;background:linear-gradient(90deg,#4CAF50,#2196F3,#FF9800,#9C27B0)!important}.employees-table-container .table-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important;padding:24px 32px!important;border-bottom:2px solid #e8f5e8!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.employees-table-container .table-header .table-title{font-size:24px!important;font-weight:800!important;color:#1a237e!important;margin:0!important;text-shadow:0 1px 2px rgba(0,0,0,0.1)!important}.employees-table-container .table-header .table-actions{display:flex!important;align-items:center!important;gap:16px!important}.select-all-container{display:flex!important;align-items:center!important;gap:8px!important;font-weight:600!important;color:#546e7a!important;cursor:pointer!important;transition:color 0.3s ease!important}.select-all-container:hover{color:#4CAF50!important}.select-all-container input[type="checkbox"]{width:18px!important;height:18px!important;accent-color:#4CAF50!important}.table-wrapper{overflow-x:auto!important;max-height:600px!important;overflow-y:auto!important}.employees-table{width:100%!important;border-collapse:collapse!important;font-family:'Vazirmatn','Tahoma',sans-serif!important;background:#ffffff!important}.employees-table thead{background:linear-gradient(135deg,#4CAF50 0%,#66BB6A 100%)!important;position:sticky!important;top:0!important;z-index:10!important}.employees-table thead th{padding:20px 16px!important;text-align:right!important;font-weight:700!important;font-size:15px!important;color:#ffffff!important;border-bottom:3px solid #388E3C!important;text-shadow:0 1px 2px rgba(0,0,0,0.2)!important;white-space:nowrap!important}.employees-table thead th.check-column{width:60px!important;text-align:center!important}.employees-table thead th input[type="checkbox"]{width:18px!important;height:18px!important;accent-color:#ffffff!important}.employees-table tbody tr{transition:all 0.3s ease!important;border-bottom:1px solid #f0f0f0!important}.employees-table tbody tr:nth-child(even){background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)!important}.employees-table tbody tr:hover{background:linear-gradient(135deg,#e8f5e8 0%,#f1f8e9 100%)!important;transform:scale(1.01)!important;box-shadow:0 4px 16px rgba(76,175,80,0.15)!important;border-color:#4CAF50!important}.employees-table tbody td{padding:20px 16px!important;vertical-align:middle!important;font-size:14px!important;color:#333333!important;border-bottom:1px solid #f0f0f0!important}.employees-table tbody td.check-column{text-align:center!important}.employees-table tbody td input[type="checkbox"]{width:16px!important;height:16px!important;accent-color:#4CAF50!important}.employee-info{display:flex!important;flex-direction:column!important;gap:4px!important}.employee-info strong{font-size:16px!important;font-weight:700!important;color:#1a237e!important}.employee-info small{font-size:13px!important;color:#546e7a!important;opacity:0.8!important}.section-badge{display:inline-block!important;padding:6px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.5px!important;box-shadow:0 2px 8px rgba(0,0,0,0.1)!important}.section-badge.section-management{background:linear-gradient(135deg,#9C27B0,#BA68C8)!important;color:#ffffff!important}.section-badge.section-hr{background:linear-gradient(135deg,#2196F3,#42A5F5)!important;color:#ffffff!important}.section-badge.section-finance{background:linear-gradient(135deg,#FF9800,#FFB74D)!important;color:#ffffff!important}.section-badge.section-it{background:linear-gradient(135deg,#4CAF50,#66BB6A)!important;color:#ffffff!important}.section-badge.section-sales{background:linear-gradient(135deg,#F44336,#EF5350)!important;color:#ffffff!important}.section-badge.section-unknown{background:linear-gradient(135deg,#607D8B,#78909C)!important;color:#ffffff!important}.salary-amount{font-size:16px!important;font-weight:700!important;color:#4CAF50!important;text-shadow:0 1px 2px rgba(0,0,0,0.1)!important}.attendance-summary{display:flex!important;flex-direction:column!important;gap:4px!important}.attendance-stats{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.attendance-stats .stat-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:8px 12px!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-radius:10px!important;border:1px solid #dee2e6!important;min-width:60px!important}.attendance-stats .stat-item .stat-value{font-size:16px!important;font-weight:700!important;color:#1a237e!important}.attendance-stats .stat-item .stat-label{font-size:11px!important;color:#546e7a!important;font-weight:500!important}.calculated-salary{display:flex!important;flex-direction:column!important;gap:4px!important}.salary-breakdown .net-salary{font-size:18px!important;font-weight:800!important;color:#4CAF50!important;text-shadow:0 1px 2px rgba(0,0,0,0.1)!important}.salary-breakdown .salary-details{display:flex!important;flex-direction:column!important;gap:2px!important}.salary-breakdown .salary-details small{font-size:11px!important;color:#546e7a!important}.payroll-status{display:flex!important;justify-content:center!important}.status-badge.pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;color:#e65100!important;border:1px solid #ffcc02!important}.status-badge.calculated{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;color:#0d47a1!important;border:1px solid #2196f3!important}.status-badge.approved{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)!important;color:#1b5e20!important;border:1px solid #4caf50!important}.action-buttons{display:flex!important;gap:8px!important;justify-content:center!important;flex-wrap:wrap!important}.action-buttons .btn{min-width:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:0 4px 12px rgba(0,0,0,0.15)!important;border:none!important;cursor:pointer!important}.action-buttons .btn:hover{transform:translateY(-2px)scale(1.05)!important;box-shadow:0 8px 24px rgba(0,0,0,0.2)!important}.action-buttons .btn.btn-primary{background:linear-gradient(135deg,#4CAF50,#66BB6A)!important;color:#ffffff!important}.action-buttons .btn.btn-info{background:linear-gradient(135deg,#2196F3,#42A5F5)!important;color:#ffffff!important}.action-buttons .btn.btn-success{background:linear-gradient(135deg,#4CAF50,#66BB6A)!important;color:#ffffff!important}.loading-row{text-align:center!important;padding:40px!important}.loading-state{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;color:#546e7a!important;font-size:16px!important;font-weight:500!important}.loading-state i{font-size:20px!important;color:#4CAF50!important}.error-row{text-align:center!important;padding:40px!important;color:#f44336!important;font-weight:500!important;background:linear-gradient(135deg,#ffebee,#ffcdd2)!important}.error-text{color:#f44336!important;font-weight:500!important;font-size:13px!important}.swal2-popup.enhanced-modal{border-radius:24px!important;box-shadow:0 25px 80px rgba(0,0,0,0.25)!important;border:1px solid #e8f5e8!important;overflow:hidden!important;position:relative!important}.swal2-popup.enhanced-modal::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:6px!important;background:linear-gradient(90deg,#4CAF50,#2196F3,#FF9800,#9C27B0)!important;z-index:1!important}.swal2-title.enhanced-modal-title{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important;color:#1a237e!important;font-size:24px!important;font-weight:800!important;padding:24px 32px!important;margin:0!important;border-bottom:2px solid #e8f5e8!important;text-shadow:0 2px 4px rgba(0,0,0,0.1)!important;position:relative!important;z-index:2!important}.modal-eye-icon{color:#4CAF50!important;font-size:28px!important;margin-left:12px!important;text-shadow:0 2px 8px rgba(76,175,80,0.3)!important;animation:eyeGlow 2s ease-in-out infinite alternate!important}@keyframes eyeGlow{0%{text-shadow:0 2px 8px rgba(76,175,80,0.3)!important;transform:scale(1)!important}100%{text-shadow:0 4px 16px rgba(76,175,80,0.6)!important;transform:scale(1.05)!important}}.swal2-html-container.enhanced-modal-content{padding:0!important;margin:0!important;max-height:70vh!important;overflow-y:auto!important;overflow-x:hidden!important}.swal2-html-container.enhanced-modal-content::-webkit-scrollbar{width:12px!important}.swal2-html-container.enhanced-modal-content::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:10px!important;border:1px solid #cccccc!important}.swal2-html-container.enhanced-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#FF5722,#FF7043)!important;border-radius:10px!important;border:2px solid #ffffff!important;box-shadow:0 2px 8px rgba(255,87,34,0.3)!important;transition:all 0.3s ease!important}.swal2-html-container.enhanced-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#E64A19,#FF5722)!important;box-shadow:0 4px 12px rgba(255,87,34,0.5)!important;transform:scale(1.1)!important}.employee-details-modal{font-family:'Vazirmatn','Tahoma',sans-serif!important;direction:rtl!important;text-align:right!important;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%)!important}.employee-header{background:linear-gradient(135deg,#4CAF50 0%,#66BB6A 100%)!important;color:#ffffff!important;padding:32px!important;display:flex!important;align-items:center!important;gap:24px!important;position:relative!important;overflow:hidden!important}.employee-header::before{content:''!important;position:absolute!important;top:-50%!important;right:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 70%)!important;animation:headerShine 3s ease-in-out infinite!important}@keyframes headerShine{0%,100%{transform:translate(-50%,-50%)rotate(0deg)}50%{transform:translate(-50%,-50%)rotate(180deg)}}.employee-avatar{width:100px!important;height:100px!important;border-radius:50%!important;overflow:hidden!important;border:4px solid rgba(255,255,255,0.3)!important;box-shadow:0 8px 32px rgba(0,0,0,0.2)!important;position:relative!important;z-index:1!important}.employee-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 0.3s ease!important}.employee-avatar:hover img{transform:scale(1.1)!important}.employee-info h3{font-size:28px!important;font-weight:800!important;margin:0 0 8px 0!important;text-shadow:0 2px 4px rgba(0,0,0,0.2)!important;position:relative!important;z-index:1!important}.employee-info p{font-size:16px!important;margin:0 0 12px 0!important;opacity:0.9!important;position:relative!important;z-index:1!important}.employee-info .section-badge{background:rgba(255,255,255,0.2)!important;color:#ffffff!important;padding:8px 16px!important;border-radius:20px!important;font-size:14px!important;font-weight:600!important;border:1px solid rgba(255,255,255,0.3)!important;position:relative!important;z-index:1!important}.employee-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:20px!important;padding:32px!important;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important}.employee-stats-grid .stat-card{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;border-radius:20px!important;padding:24px!important;box-shadow:0 8px 32px rgba(0,0,0,0.1)!important;border:1px solid #e9ecef!important;display:flex!important;align-items:center!important;gap:20px!important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;overflow:hidden!important}.employee-stats-grid .stat-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#4CAF50,#2196F3)!important;transform:scaleX(0)!important;transition:transform 0.3s ease!important}.employee-stats-grid .stat-card:hover::before{transform:scaleX(1)!important}.employee-stats-grid .stat-card:hover{transform:translateY(-4px)scale(1.02)!important;box-shadow:0 16px 48px rgba(0,0,0,0.15)!important}.employee-stats-grid .stat-icon{width:60px!important;height:60px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;color:#ffffff!important;background:linear-gradient(135deg,#4CAF50,#66BB6A)!important;box-shadow:0 6px 20px rgba(76,175,80,0.3)!important;transition:all 0.3s ease!important}.employee-stats-grid .stat-card:hover .stat-icon{transform:rotate(8deg)scale(1.1)!important;box-shadow:0 8px 28px rgba(76,175,80,0.4)!important}.employee-stats-grid .stat-info h4{font-size:20px!important;font-weight:800!important;color:#1a237e!important;margin:0 0 4px 0!important;text-shadow:0 1px 2px rgba(0,0,0,0.1)!important}.employee-stats-grid .stat-info p{font-size:14px!important;color:#546e7a!important;margin:0!important;font-weight:500!important}.employee-payroll-breakdown{padding:32px!important;background:#ffffff!important}.employee-payroll-breakdown h4{font-size:20px!important;font-weight:700!important;color:#1a237e!important;margin:0 0 24px 0!important;display:flex!important;align-items:center!important;gap:12px!important}.employee-payroll-breakdown h4 i{color:#4CAF50!important;font-size:22px!important}.breakdown-grid{display:grid!important;gap:16px!important}.breakdown-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important;border-radius:12px!important;border:1px solid #dee2e6!important;transition:all 0.3s ease!important}.breakdown-item:hover{background:linear-gradient(135deg,#e8f5e8 0%,#f1f8e9 100%)!important;border-color:#4CAF50!important;transform:translateX(-4px)!important}.breakdown-item.deduction{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%)!important;border-color:#f44336!important}.breakdown-item.deduction:hover{background:linear-gradient(135deg,#fce4ec 0%,#f8bbd9 100%)!important}.breakdown-item.total{background:linear-gradient(135deg,#e8f5e8 0%,#c8e6c9 100%)!important;border:2px solid #4CAF50!important;font-weight:700!important}.breakdown-label{font-size:15px!important;font-weight:600!important;color:#333333!important}.breakdown-value{font-size:16px!important;font-weight:700!important;color:#1a237e!important}.breakdown-item.deduction .breakdown-value{color:#f44336!important}.breakdown-item.total .breakdown-value{color:#4CAF50!important;font-size:18px!important}.employee-attendance-summary{padding:32px!important;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important}.employee-attendance-summary h4{font-size:20px!important;font-weight:700!important;color:#1a237e!important;margin:0 0 24px 0!important;display:flex!important;align-items:center!important;gap:12px!important}.employee-attendance-summary h4 i{color:#2196F3!important;font-size:22px!important}.attendance-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:16px!important}.attendance-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;background:#ffffff!important;border-radius:12px!important;border:1px solid #dee2e6!important;box-shadow:0 4px 12px rgba(0,0,0,0.05)!important;transition:all 0.3s ease!important}.attendance-item:hover{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)!important;border-color:#2196F3!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(33,150,243,0.15)!important}.attendance-label{font-size:15px!important;font-weight:600!important;color:#333333!important}.attendance-value{font-size:16px!important;font-weight:700!important;color:#2196F3!important}.custom-close-btn{position:absolute!important;top:15px!important;right:15px!important;width:44px!important;height:44px!important;background:linear-gradient(135deg,#f44336,#ef5350)!important;color:#ffffff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important;z-index:999999!important;box-shadow:0 6px 16px rgba(244,67,54,0.4)!important;transition:all 0.3s ease!important;border:2px solid #ffffff!important;outline:none!important}.custom-close-btn:hover{background:linear-gradient(135deg,#d32f2f,#f44336)!important;transform:scale(1.15)rotate(90deg)!important;box-shadow:0 8px 24px rgba(244,67,54,0.6)!important;border-color:#ffebee!important}.swal2-close.enhanced-close-button,.swal2-close{display:flex!important;align-items:center!important;justify-content:center!important;font-family:Arial,sans-serif!important;font-weight:normal!important;line-height:1!important}.swal2-close.enhanced-close-button:hover,.swal2-close:hover{background:linear-gradient(135deg,#d32f2f,#f44336)!important;transform:scale(1.15)rotate(90deg)!important;box-shadow:0 8px 24px rgba(244,67,54,0.6)!important;border-color:#ffebee!important}.swal2-close.enhanced-close-button:focus,.swal2-close:focus{outline:none!important;box-shadow:0 0 0 4px rgba(244,67,54,0.3)!important}.swal2-popup.enhanced-modal{animation:modalSlideIn 0.4s cubic-bezier(0.4,0,0.2,1)!important}@keyframes modalSlideIn{0%{opacity:0!important;transform:scale(0.8)translateY(-20px)!important}100%{opacity:1!important;transform:scale(1)translateY(0)!important}}.status-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.status-indicator.status-present{background:linear-gradient(135deg,#4CAF50,#45a049);box-shadow:0 2px 8px rgba(76,175,80,0.4)}.status-indicator.status-left{background:linear-gradient(135deg,#FF9800,#F57C00);box-shadow:0 2px 8px rgba(255,152,0,0.4)}.status-indicator.status-absent{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px rgba(244,67,54,0.4)}.status-indicator.status-unknown{background:linear-gradient(135deg,#9E9E9E,#757575);box-shadow:0 2px 8px rgba(158,158,158,0.4)}.employee-badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.section-badge,.position-badge,.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.section-badge{background:linear-gradient(135deg,#2196F3,#1976D2)}.position-badge{background:linear-gradient(135deg,#9C27B0,#7B1FA2)}.status-badge.status-present{background:linear-gradient(135deg,#4CAF50,#388E3C)}.status-badge.status-left{background:linear-gradient(135deg,#FF9800,#F57C00)}.status-badge.status-absent{background:linear-gradient(135deg,#f44336,#d32f2f)}.status-badge.status-unknown{background:linear-gradient(135deg,#9E9E9E,#757575)}.employee-meta{margin-top:12px;display:flex;flex-direction:column;gap:6px}.employee-meta small{color:#666;font-size:13px;display:flex;align-items:center;gap:6px}.employee-meta small i{color:#4CAF50;width:14px}.stat-card.salary-card .stat-icon{background:linear-gradient(135deg,#4CAF50,#45a049)}.stat-card.attendance-card .stat-icon{background:linear-gradient(135deg,#2196F3,#1976D2)}.stat-card.overtime-card .stat-icon{background:linear-gradient(135deg,#FF9800,#F57C00)}.stat-card.net-salary-card .stat-icon{background:linear-gradient(135deg,#9C27B0,#7B1FA2)}.employee-details-tabs{margin-top:24px}.tab-navigation{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:20px;gap:4px}.tab-btn{padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all 0.3s ease;font-family:'Vazirmatn','Tahoma',sans-serif;position:relative}.tab-btn:hover{background:#f5f5f5;color:#4CAF50}.tab-btn.active{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,0.3)}.tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4CAF50}.tab-content{display:none;animation:fadeIn 0.3s ease}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breakdown-item.income{border-right:4px solid #4CAF50;background:linear-gradient(90deg,rgba(76,175,80,0.1),transparent)}.breakdown-item.subtotal{border-right:4px solid #2196F3;background:linear-gradient(90deg,rgba(33,150,243,0.1),transparent);font-weight:600}.breakdown-item.deduction{border-right:4px solid #f44336;background:linear-gradient(90deg,rgba(244,67,54,0.1),transparent)}.breakdown-item.total{border-right:4px solid #9C27B0;background:linear-gradient(90deg,rgba(156,39,176,0.1),transparent);font-weight:700;font-size:16px}.attendance-item.present{border-right:4px solid #4CAF50;background:linear-gradient(90deg,rgba(76,175,80,0.1),transparent)}.attendance-item.absent{border-right:4px solid #f44336;background:linear-gradient(90deg,rgba(244,67,54,0.1),transparent)}.attendance-item.overtime{border-right:4px solid #FF9800;background:linear-gradient(90deg,rgba(255,152,0,0.1),transparent)}.attendance-item.late{border-right:4px solid #FF5722;background:linear-gradient(90deg,rgba(255,87,34,0.1),transparent)}.attendance-item.average{border-right:4px solid #2196F3;background:linear-gradient(90deg,rgba(33,150,243,0.1),transparent)}.attendance-item.break{border-right:4px solid #795548;background:linear-gradient(90deg,rgba(121,85,72,0.1),transparent)}.attendance-item.time{border-right:4px solid #607D8B;background:linear-gradient(90deg,rgba(96,125,139,0.1),transparent)}.employee-personal-info h4{color:#2c3e50;margin-bottom:20px;font-size:18px;display:flex;align-items:center;gap:8px}.personal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-right:4px solid #4CAF50}.info-label{font-weight:500;color:#495057}.info-value{font-weight:600;color:#2c3e50}.employee-performance h4{color:#2c3e50;margin-bottom:20px;font-size:18px;display:flex;align-items:center;gap:8px}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.performance-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e9ecef;transition:all 0.3s ease}.performance-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.performance-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;font-size:20px}.performance-info h5{margin:0 0 12px 0;color:#2c3e50;font-size:16px;font-weight:600}.performance-value{font-size:24px;font-weight:700;color:#4CAF50}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4CAF50,#45a049);border-radius:4px;transition:width 0.3s ease}@media(max-width:768px){.employee-badges{justify-content:center}.tab-navigation{flex-wrap:wrap;justify-content:center}.tab-btn{font-size:12px;padding:10px 16px}.personal-info-grid{grid-template-columns:1fr}.performance-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:768px){.employee-stats-grid{grid-template-columns:1fr!important;padding:20px!important}.attendance-grid{grid-template-columns:1fr!important}.employee-header{flex-direction:column!important;text-align:center!important;padding:24px!important}.employee-info h3{font-size:24px!important}.modal-eye-icon{font-size:24px!important}}.profile-info{max-width:800px}.profile-card{background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);overflow:hidden}.profile-header{background:linear-gradient(135deg,var(--timika-primary),#66BB6A);color:white;padding:30px;display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,0.3)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-details h3{margin:0 0 5px 0;font-size:24px}.profile-details p{margin:0 0 10px 0;opacity:0.9}.employee-code{background:rgba(255,255,255,0.2);padding:4px 8px;border-radius:12px;font-size:12px}.profile-data{padding:25px}.data-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--timika-light)}.data-row:last-child{border-bottom:none;margin-bottom:0}.data-item{display:flex;flex-direction:column;gap:5px}.data-item label{font-size:12px;font-weight:bold;color:#666;text-transform:uppercase}.data-item strong,.data-item span{font-size:16px;color:var(--timika-dark)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.report-card{background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);padding:25px;text-align:center;transition:var(--timika-transition)}.report-card:hover{transform:translateY(-3px);box-shadow:var(--timika-shadow)}.report-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--timika-secondary),#42A5F5);color:white;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.report-content h4{margin:0 0 10px 0;color:var(--timika-dark);font-size:18px}.report-content p{margin:0 0 20px 0;color:#666;font-size:14px;line-height:1.5}.reports-chart{background:white;border:1px solid var(--timika-border);border-radius:var(--timika-radius);padding:25px}.reports-chart h4{margin:0 0 20px 0;color:var(--timika-dark);font-size:18px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--timika-light)}.reports-chart canvas{max-height:400px}.timika-empty-state{text-align:center;padding:60px 20px;color:#666}.timika-empty-state i{font-size:64px;color:var(--timika-border);margin-bottom:20px}.timika-empty-state h3{margin:0 0 10px 0;color:var(--timika-dark);font-size:20px}.timika-empty-state p{margin:0 0 20px 0;font-size:16px;line-height:1.5}.timika-notice{display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:var(--timika-radius);margin-bottom:20px;font-size:14px}.timika-notice-info{background:#e3f2fd;color:#1565c0;border-left:4px solid var(--timika-info)}.timika-notice-success{background:#e8f5e8;color:#2e7d32;border-left:4px solid var(--timika-success)}.timika-notice-warning{background:#fff8e1;color:#f57c00;border-left:4px solid var(--timika-warning)}.timika-notice-error{background:#ffebee;color:#c62828;border-left:4px solid var(--timika-error)}@media(max-width:1200px){.timika-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.timika-tabs-nav{flex-wrap:wrap}.timika-tab-btn{min-width:100px;padding:12px 15px;font-size:12px}.timika-tab-content{padding:15px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.timika-stats-grid{grid-template-columns:1fr}.timika-stat-card{padding:15px}.stat-icon{width:50px;height:50px;font-size:20px}.stat-content h3{font-size:20px}.form-row{grid-template-columns:1fr}.calculator-actions{flex-direction:column}.payslip-item,.request-item{flex-direction:column;align-items:flex-start;gap:15px}.payslip-actions{align-self:stretch;justify-content:center}.profile-header{flex-direction:column;text-align:center}.data-row{grid-template-columns:1fr}.reports-grid{grid-template-columns:1fr}.timika-payslips-filters{flex-direction:column;gap:15px}}@media(max-width:480px){.timika-tab-btn{padding:10px 12px;min-width:80px}.timika-tab-btn span{display:none}.timika-tab-content{padding:10px}.timika-dashboard-section,.calculator-form,.calculator-result{padding:15px}.payslip-amounts{grid-template-columns:1fr}.payslip-actions{flex-direction:column}.amount-item{flex-direction:column;align-items:flex-start;gap:5px}.amount-item strong{align-self:flex-end}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.timika-stat-card:hover .stat-icon{animation:pulse 0.6s ease-in-out}.payslip-item,.request-item{animation:slideIn 0.3s ease-out}@media(prefers-color-scheme:dark){:root{--timika-dark:#f5f5f5;--timika-light:#2a2a2a;--timika-border:#404040}.timika-payroll-panel{background:#1a1a1a;color:#f5f5f5}.timika-tab-content,.timika-dashboard-section,.profile-card,.calculator-result,.reports-chart{background:#2a2a2a;border-color:#404040}.form-group input,.form-group select,.form-group textarea{background:#333;color:#f5f5f5;border-color:#404040}}.timika-payroll-modal{font-family:'Vazirmatn','Tahoma',sans-serif!important;border-radius:20px!important;padding:0!important}.timika-payroll-modal .swal2-title{padding:25px 30px 15px!important;margin:0!important;font-size:24px!important}.timika-payroll-modal .swal2-icon,.timika-payroll-modal .swal2-image{display:none!important}.timika-payroll-modal .swal2-header{padding-bottom:0!important}.timika-payroll-modal .payroll-input.persian-converted,.timika-payroll-modal .payroll-input.persian-display-input,.timika-payroll-modal input[type="date"].payroll-input{text-align:center!important}.timika-requests-modal{font-family:'Vazirmatn','Tahoma',sans-serif!important}.timika-requests-modal .swal2-title{display:none!important}.timika-requests-modal .swal2-header{display:none!important}.timika-requests-modal .swal2-html-container{padding:20px!important;margin:0!important}.timika-requests-modal .swal2-popup{padding-top:20px!important}.timika-requests-modal .admin-request-card{animation:slideInUp 0.4s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timika-requests-modal .admin-request-card:hover{border-color:#cbd5e0!important;box-shadow:0 10px 25px rgba(0,0,0,0.1)!important;transform:translateY(-4px)}.timika-requests-modal .swal2-close{background:#f56565!important;color:white!important;border-radius:50%!important;width:40px!important;height:40px!important;font-size:20px!important;font-family:Arial,sans-serif!important;font-weight:normal!important;line-height:1!important;position:absolute!important;top:10px!important;left:10px!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important}.timika-requests-modal .swal2-close:hover{background:#e53e3e!important;transform:scale(1.1)!important}.timika-requests-modal .admin-approve-request-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(72,187,120,0.4)!important}.timika-requests-modal .admin-reject-request-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(245,101,101,0.4)!important}.timika-requests-modal .request-action-btn:active{transform:translateY(0)!important}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;border:none!important;box-shadow:0 4px 12px rgba(245,158,11,0.3)!important}.btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;box-shadow:0 6px 16px rgba(245,158,11,0.4)!important;transform:translateY(-2px)}.timika-payroll-modal .swal2-html-container{margin:0!important;padding:0 20px 20px!important;overflow-y:auto!important;max-height:70vh!important}.timika-payroll-request-form .form-group{transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.timika-payroll-request-form .form-group:hover{transform:translateX(-3px)}.timika-payroll-request-form input:focus,.timika-payroll-request-form select:focus,.timika-payroll-request-form textarea:focus{outline:none!important;box-shadow:0 0 0 3px rgba(102,126,234,0.1)!important}.timika-payroll-request-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.timika-payroll-request-form textarea{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.timika-payroll-request-form textarea::-webkit-scrollbar{width:6px}.timika-payroll-request-form textarea::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.timika-payroll-request-form textarea::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.timika-payroll-request-form textarea::-webkit-scrollbar-thumb:hover{background:#a0aec0}.timika-payroll-request-form .info-banner{animation:slideDown 0.5s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#request-summary{animation:fadeIn 0.4s ease-out}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.timika-payroll-confirm-btn{padding:14px 30px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;transition:all 0.3s ease!important;box-shadow:0 4px 12px rgba(102,126,234,0.3)!important}.timika-payroll-confirm-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,0.4)!important}.timika-payroll-cancel-btn{padding:14px 30px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;transition:all 0.3s ease!important}.timika-payroll-cancel-btn:hover{background-color:#718096!important}@media(max-width:768px){.timika-payroll-modal{width:95%!important;max-width:95%!important}.timika-payroll-modal .swal2-html-container{padding:0 15px 15px!important}.timika-payroll-request-form{padding:5px!important}.timika-payroll-request-form .form-group label{font-size:13px!important}.timika-payroll-request-form input,.timika-payroll-request-form select,.timika-payroll-request-form textarea{font-size:13px!important;padding:12px 14px!important}.timika-payroll-request-form .info-banner{padding:12px!important;font-size:12px!important}.timika-payroll-confirm-btn,.timika-payroll-cancel-btn{padding:12px 20px!important;font-size:14px!important}#request-summary{grid-template-columns:1fr!important}}.swal2-validation-message{background:linear-gradient(135deg,#fc8181 0%,#f56565 100%)!important;color:white!important;border:none!important;border-radius:10px!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;box-shadow:0 4px 12px rgba(245,101,101,0.3)!important;animation:shake 0.5s ease-in-out!important}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.swal2-loading .swal2-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.no-payslips-message-ultra-modern{padding:80px 40px;text-align:center}.empty-state-animation{max-width:500px;margin:0 auto}.floating-icon{width:120px;height:120px;margin:0 auto 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:floatAnimation 3s ease-in-out infinite;box-shadow:0 20px 60px rgba(102,126,234,0.4)}.floating-icon i{font-size:50px;color:white}@keyframes floatAnimation{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state-content h3{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:15px}.empty-state-content p{font-size:16px;color:#64748b;margin-bottom:30px;line-height:1.6}.btn-modern-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:15px 35px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(102,126,234,0.3)}.btn-modern-gradient:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 40px rgba(102,126,234,0.4)}.btn-modern-gradient i{font-size:18px}.payslips-ultra-modern-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:14px!important;padding:0!important}.ultra-modern-payslip-card{background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,0.4)!important;border-radius:14px!important;padding:0!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(0,0,0,0.08)!important;transition:all 0.3s ease!important;position:relative!important;opacity:0;transform:translateY(20px)!important}.ultra-modern-payslip-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px rgba(0,0,0,0.12)!important}.ultra-modern-payslip-card.card-visible{opacity:1!important;transform:translateY(0)!important}.card-corner-badge{position:absolute!important;top:8px!important;left:10%!important;right:auto!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:6px!important;z-index:100!important}.payslip-id{background:rgba(255,255,255,0.98)!important;padding:5px 12px!important;border-radius:14px!important;font-size:11px!important;font-weight:700!important;color:#667eea!important;box-shadow:0 3px 10px rgba(102,126,234,0.25)!important;border:1px solid rgba(102,126,234,0.2)!important}.status-dot{width:10px!important;height:10px!important;border-radius:50%!important;border:2px solid white!important;box-shadow:0 2px 6px rgba(0,0,0,0.15)!important;animation:pulse 2s ease-in-out infinite!important}.status-dot.status-approved,.status-dot.status-paid{background:#10b981}.status-dot.status-pending{background:#f59e0b}.status-dot.status-rejected{background:#ef4444}.status-dot.status-calculated{background:#6366f1}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(102,126,234,0.7)}50%{box-shadow:0 0 0 6px rgba(102,126,234,0)}}.modern-card-header{padding:18px 16px 16px!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;position:relative!important;overflow:hidden!important}.modern-card-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 70%);animation:shimmerRotate 6s linear infinite}@keyframes shimmerRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modern-card-header.gradient-approved,.modern-card-header.gradient-paid{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.modern-card-header.gradient-pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.modern-card-header.gradient-rejected{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.modern-card-header.gradient-calculated{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start}.period-info{flex:1}.period-title{color:white!important;font-size:16px!important;font-weight:700!important;margin:0 0 6px 0!important;text-shadow:0 2px 4px rgba(0,0,0,0.2)!important}.period-dates{color:rgba(255,255,255,0.95)!important;font-size:11px!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.period-dates i{font-size:10px!important}.status-badge-modern{background:rgba(255,255,255,0.25)!important;backdrop-filter:blur(8px)!important;padding:5px 10px!important;border-radius:20px!important;display:flex!important;align-items:center!important;gap:4px!important;font-size:10px!important;font-weight:700!important;color:white!important;border:1px solid rgba(255,255,255,0.3)!important;box-shadow:0 2px 8px rgba(0,0,0,0.1)!important;margin:0 20px auto!important}.glassmorphism-amount-section{padding:16px 18px!important;background:linear-gradient(135deg,rgba(255,255,255,0.5)0%,rgba(248,250,252,0.5)100%)!important;backdrop-filter:blur(8px)!important;position:relative!important;text-align:center!important}.amount-label-modern{font-size:10px!important;color:#64748b!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.5px!important;margin-bottom:8px!important}.amount-value-ultra{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:0!important;flex-wrap:wrap!important}.currency-value{font-size:26px!important;font-weight:800!important;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;letter-spacing:-0.5px!important;line-height:1.2!important;text-align:center!important}.trend-indicator{position:absolute!important;top:10px!important;left:10px!important;display:flex!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;border-radius:12px!important;font-size:10px!important;font-weight:700!important}.trend-indicator.trend-up{background:rgba(16,185,129,0.15);color:#065f46;border:1px solid rgba(16,185,129,0.3)}.trend-indicator.trend-down{background:rgba(239,68,68,0.15);color:#991b1b;border:1px solid rgba(239,68,68,0.3)}.trend-indicator i{font-size:12px}.quick-stats-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:12px 16px!important;background:#f8fafc!important}.stat-mini{background:white!important;padding:10px!important;border-radius:10px!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 2px 6px rgba(0,0,0,0.04)!important;border:1px solid #e2e8f0!important;transition:all 0.2s ease!important}.stat-mini:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}.stat-mini i{width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important}.stat-mini.stat-income i{background:linear-gradient(135deg,#d1fae5 0%,#6ee7b7 100%);color:#065f46}.stat-mini.stat-bonus i{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#3730a3}.stat-mini.stat-deduction i{background:linear-gradient(135deg,#fee2e2 0%,#fca5a5 100%);color:#991b1b}.stat-mini-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-mini-label{font-size:9px!important;color:#64748b!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.3px!important}.stat-mini-value{font-size:13px!important;font-weight:700!important;color:#1e293b!important;letter-spacing:-0.3px!important}.ratio-progress-bar{padding:12px 16px!important;background:white!important;position:relative!important}.ratio-bar-fill{height:6px!important;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)!important;border-radius:8px!important;transition:width 1s ease!important;box-shadow:0 2px 6px rgba(102,126,234,0.25)!important;position:relative!important;overflow:hidden!important}.ratio-bar-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{100%{left:100%}}.ratio-label{display:block!important;margin-top:8px!important;font-size:10px!important;color:#64748b!important;font-weight:600!important;text-align:center!important}.modern-action-buttons{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:12px 16px!important;background:white!important}.btn-ultra-modern{position:relative!important;padding:10px 14px!important;border:none!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:all 0.3s ease!important}.btn-ultra-modern.btn-details{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 6px 20px rgba(102,126,234,0.3)}.btn-ultra-modern.btn-download{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 6px 20px rgba(16,185,129,0.3)}.btn-ultra-modern.btn-locked{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.btn-ultra-modern:not(.btn-locked):hover{transform:translateY(-2px)!important}.btn-ultra-modern.btn-details:hover{box-shadow:0 6px 16px rgba(102,126,234,0.35)!important}.btn-ultra-modern.btn-download:hover{box-shadow:0 6px 16px rgba(16,185,129,0.35)!important}.btn-ultra-modern.btn-clicked{transform:scale(0.95)}.btn-icon-wrapper{width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-icon-wrapper i{font-size:12px!important}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.btn-ultra-modern:hover .btn-shine{left:100%}.card-footer-info{padding:10px 16px!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important}.footer-date{font-size:10px!important;color:#64748b!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:4px!important}.footer-date i{font-size:9px!important}@media(max-width:768px){.payslips-ultra-modern-grid{grid-template-columns:1fr!important;gap:14px!important}.ultra-modern-payslip-card{border-radius:12px!important}.modern-card-header{padding:14px 14px 12px!important}.period-title{font-size:15px!important}.period-dates{font-size:10px!important}.status-badge-modern{padding:4px 8px!important;font-size:9px!important}.glassmorphism-amount-section{padding:14px 16px!important}.currency-value{font-size:22px!important;letter-spacing:-0.3px!important}.quick-stats-row{grid-template-columns:1fr!important;gap:8px!important;padding:10px 14px!important}.stat-mini{padding:9px!important}.stat-mini i{width:28px!important;height:28px!important;font-size:12px!important}.stat-mini-label{font-size:8px!important}.stat-mini-value{font-size:12px!important}.ratio-progress-bar{padding:10px 14px!important}.ratio-bar-fill{height:5px!important}.ratio-label{font-size:9px!important}.modern-action-buttons{grid-template-columns:1fr!important;padding:10px 14px!important;gap:6px!important}.btn-ultra-modern{padding:9px 12px!important;font-size:11px!important}.card-corner-badge{top:6px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.payslip-id{padding:4px 10px!important;font-size:10px!important}.status-dot{width:8px!important;height:8px!important}}.employee-compact-popup{border-radius:16px!important;overflow:hidden!important;background:#fff!important}.compact-modal-content{background:transparent!important}.employee-details-modal-compact{background:transparent}.employee-compact-header{background:linear-gradient(135deg,#4CAF50,#45a049);padding:20px;display:flex;align-items:center;gap:15px;color:#fff;border-radius:35px;margin:15px}.compact-avatar{position:relative;width:70px;height:70px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.compact-avatar img{width:100%;height:100%;object-fit:cover}.compact-status{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:9px}.compact-status.status-present{background:#4CAF50}.compact-status.status-left{background:#FF9800}.compact-status.status-absent{background:#f44336}.compact-info h3{margin:0 0 4px 0;font-size:20px;font-weight:700}.compact-info p{margin:0 0 8px 0;font-size:13px;opacity:0.9}.compact-badges{display:flex;gap:6px;flex-wrap:wrap}.badge-sec,.badge-pos{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:rgba(255,255,255,0.25)}.compact-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;background:#fff;border-bottom:1px solid #e0e0e0}.mini-stat{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border-radius:10px;transition:all 0.3s;border:1px solid #e0e0e0}.mini-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.mini-stat i{font-size:24px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff}.mini-stat.salary i{background:linear-gradient(135deg,#4CAF50,#45a049)}.mini-stat.attendance i{background:linear-gradient(135deg,#2196F3,#1976D2)}.mini-stat.net i{background:linear-gradient(135deg,#9C27B0,#7B1FA2)}.mini-stat div{flex:1}.mini-stat strong{display:block;font-size:16px;font-weight:700;color:#333}.mini-stat span{display:block;font-size:11px;color:#666}.tab-navigation{display:flex;background:#fff;border-bottom:2px solid #e0e0e0;padding:0 15px}.tab-btn{flex:1;padding:12px 8px;border:none;background:transparent!important;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s;border-bottom:3px solid transparent}.tab-btn:hover{color:#4CAF50!important;background:rgba(76,175,80,0.05)!important}.tab-btn.active{color:#4CAF50!important;background:transparent!important;border-bottom-color:#4CAF50!important}.tab-content{display:none}.tab-content.active{display:block}.compact-payroll-breakdown{padding:15px}.breakdown-compact-grid{display:flex;flex-direction:column;gap:12px}.compact-row.info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compact-item{background:linear-gradient(135deg,#E3F2FD,#BBDEFB);padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px}.compact-item i{font-size:20px;color:#1976D2}.compact-item span{display:block;font-size:11px;color:#666}.compact-item strong{display:block;font-size:14px;font-weight:700;color:#333}.compact-section{background:#fff;border-radius:10px;padding:12px;border:1px solid #e0e0e0}.compact-section h5{margin:0 0 10px 0;font-size:14px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.compact-section h5 i{color:#4CAF50}.compact-section.deductions h5 i{color:#f44336}.compact-list{display:flex;flex-direction:column;gap:6px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;background:#f8f9fa}.list-item.income{background:linear-gradient(135deg,#E8F5E9,#C8E6C9)}.list-item.deduction{background:linear-gradient(135deg,#FFEBEE,#FFCDD2)}.list-item span{font-size:12px;color:#666}.list-item strong{font-size:13px;font-weight:700;color:#333}.section-total{margin-top:8px;padding:10px;background:linear-gradient(135deg,#FFF3E0,#FFE0B2);border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.final-total{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;padding:15px;border-radius:10px;display:flex;align-items:center;gap:12px}.final-total i{font-size:28px}.final-total span{display:block;font-size:12px;opacity:0.9}.final-total strong{display:block;font-size:18px;font-weight:700}.compact-attendance-summary{padding:15px}.compact-attendance-grid{display:flex;flex-direction:column;gap:12px}.attendance-compact-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.att-item{background:#fff;padding:12px;border-radius:10px;border:2px solid #e0e0e0;display:flex;align-items:center;gap:10px;transition:all 0.3s}.att-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.att-item i{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff}.att-item.present{border-color:#4CAF50}.att-item.present i{background:linear-gradient(135deg,#4CAF50,#45a049)}.att-item.absent{border-color:#f44336}.att-item.absent i{background:linear-gradient(135deg,#f44336,#d32f2f)}.att-item.overtime{border-color:#FF9800}.att-item.overtime i{background:linear-gradient(135deg,#FF9800,#F57C00)}.att-item.late{border-color:#FFC107}.att-item.late i{background:linear-gradient(135deg,#FFC107,#FFA000)}.att-item strong{display:block;font-size:18px;font-weight:700;color:#333}.att-item span{display:block;font-size:11px;color:#666}.attendance-details{background:#fff;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;align-items:center;gap:10px;padding:8px;background:#f8f9fa;border-radius:6px}.detail-row i{color:#4CAF50;width:20px}.detail-row span{flex:1;font-size:12px;color:#666}.detail-row strong{font-size:13px;font-weight:700;color:#333}.compact-personal-info{padding:15px}.info-compact-grid{display:flex;flex-direction:column;gap:12px}.info-group{background:#fff;border-radius:10px;padding:12px;border:1px solid #e0e0e0}.info-group h5{margin:0 0 10px 0;padding-bottom:8px;border-bottom:2px solid #4CAF50;font-size:14px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.info-group h5 i{color:#4CAF50}.info-list{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border-radius:6px}.info-row i{color:#4CAF50;width:18px;font-size:14px}.info-row span{flex:1;font-size:12px;color:#666}.info-row strong{font-size:12px;font-weight:700;color:#333}.compact-performance{padding:15px}.performance-compact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;align-items:center}.perf-main{display:flex;justify-content:center}.perf-circle{position:relative;width:120px;height:120px}.perf-circle svg{width:100%;height:100%;transform:scaleX(-1)}.perf-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.perf-text strong{display:block;font-size:28px;font-weight:700;color:#4CAF50}.perf-text span{display:block;font-size:12px;color:#666}.perf-stats{display:flex;flex-direction:column;gap:8px}.perf-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.perf-item i{font-size:20px;color:#4CAF50;width:30px}.perf-item span{display:block;font-size:11px;color:#666}.perf-item strong{display:block;font-size:14px;font-weight:700;color:#333}@keyframes pulseUpdate{0%{transform:scale(1);color:#2c3e50}50%{transform:scale(1.05);color:#4CAF50;text-shadow:0 0 20px rgba(76,175,80,0.4)}100%{transform:scale(1);color:#2c3e50}}.stat-value.pulse-update{animation:pulseUpdate 1s ease-in-out}@keyframes progressFill{from{width:0}to{width:var(--progress-width,0%)}}.stat-trend.up{color:#4CAF50!important;text-shadow:0 0 10px rgba(76,175,80,0.3)}.stat-trend.down{color:#f44336!important;text-shadow:0 0 10px rgba(244,67,54,0.3)}@media print{.timika-tabs-nav,.section-actions,.payslip-actions,.calculator-actions,.timika-btn,.modern-action-buttons{display:none!important}.timika-tab-content{display:block!important;padding:0}.timika-payroll-panel{box-shadow:none;border:1px solid #000}*{color:#000!important;background:#fff!important}}#requests-section .requests-stats-modern .stats-grid-enhanced.grid-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin-bottom:30px}#requests-section .requests-stats-modern .quick-stat-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)!important;border-radius:16px!important;padding:20px!important;box-shadow:0 8px 24px rgba(0,0,0,0.1)!important;border:1px solid #e9ecef!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)!important;position:relative!important;overflow:hidden!important;text-align:right!important;min-width:0!important}#requests-section .requests-stats-modern .quick-stat-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;transition:all 0.3s ease!important}#requests-section .requests-stats-modern .quick-stat-card:hover{transform:translateY(-6px)!important;box-shadow:0 12px 32px rgba(0,0,0,0.15)!important}#requests-section .requests-stats-modern .quick-stat-card .stat-icon{display:none!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info{flex:1!important;text-align:center!important;min-width:0!important}#requests-section .section-header .btn,#requests-section .requests-filters .btn{min-width:auto!important;white-space:nowrap!important;padding:10px 18px!important;width:auto!important}#requests-section #refresh-requests-btn{min-width:110px!important;padding:10px 16px!important}#requests-section #new-request-modal-btn{min-width:130px!important;padding:10px 18px!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info h4{font-size:28px!important;font-weight:800!important;color:#2c3e50!important;margin:0 0 4px 0!important;line-height:1.2!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info p{font-size:13px!important;color:#6c757d!important;margin:0!important;font-weight:600!important;white-space:nowrap!important}#requests-section .quick-stat-card.requests-pending .stat-icon{background:linear-gradient(135deg,#FF9800,#F57C00)!important}#requests-section .quick-stat-card.requests-pending::before{background:linear-gradient(90deg,#FF9800,#F57C00)!important}#requests-section .quick-stat-card.requests-approved .stat-icon{background:linear-gradient(135deg,#4CAF50,#45a049)!important}#requests-section .quick-stat-card.requests-approved::before{background:linear-gradient(90deg,#4CAF50,#45a049)!important}#requests-section .quick-stat-card.requests-rejected .stat-icon{background:linear-gradient(135deg,#f44336,#d32f2f)!important}#requests-section .quick-stat-card.requests-rejected::before{background:linear-gradient(90deg,#f44336,#d32f2f)!important}#requests-section .quick-stat-card.requests-total .stat-icon{background:linear-gradient(135deg,#9C27B0,#7B1FA2)!important}#requests-section .quick-stat-card.requests-total::before{background:linear-gradient(90deg,#9C27B0,#7B1FA2)!important}.swal2-popup.timika-validation-toast{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%)!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(238,90,90,0.4)!important;padding:14px 20px!important;font-family:'Vazirmatn','Tahoma',sans-serif!important;direction:rtl!important;border:none!important}.swal2-popup.timika-validation-toast .swal2-title{color:#fff!important;font-size:14px!important;font-weight:600!important;margin:0!important;padding:0!important;text-align:right!important}.swal2-popup.timika-validation-toast .swal2-icon{width:28px!important;height:28px!important;margin:0 0 0 12px!important;border-width:2px!important}.swal2-popup.timika-validation-toast .swal2-icon.swal2-error{border-color:rgba(255,255,255,0.6)!important}.swal2-popup.timika-validation-toast .swal2-icon.swal2-error[class^='swal2-x-mark-line']{background-color:#fff!important}.swal2-popup.timika-validation-toast .swal2-timer-progress-bar{background:rgba(255,255,255,0.4)!important}.swal2-popup.swal2-modal{max-height:90vh!important;overflow-y:auto!important}.swal2-popup.timika-request-modal-compact{max-height:85vh!important;overflow:hidden!important}.swal2-popup.timika-request-modal-compact .swal2-html-container{max-height:calc(85vh - 180px)!important;overflow-y:auto!important;padding:0 10px 0 0!important;margin:15px 0!important}.swal2-popup .timika-payroll-request-form{max-height:55vh;overflow-y:auto;padding-left:10px}.swal2-popup .timika-payroll-request-form::-webkit-scrollbar{width:6px}.swal2-popup .timika-payroll-request-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.swal2-popup .timika-payroll-request-form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.swal2-popup .timika-payroll-request-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(max-width:1024px){#requests-section .requests-stats-modern .stats-grid-enhanced.grid-4{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}#requests-section .requests-stats-modern .quick-stat-card{padding:14px!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info h4{font-size:22px!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info p{font-size:11px!important}}@media(max-width:768px){.section-header{flex-direction:column;align-items:stretch;text-align:center}.section-header h3{justify-content:center;margin-bottom:15px}.section-actions{flex-wrap:wrap;justify-content:center}.requests-filters{flex-wrap:wrap;justify-content:center;width:100%}#requests-section .requests-stats-modern .stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#requests-section .requests-stats-modern .quick-stat-card{padding:12px!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info h4{font-size:20px!important}#requests-section .requests-stats-modern .quick-stat-card .stat-info p{font-size:11px!important}}#active-filters-count,.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-right:8px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);border-radius:10px;box-shadow:0 2px 8px rgba(245,87,108,0.4);animation:filter-badge-pulse 2s infinite}@keyframes filter-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.advanced-filters{background:linear-gradient(135deg,#f8f9ff 0%,#e8f4fd 100%);border-radius:12px;padding:20px;margin-top:15px;border:1px solid rgba(102,126,234,0.15);box-shadow:0 4px 15px rgba(102,126,234,0.08)}.advanced-filters .filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.advanced-filters .filters-row:last-child{margin-bottom:0}.advanced-filters .filter-group{display:flex;flex-direction:column;gap:8px}.advanced-filters .filter-group label{font-size:13px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:6px}.advanced-filters .filter-group label i{color:#667eea;font-size:14px}.range-inputs,.date-inputs{display:flex;align-items:center;gap:8px}.range-inputs .range-input,.date-inputs .date-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;transition:all 0.2s ease;background:#fff}.range-inputs .range-input:focus,.date-inputs .date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15);outline:none}.range-separator,.date-separator{font-size:12px;color:#718096;font-weight:500}.filters-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(102,126,234,0.1)}.filters-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;border-radius:8px;transition:all 0.2s ease}.filters-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.filter-presets{display:flex;align-items:center;gap:8px;margin-right:auto}.filter-presets select{min-width:180px}#toggle-advanced-filters{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease}#toggle-advanced-filters:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,0.4)}#toggle-advanced-filters .badge{background:rgba(255,255,255,0.25);padding:2px 8px;border-radius:10px;font-size:11px}.advanced-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;transition:all 0.2s ease;min-width:150px}.advanced-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15);outline:none}.advanced-select:hover{border-color:#667eea}.quick-filters{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.quick-filters .filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.quick-filters .filter-group label{font-size:12px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:5px}.quick-filters .filter-group label i{color:#667eea}@media(max-width:768px){.advanced-filters .filters-row{grid-template-columns:1fr}.filters-actions{flex-direction:column}.filters-actions .btn{width:100%;justify-content:center}.filter-presets{margin-right:0;width:100%;flex-direction:column}.filter-presets select{width:100%}.quick-filters{flex-direction:column}.quick-filters .filter-group{width:100%}}.payroll-result-modal{text-align:right;padding:20px;font-family:'Vazirmatn',sans-serif}.payroll-result-message{font-size:16px;margin-bottom:20px;color:#333}.payroll-result-net-salary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px;border-radius:12px;margin-bottom:15px}.net-salary-label{font-size:14px;margin-bottom:5px;opacity:0.9}.net-salary-value{font-size:28px;font-weight:bold}.payroll-result-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.payroll-result-stat-box{background:#f8f9fa;padding:12px;border-radius:8px;text-align:center}.payroll-result-stat-box .stat-label{font-size:12px;color:#666}.payroll-result-stat-box .stat-value{font-size:20px;font-weight:bold;color:#333}.payroll-result-stat-box .stat-sub{font-size:11px;color:#999}.payroll-result-stat-box .stat-percent{font-size:11px;color:#999}.payroll-result-stat-box .stat-percent.success{color:#28a745;margin-top:4px}.payroll-result-base-salary{background:#fff3cd;border:1px solid #ffc107;padding:12px;border-radius:8px;margin-bottom:15px}.base-salary-row{display:flex;justify-content:space-between;margin-bottom:8px}.base-salary-row span{color:#856404}.base-salary-row strong{color:#856404}.base-salary-row.total{padding-top:8px;border-top:1px dashed #ffc107;margin-bottom:0}.base-salary-row.total strong{font-size:15px}.payroll-result-deductions{background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:15px}.deductions-header{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.deductions-header span{font-weight:bold;color:#333}.deductions-header strong.success{color:#28a745;font-size:16px}.deductions-list{font-size:13px}.deduction-row{display:flex;justify-content:space-between;margin-bottom:5px}.deduction-row span{color:#333}.deduction-row span i{margin-left:5px}.deduction-row span i.fa-shield-alt{color:#17a2b8}.deduction-row span i.fa-percent{color:#6c757d}.deduction-row span i.fa-clock{color:#ff9800}.deduction-row span i.fa-user-slash{color:#f44336}.deduction-row strong.danger{color:#dc3545}.deduction-row strong.warning{color:#e65100}.deduction-row.warning-bg{background:rgba(255,152,0,0.1);padding:5px 8px;border-radius:4px}.deduction-row.danger-bg{background:rgba(244,67,54,0.1);padding:5px 8px;border-radius:4px}.deductions-total{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed #dee2e6}.deductions-total span{font-weight:bold;color:#333}.deductions-total strong.danger{color:#dc3545;font-size:14px}#payments-section .requests-stats-modern .stats-grid-enhanced.grid-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;width:100%!important;flex-wrap:nowrap!important}#payments-section .quick-stat-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:20px!important;border-radius:16px!important;min-width:0!important;flex:1!important;position:relative!important;overflow:hidden!important;transition:all 0.3s ease!important}#payments-section .quick-stat-card::before{content:''!important;position:absolute!important;top:0!important;right:0!important;width:4px!important;height:100%!important;border-radius:0 16px 16px 0!important}#payments-section .quick-stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,0,0,0.15)!important}#payments-section .quick-stat-card .stat-icon{width:56px!important;height:56px!important;min-width:56px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;flex-shrink:0!important;transition:all 0.3s ease!important}#payments-section .quick-stat-card:hover .stat-icon{transform:scale(1.1)rotate(5deg)!important}#payments-section .quick-stat-card:nth-child(1).stat-icon{background:rgba(255,255,255,0.25)!important;color:white!important;box-shadow:0 4px 16px rgba(39,174,96,0.3)!important}#payments-section .quick-stat-card:nth-child(1).stat-icon i{color:white!important}#payments-section .quick-stat-card:nth-child(2).stat-icon{background:rgba(255,255,255,0.25)!important;color:white!important;box-shadow:0 4px 16px rgba(243,156,18,0.3)!important}#payments-section .quick-stat-card:nth-child(2).stat-icon i{color:white!important}#payments-section .quick-stat-card:nth-child(3).stat-icon{background:rgba(255,255,255,0.25)!important;color:white!important;box-shadow:0 4px 16px rgba(231,76,60,0.3)!important}#payments-section .quick-stat-card:nth-child(3).stat-icon i{color:white!important}#payments-section .quick-stat-card:nth-child(4).stat-icon{background:rgba(255,255,255,0.25)!important;color:white!important;box-shadow:0 4px 16px rgba(52,152,219,0.3)!important}#payments-section .quick-stat-card:nth-child(4).stat-icon i{color:white!important}#payments-section .quick-stat-card .stat-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1!important}#payments-section .quick-stat-card .stat-info h4{font-size:24px!important;font-weight:800!important;margin:0!important;line-height:1.2!important;white-space:nowrap!important}#payments-section .quick-stat-card .stat-info p{font-size:13px!important;margin:0!important;font-weight:500!important;white-space:nowrap!important}@media(max-width:1024px){#payments-section .requests-stats-modern .stats-grid-enhanced.grid-4{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}#payments-section .quick-stat-card{padding:16px!important;gap:12px!important}#payments-section .quick-stat-card .stat-icon{width:48px!important;height:48px!important;min-width:48px!important;font-size:18px!important}#payments-section .quick-stat-card .stat-info h4{font-size:20px!important}#payments-section .quick-stat-card .stat-info p{font-size:12px!important}}@media(max-width:768px){#payments-section .requests-stats-modern .stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#payments-section .quick-stat-card{padding:14px!important;gap:10px!important;border-radius:12px!important}#payments-section .quick-stat-card .stat-icon{width:44px!important;height:44px!important;min-width:44px!important;font-size:16px!important;border-radius:10px!important}#payments-section .quick-stat-card .stat-info h4{font-size:18px!important}#payments-section .quick-stat-card .stat-info p{font-size:11px!important}}@media(max-width:480px){#payments-section .requests-stats-modern .stats-grid-enhanced.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}#payments-section .quick-stat-card{padding:12px!important;gap:8px!important;flex-direction:column!important;text-align:center!important}#payments-section .quick-stat-card .stat-icon{width:40px!important;height:40px!important;min-width:40px!important;font-size:14px!important}#payments-section .quick-stat-card .stat-info h4{font-size:16px!important}#payments-section .quick-stat-card .stat-info p{font-size:10px!important}}.payments-list-container{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.payments-grid{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:white;border-radius:12px;border:1px solid #e9ecef;transition:all 0.3s ease}.payment-item:hover{transform:translateX(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:#667eea}.payment-item .payment-info{display:flex;align-items:center;gap:16px}.payment-item .payment-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.payment-item .payment-icon.success{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:white}.payment-item .payment-icon.pending{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:white}.payment-item .payment-icon.failed{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:white}.payment-item .payment-details h4{font-size:15px;font-weight:600;color:#333;margin:0 0 4px 0}.payment-item .payment-details p{font-size:13px;color:#6c757d;margin:0}.payment-item .payment-amount{font-size:18px;font-weight:700;color:#333}.payment-item .payment-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.payment-item .payment-status.success{background:rgba(39,174,96,0.15);color:#27ae60}.payment-item .payment-status.pending{background:rgba(243,156,18,0.15);color:#f39c12}.payment-item .payment-status.failed{background:rgba(231,76,60,0.15);color:#e74c3c}#payments-section .quick-stat-card.payment-success{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%)!important}#payments-section .quick-stat-card.payment-success .stat-info h4,#payments-section .quick-stat-card.payment-success .stat-info p{color:white!important}#payments-section .quick-stat-card.payment-success .stat-info p{opacity:0.9}#payments-section .quick-stat-card.payment-pending{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)!important}#payments-section .quick-stat-card.payment-pending .stat-info h4,#payments-section .quick-stat-card.payment-pending .stat-info p{color:white!important}#payments-section .quick-stat-card.payment-pending .stat-info p{opacity:0.9}#payments-section .quick-stat-card.payment-failed{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)!important}#payments-section .quick-stat-card.payment-failed .stat-info h4,#payments-section .quick-stat-card.payment-failed .stat-info p{color:white!important}#payments-section .quick-stat-card.payment-failed .stat-info p{opacity:0.9}#payments-section .quick-stat-card.payment-total{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)!important}#payments-section .quick-stat-card.payment-total .stat-info h4,#payments-section .quick-stat-card.payment-total .stat-info p{color:white!important}#payments-section .quick-stat-card.payment-total .stat-info p{opacity:0.9}#payments-section .quick-stat-card .stat-icon{width:56px!important;height:56px!important;min-width:56px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:all 0.3s ease!important}#payments-section .quick-stat-card .stat-icon i{font-size:24px!important;line-height:1!important}#payments-section .quick-stat-card.payment-success .stat-icon{background:rgba(255,255,255,0.25)!important}#payments-section .quick-stat-card.payment-success .stat-icon i{color:white!important}#payments-section .quick-stat-card.payment-pending .stat-icon{background:rgba(255,255,255,0.25)!important}#payments-section .quick-stat-card.payment-pending .stat-icon i{color:white!important}#payments-section .quick-stat-card.payment-failed .stat-icon{background:rgba(255,255,255,0.25)!important}#payments-section .quick-stat-card.payment-failed .stat-icon i{color:white!important}#payments-section .quick-stat-card.payment-total .stat-icon{background:rgba(255,255,255,0.25)!important}#payments-section .quick-stat-card.payment-total .stat-icon i{color:white!important}#payments-section .requests-stats-modern .quick-stat-card .stat-icon,#payments-section .payments-stats .quick-stat-card .stat-icon,#payments-section .quick-stat-card .stat-icon{display:flex!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}#payments-section .quick-stat-card .stat-icon i{font-size:24px!important;color:white!important;display:block!important}#payments-section .quick-stat-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important}#payments-section .quick-stat-card .stat-info{text-align:right!important;flex:1!important}.payments-hero-stats{margin-bottom:20px}.payments-hero-stats .hero-stats-grid.payments-grid-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}.hero-stat-card.payment-success-card{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%)!important}.hero-stat-card.payment-success-card::before{background:linear-gradient(90deg,#1e8449,#27ae60)!important}.hero-stat-card.payment-success-card .stat-icon-wrapper i{color:white!important}.hero-stat-card.payment-success-card .stat-content .stat-label,.hero-stat-card.payment-success-card .stat-content .stat-value{color:white!important}.hero-stat-card.payment-pending-card{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)!important}.hero-stat-card.payment-pending-card::before{background:linear-gradient(90deg,#d68910,#f39c12)!important}.hero-stat-card.payment-pending-card .stat-icon-wrapper i{color:white!important}.hero-stat-card.payment-pending-card .stat-content .stat-label,.hero-stat-card.payment-pending-card .stat-content .stat-value{color:white!important}.hero-stat-card.payment-failed-card{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)!important}.hero-stat-card.payment-failed-card::before{background:linear-gradient(90deg,#a93226,#e74c3c)!important}.hero-stat-card.payment-failed-card .stat-icon-wrapper i{color:white!important}.hero-stat-card.payment-failed-card .stat-content .stat-label,.hero-stat-card.payment-failed-card .stat-content .stat-value{color:white!important}.hero-stat-card.payment-total-card{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)!important}.hero-stat-card.payment-total-card::before{background:linear-gradient(90deg,#2471a3,#3498db)!important}.hero-stat-card.payment-total-card .stat-icon-wrapper i{color:white!important}.hero-stat-card.payment-total-card .stat-content .stat-label,.hero-stat-card.payment-total-card .stat-content .stat-value{color:white!important}@media(max-width:1024px){.payments-hero-stats .hero-stats-grid.payments-grid-4{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}}@media(max-width:768px){.payments-hero-stats .hero-stats-grid.payments-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media(max-width:480px){.payments-hero-stats .hero-stats-grid.payments-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.swal2-popup.transaction-detail-popup{border-radius:24px!important;padding:0!important;overflow:hidden;max-width:480px!important}.swal2-popup.transaction-detail-popup .swal2-title{font-family:'Vazirmatn','Tahoma',sans-serif!important;font-size:18px!important;font-weight:700!important;color:#2c3e50!important;padding:20px 24px!important;margin:0!important;background:#f8f9fa;border-bottom:1px solid #e9ecef}.swal2-popup.transaction-detail-popup .swal2-html-container{padding:0!important;margin:0!important}.swal2-popup.transaction-detail-popup .swal2-close{font-family:Arial,sans-serif!important;font-size:28px!important;color:#6c757d!important;top:16px!important;left:16px!important;right:auto!important}.swal2-popup.transaction-detail-popup .swal2-close:hover{color:#dc3545!important}.transaction-amount-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;padding:24px;margin:20px;text-align:center;border:1px solid #dee2e6}.transaction-amount-section .amount-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.transaction-amount-section .amount-icon.success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#28a745;box-shadow:0 8px 24px rgba(40,167,69,0.2)}.transaction-amount-section .amount-icon.pending{background:linear-gradient(135deg,#fff3cd 0%,#ffeeba 100%);color:#ffc107;box-shadow:0 8px 24px rgba(255,193,7,0.2)}.transaction-amount-section .amount-icon.failed{background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%);color:#dc3545;box-shadow:0 8px 24px rgba(220,53,69,0.2)}.transaction-amount-section .amount-icon.processing{background:linear-gradient(135deg,#cce5ff 0%,#b8daff 100%);color:#007bff;box-shadow:0 8px 24px rgba(0,123,255,0.2)}.transaction-amount-section .amount-value{font-size:32px;font-weight:800;color:#2c3e50;margin-bottom:4px}.transaction-amount-section .amount-currency{color:#6c757d;font-size:14px}.transaction-amount-section .status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-top:12px}.transaction-amount-section .status-badge.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.transaction-amount-section .status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.transaction-amount-section .status-badge.failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.transaction-amount-section .status-badge.processing{background:#cce5ff;color:#004085;border:1px solid #b8daff}.transaction-details-list{padding:0}.transaction-detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e9ecef;transition:background 0.2s ease}.transaction-detail-row:hover{background:#f8f9fa}.transaction-detail-row:last-child{border-bottom:none}.transaction-detail-row .detail-label{color:#6c757d;font-size:14px;font-weight:500}.transaction-detail-row .detail-value{color:#2c3e50;font-size:14px;font-weight:600;text-align:left;direction:ltr}.transaction-detail-row .detail-value.bank-name{display:flex;align-items:center;gap:8px}.transaction-detail-row .detail-value.bank-name i{color:#667eea}.transaction-detail-row .detail-value.iban{font-family:'Courier New',monospace;color:#3498db;font-size:13px;letter-spacing:1px}.transaction-detail-row .detail-value.tracking-code{font-family:'Courier New',monospace;color:#9b59b6;background:#f3e5f5;padding:4px 10px;border-radius:6px}.transaction-receipt-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:1px solid #28a745;color:#155724;padding:10px 18px;border-radius:10px;font-weight:600;font-size:13px;text-decoration:none;transition:all 0.3s ease}.transaction-receipt-link:hover{background:linear-gradient(135deg,#c3e6cb 0%,#b1dfbb 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.2);color:#155724;text-decoration:none}.swal2-popup.transaction-detail-popup .swal2-confirm.transaction-track-btn{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;color:#ffffff!important;padding:16px 32px!important;border-radius:14px!important;font-weight:700!important;font-size:15px!important;width:calc(100% - 48px)!important;margin:20px 24px 24px!important;cursor:pointer;transition:all 0.3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-family:'Vazirmatn','Tahoma',sans-serif!important}.swal2-popup.transaction-detail-popup .swal2-confirm.transaction-track-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px rgba(40,167,69,0.3)!important}.btn-view-details{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#ffffff;border-radius:12px;padding:12px 20px;font-weight:600;font-size:13px;transition:all 0.3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:15px;font-family:'Vazirmatn','Tahoma',sans-serif}.btn-view-details:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,0.3)}.btn-view-details i{font-size:14px}@media(max-width:520px){.swal2-popup.transaction-detail-popup{max-width:95%!important;margin:10px!important}.transaction-amount-section{margin:15px!important;padding:20px!important}.transaction-amount-section .amount-value{font-size:26px}.transaction-detail-row{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:6px}.transaction-detail-row .detail-value{text-align:right;direction:rtl}.swal2-popup.transaction-detail-popup .swal2-confirm.transaction-track-btn{width:calc(100% - 30px)!important;margin:15px 15px 20px!important;padding:14px 24px!important}}.payroll-section .btn,.payroll-container .btn,#payroll-section .btn,.section-actions-modern .btn,.employee-card-actions .btn,.payslip-actions .btn,.request-actions .btn,.filters-actions .btn{width:auto!important;min-width:fit-content!important;font-size:13px!important;padding:10px 18px!important;white-space:nowrap!important}.btn-sm{font-size:12px!important;padding:8px 14px!important}.btn-lg{font-size:15px!important;padding:14px 24px!important}@media(max-width:480px){.section-actions-modern.flex-column .btn,.employee-card-actions.flex-column .btn,.request-actions.flex-column .btn{width:100%!important;font-size:13px!important}.section-actions-modern:not(.flex-column).btn,.employee-card-actions:not(.flex-column).btn{width:auto!important;font-size:12px!important}}[data-theme="dark"].employees-cards-container{background:rgba(30,41,59,0.95);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].employee-card{background:rgba(51,65,85,0.9);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].employee-card:hover{border-color:rgba(102,126,234,0.5);box-shadow:0 8px 25px rgba(0,0,0,0.3)}[data-theme="dark"].employee-name{color:#f1f5f9}[data-theme="dark"].employee-email{color:#94a3b8}[data-theme="dark"].employee-section{background:rgba(102,126,234,0.2);color:#c7d2fe}[data-theme="dark"].employee-stat{background:rgba(71,85,105,0.6)}[data-theme="dark"].employee-stat-value{color:#f1f5f9!important}[data-theme="dark"].employee-stat-label{color:#94a3b8}[data-theme="dark"].employees-title{color:#f1f5f9}[data-theme="dark"].loading-employees p{color:#94a3b8}[data-theme="dark"].no-employees{background:rgba(51,65,85,0.5);border-color:rgba(102,126,234,0.3)}[data-theme="dark"].no-employees i{color:#64748b}[data-theme="dark"].no-employees p{color:#94a3b8}[data-theme="dark"].payslip-card{background:rgba(51,65,85,0.9);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].payslip-header{background:rgba(71,85,105,0.5);border-bottom-color:rgba(255,255,255,0.1)}[data-theme="dark"].payslip-title h3{color:#f1f5f9}[data-theme="dark"].payslip-date{color:#94a3b8}[data-theme="dark"].detail-value{color:#f1f5f9}[data-theme="dark"].detail-label{color:#94a3b8}[data-theme="dark"].quick-stat-card{background:rgba(51,65,85,0.9);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].stat-info h4{background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="dark"].stat-info p{color:#94a3b8}[data-theme="dark"].requests-container-modern{background:rgba(30,41,59,0.95);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].request-card{background:rgba(51,65,85,0.9);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].request-header{border-bottom-color:rgba(255,255,255,0.1)}[data-theme="dark"].request-title h4{color:#f1f5f9}[data-theme="dark"].request-detail-value{color:#f1f5f9}[data-theme="dark"].request-detail-label{color:#94a3b8}[data-theme="dark"].request-description{background:rgba(102,126,234,0.1);border-left-color:#667eea}[data-theme="dark"].request-description p{color:#cbd5e1}[data-theme="dark"].loading-placeholder-modern{background:rgba(51,65,85,0.5);border-color:rgba(255,255,255,0.1)}[data-theme="dark"].loading-content h3,[data-theme="dark"].loading-content h4{color:#f1f5f9}[data-theme="dark"].loading-content p{color:#94a3b8}[data-theme="dark"].range-inputs .range-input,[data-theme="dark"].date-inputs .date-input{background:rgba(51,65,85,0.9);border-color:rgba(255,255,255,0.2);color:#f1f5f9}[data-theme="dark"].range-inputs .range-input:focus,[data-theme="dark"].date-inputs .date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.3)}[data-theme="dark"].range-separator,[data-theme="dark"].date-separator{color:#94a3b8}[data-theme="dark"].employee-stat .text-danger,[data-theme="dark"].employee-card .text-danger,[data-theme="dark"].employee-card-body .text-danger{color:#f87171!important;background:rgba(248,113,113,0.2)!important}[data-theme="dark"].employee-stat .text-success,[data-theme="dark"].employee-card .text-success,[data-theme="dark"].employee-card-body .text-success{color:#34d399!important;background:rgba(52,211,153,0.2)!important}[data-theme="dark"].employee-stat small,[data-theme="dark"].employee-card-body small{color:#e2e8f0}[data-theme="dark"].employee-stat small.text-danger{color:#f87171!important}[data-theme="dark"].employee-stat small.text-success{color:#34d399!important}.employee-compact-popup.ultra-modern-modal{border-radius:24px!important;overflow:hidden!important;background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%)!important;box-shadow:0 25px 80px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,0.2)!important}[data-theme="dark"].employee-compact-popup.ultra-modern-modal{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%)!important;border:1px solid rgba(255,255,255,0.08)!important;box-shadow:0 25px 80px rgba(0,0,0,0.6),0 0 60px rgba(102,126,234,0.15)!important}.employee-ultra-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:headerGradientFlow 8s ease infinite;padding:28px;position:relative;overflow:hidden}@keyframes headerGradientFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.employee-ultra-header::before{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 60%);animation:headerShimmer 6s ease-in-out infinite}@keyframes headerShimmer{0%,100%{transform:translate(0,0)rotate(0deg)}50%{transform:translate(30%,30%)rotate(180deg)}}.header-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.header-particles span{position:absolute;width:6px;height:6px;background:rgba(255,255,255,0.3);border-radius:50%;animation:particleFloat 4s ease-in-out infinite}.header-particles span:nth-child(1){left:10%;top:20%;animation-delay:0s}.header-particles span:nth-child(2){left:30%;top:60%;animation-delay:0.5s}.header-particles span:nth-child(3){left:50%;top:30%;animation-delay:1s}.header-particles span:nth-child(4){left:70%;top:70%;animation-delay:1.5s}.header-particles span:nth-child(5){left:90%;top:40%;animation-delay:2s}@keyframes particleFloat{0%,100%{transform:translateY(0)scale(1);opacity:0.3}50%{transform:translateY(-20px)scale(1.5);opacity:0.8}}.ultra-avatar-wrapper{position:relative;width:90px;height:90px;flex-shrink:0}.ultra-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,0.3);box-shadow:0 0 30px rgba(255,255,255,0.3),0 8px 32px rgba(0,0,0,0.3);position:relative;z-index:2;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.ultra-avatar:hover{transform:scale(1.08);box-shadow:0 0 50px rgba(255,255,255,0.5),0 12px 40px rgba(0,0,0,0.4)}.ultra-avatar img{width:100%;height:100%;object-fit:cover}.avatar-neon-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:conic-gradient(from 0deg,#667eea,#764ba2,#f093fb,#667eea);animation:neonRingSpin 4s linear infinite;z-index:1}@keyframes neonRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ultra-status-indicator{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ultra-status-indicator.status-present{background:linear-gradient(135deg,#10b981,#059669);animation:statusPulse 2s ease-in-out infinite}.ultra-status-indicator.status-absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.ultra-status-indicator.status-left{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.7)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.ultra-employee-info{flex:1;color:#fff;position:relative;z-index:2}.ultra-employee-info h3{margin:0 0 6px 0;font-size:24px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.3);letter-spacing:-0.5px}.ultra-employee-info .employee-email{margin:0 0 12px 0;font-size:14px;color:#ffffff;opacity:0.9;display:flex;align-items:center;gap:6px}.ultra-employee-info .employee-email i{font-size:12px}.ultra-badges{display:flex;gap:8px;flex-wrap:wrap}.ultra-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;gap:6px;transition:all 0.3s ease}.ultra-badge:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.ultra-badge i{font-size:11px}.ultra-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;background:linear-gradient(180deg,rgba(102,126,234,0.05)0%,transparent 100%)}[data-theme="dark"].ultra-stats-grid{background:linear-gradient(180deg,rgba(102,126,234,0.1)0%,transparent 100%)}.ultra-stat-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 4px 20px rgba(0,0,0,0.06);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:visible}.ultra-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.3s ease}.ultra-stat-card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px rgba(102,126,234,0.2)}.ultra-stat-card:hover::before{opacity:1}.ultra-stat-card.salary::before{background:linear-gradient(90deg,#10b981,#059669)}.ultra-stat-card.attendance::before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.ultra-stat-card.net::before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}[data-theme="dark"].ultra-stat-card{background:linear-gradient(145deg,rgba(51,65,85,0.8)0%,rgba(30,41,59,0.9)100%);border-color:rgba(255,255,255,0.08)}.ultra-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.ultra-stat-card.salary .ultra-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.ultra-stat-card.attendance .ultra-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ultra-stat-card.net .ultra-stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ultra-stat-content{flex:1;min-width:0;overflow:visible}.ultra-stat-value{font-size:clamp(14px,2.5vw,18px);font-weight:800;color:#1e293b;margin-bottom:2px;line-height:1.3;word-break:keep-all;white-space:nowrap;overflow:visible;direction:ltr;text-align:right}[data-theme="dark"].ultra-stat-value{color:#f1f5f9}.ultra-stat-label{font-size:12px;color:#64748b;font-weight:600}[data-theme="dark"].ultra-stat-label{color:#94a3b8}.ultra-tabs-container{background:#fff;border-bottom:1px solid rgba(0,0,0,0.06)}[data-theme="dark"].ultra-tabs-container{background:rgba(30,41,59,0.5);border-bottom-color:rgba(255,255,255,0.08)}.ultra-tab-nav{display:flex;padding:0 16px;gap:4px;overflow-x:auto;scrollbar-width:none}.ultra-tab-nav::-webkit-scrollbar{display:none}.ultra-tab-btn{flex:1;padding:14px 12px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;position:relative}.ultra-tab-btn::after{content:'';position:absolute;bottom:-1px;left:50%;width:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px 3px 0 0;transition:all 0.3s ease;transform:translateX(-50%)}.ultra-tab-btn:hover{color:#667eea;background:rgba(102,126,234,0.05)}.ultra-tab-btn.active{color:#667eea;background:rgba(102,126,234,0.08)}.ultra-tab-btn.active::after{width:100%}[data-theme="dark"].ultra-tab-btn{color:#94a3b8}[data-theme="dark"].ultra-tab-btn:hover,[data-theme="dark"].ultra-tab-btn.active{color:#a5b4fc;background:rgba(102,126,234,0.15)}.ultra-tab-icon{font-size:16px}.ultra-tab-content{display:none;padding:20px;animation:tabFadeIn 0.4s ease}.ultra-tab-content.active{display:block}@keyframes tabFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ultra-payroll-section{display:flex;flex-direction:column;gap:16px}.ultra-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ultra-info-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(59,130,246,0.2);transition:all 0.3s ease}.ultra-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.15)}[data-theme="dark"].ultra-info-card{background:linear-gradient(135deg,rgba(59,130,246,0.15)0%,rgba(37,99,235,0.1)100%);border-color:rgba(59,130,246,0.3)}.ultra-info-card i{font-size:24px;color:#3b82f6}.ultra-info-card-content span{display:block;font-size:11px;color:#64748b;margin-bottom:2px}[data-theme="dark"].ultra-info-card-content span{color:#94a3b8}.ultra-info-card-content strong{font-size:16px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-info-card-content strong{color:#f1f5f9}.ultra-breakdown-section{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.04)}[data-theme="dark"].ultra-breakdown-section{background:rgba(51,65,85,0.5);border-color:rgba(255,255,255,0.08)}.ultra-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,0.06)}[data-theme="dark"].ultra-section-header{border-bottom-color:rgba(255,255,255,0.1)}.ultra-section-header i{font-size:18px}.ultra-section-header.income i{color:#10b981}.ultra-section-header.deductions i{color:#ef4444}.ultra-section-header h5{margin:0;font-size:15px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-section-header h5{color:#f1f5f9}.ultra-list{display:flex;flex-direction:column;gap:8px}.ultra-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#f8fafc;transition:all 0.3s ease}.ultra-list-item:hover{transform:translateX(-4px)}[data-theme="dark"].ultra-list-item{background:rgba(71,85,105,0.4)}.ultra-list-item.income{background:linear-gradient(135deg,rgba(16,185,129,0.08)0%,rgba(5,150,105,0.05)100%);border-right:3px solid #10b981}.ultra-list-item.deduction{background:linear-gradient(135deg,rgba(239,68,68,0.08)0%,rgba(220,38,38,0.05)100%);border-right:3px solid #ef4444}[data-theme="dark"].ultra-list-item.income{background:linear-gradient(135deg,rgba(16,185,129,0.15)0%,rgba(5,150,105,0.1)100%)}[data-theme="dark"].ultra-list-item.deduction{background:linear-gradient(135deg,rgba(239,68,68,0.15)0%,rgba(220,38,38,0.1)100%)}.ultra-list-item-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}[data-theme="dark"].ultra-list-item-label{color:#cbd5e1}.ultra-list-item-label i{font-size:12px;opacity:0.7}.ultra-list-item-value{font-size:14px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-list-item-value{color:#f1f5f9}.ultra-list-item.income .ultra-list-item-value{color:#059669}.ultra-list-item.deduction .ultra-list-item-value{color:#dc2626}.ultra-section-total{margin-top:12px;padding:12px 16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.ultra-section-total.income{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.ultra-section-total.deductions{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}[data-theme="dark"].ultra-section-total.income{background:linear-gradient(135deg,rgba(16,185,129,0.25)0%,rgba(5,150,105,0.2)100%);color:#6ee7b7}[data-theme="dark"].ultra-section-total.deductions{background:linear-gradient(135deg,rgba(239,68,68,0.25)0%,rgba(220,38,38,0.2)100%);color:#fca5a5}.ultra-net-salary-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:netSalaryGlow 6s ease infinite;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(102,126,234,0.4)}@keyframes netSalaryGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ultra-net-salary-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.15)0%,transparent 60%);animation:netSalaryShine 4s ease-in-out infinite}@keyframes netSalaryShine{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.ultra-net-icon{width:56px;height:56px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.ultra-net-content{flex:1;position:relative;z-index:2}.ultra-net-label{font-size:13px;opacity:0.9;margin-bottom:4px}.ultra-net-value{font-size:26px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.ultra-attendance-section{display:flex;flex-direction:column;gap:16px}.ultra-attendance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ultra-attendance-card{background:#fff;border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;border:2px solid transparent;transition:all 0.3s ease;box-shadow:0 2px 12px rgba(0,0,0,0.04)}.ultra-attendance-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.1)}[data-theme="dark"].ultra-attendance-card{background:rgba(51,65,85,0.6)}.ultra-attendance-card.present{border-color:#10b981}.ultra-attendance-card.absent{border-color:#ef4444}.ultra-attendance-card.overtime{border-color:#f59e0b}.ultra-attendance-card.late{border-color:#eab308}.ultra-attendance-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.ultra-attendance-card.present .ultra-attendance-icon{background:linear-gradient(135deg,#10b981,#059669)}.ultra-attendance-card.absent .ultra-attendance-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.ultra-attendance-card.overtime .ultra-attendance-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.ultra-attendance-card.late .ultra-attendance-icon{background:linear-gradient(135deg,#eab308,#ca8a04)}.ultra-attendance-content strong{display:block;font-size:22px;font-weight:800;color:#1e293b;margin-bottom:2px}[data-theme="dark"].ultra-attendance-content strong{color:#f1f5f9}.ultra-attendance-content span{font-size:12px;color:#64748b;font-weight:600}[data-theme="dark"].ultra-attendance-content span{color:#94a3b8}.ultra-attendance-details{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(0,0,0,0.06)}[data-theme="dark"].ultra-attendance-details{background:rgba(51,65,85,0.5);border-color:rgba(255,255,255,0.08)}.ultra-detail-row{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:8px;transition:all 0.3s ease}.ultra-detail-row:last-child{margin-bottom:0}.ultra-detail-row:hover{background:#f1f5f9;transform:translateX(-4px)}[data-theme="dark"].ultra-detail-row{background:rgba(71,85,105,0.4)}[data-theme="dark"].ultra-detail-row:hover{background:rgba(71,85,105,0.6)}.ultra-detail-row i{font-size:18px;color:#667eea;width:24px}.ultra-detail-row span{flex:1;font-size:13px;color:#64748b}[data-theme="dark"].ultra-detail-row span{color:#94a3b8}.ultra-detail-row strong{font-size:14px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-detail-row strong{color:#f1f5f9}.ultra-personal-section{display:flex;flex-direction:column;gap:16px}.ultra-info-group{background:#fff;border-radius:16px;padding:18px;border:1px solid rgba(0,0,0,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.04)}[data-theme="dark"].ultra-info-group{background:rgba(51,65,85,0.5);border-color:rgba(255,255,255,0.08)}.ultra-info-group-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #667eea}.ultra-info-group-header i{font-size:18px;color:#667eea}.ultra-info-group-header h5{margin:0;font-size:15px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-info-group-header h5{color:#f1f5f9}.ultra-info-list{display:flex;flex-direction:column;gap:8px}.ultra-info-row{display:flex;align-items:center;gap:10px;padding:12px;background:#f8fafc;border-radius:10px;transition:all 0.3s ease}.ultra-info-row:hover{background:#f1f5f9;transform:translateX(-4px)}[data-theme="dark"].ultra-info-row{background:rgba(71,85,105,0.4)}[data-theme="dark"].ultra-info-row:hover{background:rgba(71,85,105,0.6)}.ultra-info-row i{font-size:16px;color:#667eea;width:22px}.ultra-info-row span{flex:1;font-size:13px;color:#64748b}[data-theme="dark"].ultra-info-row span{color:#94a3b8}.ultra-info-row strong{font-size:13px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-info-row strong{color:#f1f5f9}.ultra-performance-section{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.ultra-performance-circle{position:relative;width:140px;height:140px}.ultra-performance-circle svg{width:100%;height:100%;transform:scaleX(-1);filter:drop-shadow(0 4px 20px rgba(102,126,234,0.3))}.ultra-performance-circle .circle-bg{fill:none;stroke:#e2e8f0;stroke-width:10}[data-theme="dark"].ultra-performance-circle .circle-bg{stroke:rgba(71,85,105,0.6)}.ultra-performance-circle .circle-progress{fill:none;stroke:url(#performanceGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1s ease}.ultra-performance-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ultra-performance-text strong{display:block;font-size:32px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ultra-performance-text span{font-size:13px;color:#64748b;font-weight:600}[data-theme="dark"].ultra-performance-text span{color:#94a3b8}.ultra-performance-stats{display:flex;flex-direction:column;gap:10px}.ultra-perf-item{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease}.ultra-perf-item:hover{transform:translateX(-4px);box-shadow:0 4px 20px rgba(0,0,0,0.08)}[data-theme="dark"].ultra-perf-item{background:rgba(51,65,85,0.5);border-color:rgba(255,255,255,0.08)}.ultra-perf-item i{font-size:22px;color:#667eea;width:28px}.ultra-perf-item-content span{display:block;font-size:12px;color:#64748b;margin-bottom:2px}[data-theme="dark"].ultra-perf-item-content span{color:#94a3b8}.ultra-perf-item-content strong{font-size:16px;font-weight:700;color:#1e293b}[data-theme="dark"].ultra-perf-item-content strong{color:#f1f5f9}.ultra-requests-section{background:linear-gradient(135deg,rgba(102,126,234,0.08)0%,rgba(118,75,162,0.05)100%);border:1px solid rgba(102,126,234,0.2);border-radius:14px;padding:16px;margin-top:8px}[data-theme="dark"].ultra-requests-section{background:linear-gradient(135deg,rgba(102,126,234,0.15)0%,rgba(118,75,162,0.1)100%);border-color:rgba(102,126,234,0.3)}.ultra-requests-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#5b21b6;font-weight:700;font-size:14px}[data-theme="dark"].ultra-requests-header{color:#c4b5fd}.ultra-requests-header i{font-size:16px}.ultra-request-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,0.6);border-radius:10px;margin-bottom:8px;transition:all 0.3s ease}.ultra-request-item:last-child{margin-bottom:0}.ultra-request-item:hover{background:rgba(255,255,255,0.9);transform:translateX(-4px)}[data-theme="dark"].ultra-request-item{background:rgba(71,85,105,0.4)}[data-theme="dark"].ultra-request-item:hover{background:rgba(71,85,105,0.6)}.ultra-request-item span{font-size:13px;color:#475569;display:flex;align-items:center;gap:6px}[data-theme="dark"].ultra-request-item span{color:#cbd5e1}.ultra-request-item strong{font-size:14px;font-weight:700}.employee-compact-popup.ultra-modern-modal .swal2-close{color:#94a3b8!important;font-size:28px!important;width:40px!important;height:40px!important;background:rgba(0,0,0,0.05)!important;border-radius:50%!important;transition:all 0.3s ease!important;top:12px!important;right:12px!important}.employee-compact-popup.ultra-modern-modal .swal2-close:hover{background:rgba(239,68,68,0.1)!important;color:#ef4444!important;transform:rotate(90deg)!important}[data-theme="dark"].employee-compact-popup.ultra-modern-modal .swal2-close{background:rgba(255,255,255,0.1)!important;color:#94a3b8!important}[data-theme="dark"].employee-compact-popup.ultra-modern-modal .swal2-close:hover{background:rgba(239,68,68,0.2)!important;color:#fca5a5!important}.employee-compact-popup.ultra-modern-modal .swal2-html-container::-webkit-scrollbar{width:6px}.employee-compact-popup.ultra-modern-modal .swal2-html-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.employee-compact-popup.ultra-modern-modal .swal2-html-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}[data-theme="dark"].employee-compact-popup.ultra-modern-modal .swal2-html-container::-webkit-scrollbar-track{background:rgba(71,85,105,0.4)}@media(max-width:640px){.employee-ultra-header{padding:20px;flex-direction:column;text-align:center}.ultra-avatar-wrapper{width:80px;height:80px}.ultra-employee-info h3{font-size:20px}.ultra-badges{justify-content:center}.ultra-stats-grid{grid-template-columns:1fr;gap:10px;padding:16px}.ultra-info-cards{grid-template-columns:1fr}.ultra-attendance-grid{grid-template-columns:1fr}.ultra-performance-section{grid-template-columns:1fr;text-align:center}.ultra-performance-circle{margin:0 auto}}@keyframes tabFadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.ultra-stat-card:hover .ultra-stat-icon{transform:scale(1.1)rotate(5deg);transition:transform 0.3s ease}.ultra-attendance-card:hover .ultra-attendance-icon{transform:scale(1.1);transition:transform 0.3s ease}.ultra-net-salary-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px rgba(102,126,234,0.5)}.employee-details-modal-ultra{direction:rtl;text-align:right;font-family:'Vazirmatn','Tahoma',sans-serif}[data-theme="dark"].employee-compact-popup.ultra-modern-modal .swal2-html-container{color:#f1f5f9}.employee-ultra-header{display:flex;align-items:center;gap:20px}@media(max-width:480px){.ultra-tab-btn{padding:12px 8px;font-size:12px}.ultra-tab-icon{font-size:14px}.ultra-stat-value{font-size:14px;white-space:nowrap}.ultra-net-value{font-size:18px}}#pendingPaymentsModal .pending-request-item{cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1)!important}#pendingPaymentsModal .pending-request-item:hover{background:white!important;border-color:rgba(102,126,234,0.4)!important;transform:translateX(-8px)scale(1.02)!important;box-shadow:0 6px 20px rgba(102,126,234,0.15),0 0 0 4px rgba(102,126,234,0.05)!important}#pendingPaymentsModal .pending-request-item.selected{background:linear-gradient(135deg,rgba(102,126,234,0.12)0%,rgba(118,75,162,0.08)100%)!important;border-color:#667eea!important;box-shadow:0 6px 25px rgba(102,126,234,0.25),inset 0 1px 0 rgba(255,255,255,0.5)!important;transform:translateX(-5px)!important}#pendingPaymentsModal .pending-request-item.selected::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:0 4px 4px 0}#pendingPaymentsModal .pending-request-item::before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.08)50%,transparent 100%);transition:right 0.5s ease}#pendingPaymentsModal .pending-request-item:hover::before{right:100%}#pendingPaymentsModal .walkie-quick-pay-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(39,174,96,0.4)}#pendingPaymentsModal .walkie-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#8B5CF6 100%)!important}#pendingPaymentsModal .walkie-header::before{background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.15)0%,transparent 60%)}#pendingPaymentsModal .walkie-users-list::-webkit-scrollbar-thumb{background:rgba(102,126,234,0.3)}#pendingPaymentsModal .walkie-users-list::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,0.5)}#pendingPaymentsModal .pay-request-detail-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(39,174,96,0.5)}#pendingPaymentsModal #bulkPayAllBtn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(102,126,234,0.5)}#pendingPaymentsModal #bulkPayAllBtn:hover .walkie-talk-ripple{opacity:1;animation:ripple-spread 0.6s ease-out}#pendingPaymentsModal .walkie-empty-icon{background:linear-gradient(135deg,rgba(102,126,234,0.12)0%,rgba(118,75,162,0.08)100%);color:#667eea}#pendingPaymentsModal .walkie-empty-waves span{border-color:#667eea}@media(max-width:768px){#pendingPaymentsModal .walkie-talkie-container{max-width:100%;max-height:100vh;border-radius:0}#pendingPaymentsModal .walkie-main{flex-direction:column}#pendingPaymentsModal .walkie-sidebar{width:100%;max-height:50vh}#pendingPaymentsModal .walkie-chat-area{min-height:40vh}#pendingPaymentsModal .walkie-tabs{flex-wrap:wrap}#pendingPaymentsModal .walkie-stat-badge{padding:8px}#pendingPaymentsModal .walkie-stat-badge>div:first-child{font-size:16px!important}}#pendingPaymentsModal #toggleAdvancedFilters:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 4px 15px rgba(102,126,234,0.4)}#pendingPaymentsModal #advancedFiltersPanel{animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#pendingPaymentsModal .filter-type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}#pendingPaymentsModal .filter-type-btn.active{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.2)}#pendingPaymentsModal #filterSectionSelect:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#pendingPaymentsModal #filterMinAmount:focus,#pendingPaymentsModal #filterMaxAmount:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);outline:none}#pendingPaymentsModal #applyFiltersBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}#pendingPaymentsModal #clearFiltersBtn:hover{background:#e53e3e;color:white;transform:translateY(-2px)}#pendingPaymentsModal .filter-tag{animation:tagPop 0.3s cubic-bezier(0.34,1.56,0.64,1)}@keyframes tagPop{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}#pendingPaymentsModal .filter-tag .remove-filter:hover{opacity:1;transform:scale(1.2)}#pendingPaymentsModal #activeFiltersTags{padding:8px 0}#pendingPaymentsModal .persian-datepicker:hover{border-color:#667eea}#pendingPaymentsModal .persian-datepicker:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);outline:none}.simple-persian-calendar{animation:calendarFadeIn 0.3s ease}@keyframes calendarFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.simple-persian-calendar .cal-day:hover{background:linear-gradient(135deg,rgba(102,126,234,0.15)0%,rgba(118,75,162,0.1)100%);color:#667eea}.simple-persian-calendar .cal-nav-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.simple-persian-calendar .cal-today-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(39,174,96,0.4)}.simple-persian-calendar .cal-close-btn:hover{background:#cbd5e0}#pendingPaymentsModal .quick-date-btn:hover{background:linear-gradient(135deg,rgba(102,126,234,0.1)0%,rgba(118,75,162,0.05)100%);border-color:#667eea;color:#667eea;transform:translateY(-1px)}#advancedFiltersSidePanel{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);animation:slideInFromRight 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}#advancedFiltersSidePanel #closeFiltersSidePanel:hover{background:#e2e8f0;transform:rotate(90deg)}#advancedFiltersSidePanel select:focus,#advancedFiltersSidePanel input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);outline:none}#advancedFiltersSidePanel .filter-type-btn-side:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}#advancedFiltersSidePanel .quick-date-btn-side:hover{background:linear-gradient(135deg,rgba(102,126,234,0.1)0%,rgba(118,75,162,0.05)100%);border-color:#667eea;color:#667eea;transform:translateY(-1px)}#advancedFiltersSidePanel #applyFiltersBtnSide:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}#advancedFiltersSidePanel #clearFiltersBtnSide:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}[data-theme="dark"]#advancedFiltersSidePanel{background:linear-gradient(180deg,rgba(30,41,59,0.95)0%,rgba(15,23,42,0.95)100%)}[data-theme="dark"]#advancedFiltersSidePanel>div>div{background:rgba(255,255,255,0.05)!important;border-color:rgba(255,255,255,0.1)!important}[data-theme="dark"]#advancedFiltersSidePanel h3{color:#e2e8f0!important}[data-theme="dark"]#advancedFiltersSidePanel p,[data-theme="dark"]#advancedFiltersSidePanel label{color:#94a3b8!important}[data-theme="dark"]#advancedFiltersSidePanel select,[data-theme="dark"]#advancedFiltersSidePanel input[type="number"],[data-theme="dark"]#advancedFiltersSidePanel input[type="text"]{background:rgba(30,41,59,0.8)!important;border-color:rgba(255,255,255,0.1)!important;color:#e2e8f0!important}[data-theme="dark"]#advancedFiltersSidePanel .quick-date-btn-side{background:rgba(255,255,255,0.05)!important;border-color:rgba(255,255,255,0.1)!important;color:#94a3b8!important}[data-theme="dark"]#advancedFiltersSidePanel .quick-date-btn-side:hover{background:rgba(102,126,234,0.2)!important;border-color:#667eea!important;color:#667eea!important}[data-theme="dark"]#advancedFiltersSidePanel #closeFiltersSidePanel{background:rgba(255,255,255,0.1)!important;color:#94a3b8!important}[data-theme="dark"]#advancedFiltersSidePanel #closeFiltersSidePanel:hover{background:rgba(255,255,255,0.2)!important}[data-theme="dark"]#activeFiltersSummarySide{background:linear-gradient(135deg,rgba(34,197,94,0.15)0%,rgba(34,197,94,0.05)100%)!important;border-color:rgba(34,197,94,0.3)!important}@font-face{font-family:'IRANSansWeb';src:url('../fonts/IRANSansWeb.woff')format('woff');font-weight:normal;font-style:normal;font-display:swap}#pendingPaymentsModal,#pendingPaymentsModal *:not(.fas):not(.far):not(.fab):not(.fa):not([class*="fa-"]):not(i){font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important}#pendingPaymentsModal h1,#pendingPaymentsModal h2,#pendingPaymentsModal h3,#pendingPaymentsModal h4,#pendingPaymentsModal h5,#pendingPaymentsModal h6,#pendingPaymentsModal p,#pendingPaymentsModal span,#pendingPaymentsModal div,#pendingPaymentsModal label,#pendingPaymentsModal input,#pendingPaymentsModal select,#pendingPaymentsModal textarea,#pendingPaymentsModal button,#pendingPaymentsModal a{font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important}.simple-persian-calendar,.simple-persian-calendar *{font-family:'IRANSansWeb',Tahoma,Arial,sans-serif!important}#paymentWalkieModal .payment-walkie-container{animation:paymentModalSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes paymentModalSlideIn{from{opacity:0;transform:scale(0.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}#paymentWalkieModal .payment-walkie-header{position:relative;overflow:hidden}#paymentWalkieModal .payment-walkie-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.2)0%,transparent 60%);pointer-events:none}#paymentWalkieModal .payment-header-icon{position:relative;animation:paymentIconPulse 2s ease-in-out infinite}@keyframes paymentIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#paymentWalkieModal .payment-walkie-main{display:flex;min-height:500px;max-height:75vh}#paymentWalkieModal .payment-walkie-sidebar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid rgba(0,0,0,0.05);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:75vh}#paymentWalkieModal .payment-walkie-sidebar::-webkit-scrollbar{width:6px}#paymentWalkieModal .payment-walkie-sidebar::-webkit-scrollbar-track{background:transparent}#paymentWalkieModal .payment-walkie-sidebar::-webkit-scrollbar-thumb{background:rgba(39,174,96,0.3);border-radius:10px}#paymentWalkieModal .payment-walkie-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(39,174,96,0.5)}#paymentWalkieModal .payment-employee-card{display:flex;align-items:center;gap:15px;padding:20px;background:white;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:2px solid transparent;transition:all 0.3s ease}#paymentWalkieModal .payment-employee-card:hover{border-color:rgba(39,174,96,0.3);transform:translateX(-5px)}#paymentWalkieModal .payment-employee-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 20px rgba(0,0,0,0.15);flex-shrink:0}#paymentWalkieModal .payment-employee-info{flex:1;min-width:0}#paymentWalkieModal .payment-employee-name{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#paymentWalkieModal .payment-employee-type{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:white}#paymentWalkieModal .payment-amount-card{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 50%,#58d68d 100%);border-radius:24px;padding:25px;position:relative;overflow:visible;box-shadow:0 10px 40px rgba(39,174,96,0.3);min-height:120px}#paymentWalkieModal .payment-amount-header{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.9);font-size:13px;font-weight:600;margin-bottom:15px}#paymentWalkieModal .payment-amount-header i{font-size:16px}#paymentWalkieModal .payment-amount-value{display:flex;align-items:baseline;justify-content:center;gap:8px;position:relative;z-index:2}#paymentWalkieModal .payment-amount-number{font-size:32px;font-weight:800;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.1);letter-spacing:1px}#paymentWalkieModal .payment-amount-currency{font-size:16px;color:rgba(255,255,255,0.9);font-weight:600}#paymentWalkieModal .payment-amount-decoration{position:absolute;bottom:-20px;left:0;right:0;height:60px;overflow:hidden}#paymentWalkieModal .payment-amount-wave{position:absolute;bottom:0;left:-50%;width:200%;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;animation:waveMove 3s ease-in-out infinite}#paymentWalkieModal .payment-amount-wave:nth-child(2){animation-delay:-1s;opacity:0.5}#paymentWalkieModal .payment-amount-wave:nth-child(3){animation-delay:-2s;opacity:0.3}@keyframes waveMove{0%,100%{transform:translateX(0)translateY(0)}50%{transform:translateX(2%)translateY(-5px)}}#paymentWalkieModal .payment-quick-stats{display:flex;flex-direction:column;gap:10px}#paymentWalkieModal .payment-stat-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:white;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,0.04);transition:all 0.3s ease}#paymentWalkieModal .payment-stat-item:hover{transform:translateX(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.08)}#paymentWalkieModal .payment-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;flex-shrink:0}#paymentWalkieModal .payment-stat-info{flex:1}#paymentWalkieModal .payment-stat-label{display:block;font-size:11px;color:#a0aec0;margin-bottom:3px}#paymentWalkieModal .payment-stat-value{display:block;font-size:14px;font-weight:700;color:#2d3748}#paymentWalkieModal .payment-tips-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:2px solid #fcd34d;border-radius:16px;padding:16px}#paymentWalkieModal .payment-tips-header{display:flex;align-items:center;gap:10px;color:#b45309;font-size:13px;font-weight:700;margin-bottom:12px}#paymentWalkieModal .payment-tips-header i{font-size:16px;color:#f59e0b}#paymentWalkieModal .payment-tips-list{list-style:none;padding:0;margin:0}#paymentWalkieModal .payment-tips-list li{display:flex;align-items:center;gap:10px;font-size:12px;color:#92400e;padding:6px 0}#paymentWalkieModal .payment-tips-list li i{color:#10b981;font-size:12px}#paymentWalkieModal .payment-form-area{flex:1;padding:25px;background:white;overflow-y:auto;max-height:75vh}#paymentWalkieModal .payment-form-area::-webkit-scrollbar{width:6px}#paymentWalkieModal .payment-form-area::-webkit-scrollbar-track{background:transparent}#paymentWalkieModal .payment-form-area::-webkit-scrollbar-thumb{background:rgba(102,126,234,0.3);border-radius:10px}#paymentWalkieModal .payment-form-area::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,0.5)}#paymentWalkieModal .payment-form-container{max-width:100%}#paymentWalkieModal .payment-form-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}#paymentWalkieModal .payment-form-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:22px;box-shadow:0 6px 20px rgba(102,126,234,0.3)}#paymentWalkieModal .payment-form-title h3{margin:0;font-size:18px;font-weight:700;color:#2d3748}#paymentWalkieModal .payment-form-title p{margin:5px 0 0 0;font-size:13px;color:#a0aec0}#paymentWalkieModal .payment-form-body{display:flex;flex-direction:column;gap:24px}#paymentWalkieModal .payment-form-group{display:flex;flex-direction:column;gap:10px}#paymentWalkieModal .payment-form-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4a5568}#paymentWalkieModal .payment-label-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:12px}#paymentWalkieModal .payment-label-optional{font-size:11px;color:#a0aec0;font-weight:400}#paymentWalkieModal .payment-input-wrapper{position:relative}#paymentWalkieModal .payment-form-input{width:100%;padding:16px 20px;padding-left:50px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:500;color:#2d3748;background:#f8fafc;transition:all 0.3s ease;box-sizing:border-box}#paymentWalkieModal .payment-form-input:focus{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#paymentWalkieModal .payment-form-input::placeholder{color:#a0aec0}#paymentWalkieModal .payment-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px;transition:color 0.3s}#paymentWalkieModal .payment-form-input:focus+.payment-input-icon{color:#667eea}#paymentWalkieModal .payment-form-textarea{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:500;color:#2d3748;background:#f8fafc;transition:all 0.3s ease;min-height:100px;resize:vertical;box-sizing:border-box;font-family:inherit}#paymentWalkieModal .payment-form-textarea:focus{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#paymentWalkieModal .payment-form-textarea::placeholder{color:#a0aec0}#paymentWalkieModal .payment-method-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#paymentWalkieModal .payment-method-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all 0.3s ease;text-align:center}#paymentWalkieModal .payment-method-option:hover{border-color:#667eea;background:white;transform:translateY(-3px)}#paymentWalkieModal .payment-method-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.1)0%,rgba(118,75,162,0.05)100%);box-shadow:0 4px 15px rgba(102,126,234,0.2)}#paymentWalkieModal .payment-method-option input{display:none}#paymentWalkieModal .payment-method-icon{width:40px;height:40px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18px;transition:all 0.3s ease}#paymentWalkieModal .payment-method-option.active .payment-method-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.3)}#paymentWalkieModal .payment-method-option span{font-size:12px;font-weight:600;color:#64748b;transition:color 0.3s}#paymentWalkieModal .payment-method-option.active span{color:#667eea}#paymentWalkieModal .payment-options-group{display:flex;flex-direction:column;gap:12px}#paymentWalkieModal .payment-option-checkbox{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;border-radius:14px;cursor:pointer;transition:all 0.3s ease}#paymentWalkieModal .payment-option-checkbox:hover{transform:translateX(-5px);box-shadow:0 4px 15px rgba(34,197,94,0.15)}#paymentWalkieModal .payment-option-checkbox:nth-child(2){background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}#paymentWalkieModal .payment-option-checkbox:nth-child(2):hover{box-shadow:0 4px 15px rgba(59,130,246,0.15)}#paymentWalkieModal .payment-option-checkbox input{display:none}#paymentWalkieModal .payment-checkbox-custom{width:24px;height:24px;border-radius:8px;border:2px solid #86efac;background:white;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0}#paymentWalkieModal .payment-option-checkbox:nth-child(2).payment-checkbox-custom{border-color:#93c5fd}#paymentWalkieModal .payment-checkbox-custom i{font-size:12px;color:white;opacity:0;transform:scale(0);transition:all 0.3s ease}#paymentWalkieModal .payment-option-checkbox input:checked+.payment-checkbox-custom{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e}#paymentWalkieModal .payment-option-checkbox:nth-child(2)input:checked+.payment-checkbox-custom{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6}#paymentWalkieModal .payment-option-checkbox input:checked+.payment-checkbox-custom i{opacity:1;transform:scale(1)}#paymentWalkieModal .payment-option-content{display:flex;align-items:center;gap:10px;flex:1}#paymentWalkieModal .payment-option-icon{font-size:16px;color:#22c55e}#paymentWalkieModal .payment-option-checkbox:nth-child(2).payment-option-icon{color:#3b82f6}#paymentWalkieModal .payment-option-content span{font-size:13px;font-weight:600;color:#166534}#paymentWalkieModal .payment-option-checkbox:nth-child(2).payment-option-content span{color:#1e40af}#paymentWalkieModal .payment-form-actions{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #f1f5f9}#paymentWalkieModal .payment-cancel-btn{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:16px 28px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.3s ease}#paymentWalkieModal .payment-cancel-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-2px)}#paymentWalkieModal .payment-submit-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 30px;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 50%,#58d68d 100%);border:none;border-radius:14px;font-size:15px;font-weight:700;color:white;cursor:pointer;transition:all 0.3s ease;overflow:hidden;box-shadow:0 6px 25px rgba(39,174,96,0.35)}#paymentWalkieModal .payment-submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(39,174,96,0.45)}#paymentWalkieModal .payment-btn-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}#paymentWalkieModal .payment-btn-content i{font-size:18px}#paymentWalkieModal .payment-btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}#paymentWalkieModal .payment-submit-btn:active .payment-btn-ripple{width:300px;height:300px}@media(max-width:900px){#paymentWalkieModal .walkie-talkie-container{max-width:100%;max-height:100vh;border-radius:0}#paymentWalkieModal .payment-walkie-main{flex-direction:column}#paymentWalkieModal .payment-walkie-sidebar{width:100%;border-left:none;border-bottom:1px solid rgba(0,0,0,0.05);max-height:40vh;overflow-y:auto}#paymentWalkieModal .payment-form-area{min-height:50vh}#paymentWalkieModal .payment-method-selector{grid-template-columns:repeat(2,1fr)}#paymentWalkieModal .payment-form-actions{flex-direction:column-reverse}#paymentWalkieModal .payment-cancel-btn{justify-content:center}}@media(max-width:480px){#paymentWalkieModal .payment-amount-number{font-size:26px}#paymentWalkieModal .payment-employee-avatar{width:50px;height:50px;font-size:24px}#paymentWalkieModal .payment-method-selector{grid-template-columns:1fr 1fr}#paymentWalkieModal .payment-method-option{padding:12px 8px}#paymentWalkieModal .payment-method-icon{width:35px;height:35px;font-size:16px}}#bulkPaymentWalkieModal .bulk-payment-walkie-container{animation:bulkPaymentModalSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes bulkPaymentModalSlideIn{from{opacity:0;transform:scale(0.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}#bulkPaymentWalkieModal .bulk-payment-walkie-header{position:relative;overflow:hidden}#bulkPaymentWalkieModal .bulk-payment-walkie-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.2)0%,transparent 60%);pointer-events:none}#bulkPaymentWalkieModal .bulk-payment-header-icon{position:relative;animation:bulkIconFloat 3s ease-in-out infinite}@keyframes bulkIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}#bulkPaymentWalkieModal .bulk-payment-walkie-main{display:flex;min-height:550px}#bulkPaymentWalkieModal .bulk-payment-walkie-sidebar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid rgba(0,0,0,0.05);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}#bulkPaymentWalkieModal .bulk-payment-summary-card{background:white;border-radius:20px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.05)}#bulkPaymentWalkieModal .bulk-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}#bulkPaymentWalkieModal .bulk-summary-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:16px}#bulkPaymentWalkieModal .bulk-summary-header span{font-size:15px;font-weight:700;color:#2d3748}#bulkPaymentWalkieModal .bulk-summary-stats{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}#bulkPaymentWalkieModal .bulk-summary-stat{display:flex;flex-direction:column;align-items:center;gap:10px}#bulkPaymentWalkieModal .bulk-stat-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;box-shadow:0 6px 20px rgba(0,0,0,0.15)}#bulkPaymentWalkieModal .bulk-stat-number{font-size:22px;font-weight:800}#bulkPaymentWalkieModal .bulk-stat-label{font-size:12px;color:#64748b;font-weight:600}#bulkPaymentWalkieModal .bulk-summary-divider{color:#cbd5e1;font-size:20px}#bulkPaymentWalkieModal .bulk-total-amount-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#8B5CF6 100%);border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(102,126,234,0.3)}#bulkPaymentWalkieModal .bulk-total-decoration{position:absolute;bottom:-10px;left:0;right:0;height:40px;overflow:hidden}#bulkPaymentWalkieModal .bulk-total-wave{position:absolute;bottom:0;left:-50%;width:200%;height:30px;background:rgba(255,255,255,0.1);border-radius:50%;animation:bulkWaveMove 3s ease-in-out infinite}#bulkPaymentWalkieModal .bulk-total-wave:nth-child(2){animation-delay:-1.5s;opacity:0.5}@keyframes bulkWaveMove{0%,100%{transform:translateX(0)translateY(0)}50%{transform:translateX(2%)translateY(-3px)}}#bulkPaymentWalkieModal .bulk-total-content{position:relative;z-index:1;text-align:center}#bulkPaymentWalkieModal .bulk-total-label{display:block;font-size:12px;color:rgba(255,255,255,0.8);margin-bottom:8px}#bulkPaymentWalkieModal .bulk-total-value{display:block;font-size:28px;font-weight:800;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.1)}#bulkPaymentWalkieModal .bulk-total-currency{display:block;font-size:13px;color:rgba(255,255,255,0.7);margin-top:5px}#bulkPaymentWalkieModal .bulk-payment-warning-card{display:flex;gap:15px;padding:18px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fbbf24;border-radius:16px}#bulkPaymentWalkieModal .bulk-warning-icon{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:20px;flex-shrink:0;box-shadow:0 4px 15px rgba(245,158,11,0.3)}#bulkPaymentWalkieModal .bulk-warning-content h4{margin:0 0 8px 0;font-size:14px;font-weight:700;color:#92400e}#bulkPaymentWalkieModal .bulk-warning-content p{margin:0 0 10px 0;font-size:12px;color:#a16207;line-height:1.6}#bulkPaymentWalkieModal .bulk-warning-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#b45309;font-weight:600}#bulkPaymentWalkieModal .bulk-requests-preview{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.04)}#bulkPaymentWalkieModal .bulk-preview-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;font-size:13px;font-weight:600;color:#4a5568}#bulkPaymentWalkieModal .bulk-preview-header i{color:#667eea}#bulkPaymentWalkieModal .bulk-preview-count{margin-right:auto;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3px 10px;border-radius:20px;font-size:11px}#bulkPaymentWalkieModal .bulk-preview-list{max-height:150px;overflow-y:auto;padding:10px}#bulkPaymentWalkieModal .bulk-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;color:#a0aec0;text-align:center}#bulkPaymentWalkieModal .bulk-preview-placeholder i{font-size:30px;color:#27ae60}#bulkPaymentWalkieModal .bulk-preview-placeholder span{font-size:12px}#bulkPaymentWalkieModal .bulk-payment-form-area{flex:1;padding:25px;background:white;overflow-y:auto}#bulkPaymentWalkieModal .bulk-payment-form-container{max-width:100%}#bulkPaymentWalkieModal .bulk-payment-form-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}#bulkPaymentWalkieModal .bulk-payment-form-icon{width:55px;height:55px;border-radius:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 8px 25px rgba(102,126,234,0.35);animation:bulkFormIconPulse 2s ease-in-out infinite}@keyframes bulkFormIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#bulkPaymentWalkieModal .bulk-payment-form-title h3{margin:0;font-size:18px;font-weight:700;color:#2d3748}#bulkPaymentWalkieModal .bulk-payment-form-title p{margin:5px 0 0 0;font-size:13px;color:#a0aec0}#bulkPaymentWalkieModal .bulk-payment-form-body{display:flex;flex-direction:column;gap:24px}#bulkPaymentWalkieModal .bulk-payment-form-group{display:flex;flex-direction:column;gap:10px}#bulkPaymentWalkieModal .bulk-payment-form-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4a5568}#bulkPaymentWalkieModal .bulk-payment-label-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:12px}#bulkPaymentWalkieModal .bulk-payment-label-optional{font-size:11px;color:#a0aec0;font-weight:400}#bulkPaymentWalkieModal .bulk-payment-input-wrapper{position:relative}#bulkPaymentWalkieModal .bulk-payment-form-input{width:100%;padding:16px 20px;padding-left:50px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:500;color:#2d3748;background:#f8fafc;transition:all 0.3s ease;box-sizing:border-box}#bulkPaymentWalkieModal .bulk-payment-form-input:focus{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#bulkPaymentWalkieModal .bulk-payment-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px;transition:color 0.3s}#bulkPaymentWalkieModal .bulk-payment-form-input:focus+.bulk-payment-input-icon{color:#667eea}#bulkPaymentWalkieModal .bulk-payment-input-hint{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0aec0;padding-right:5px}#bulkPaymentWalkieModal .bulk-payment-input-hint i{color:#667eea}#bulkPaymentWalkieModal .bulk-payment-form-textarea{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:500;color:#2d3748;background:#f8fafc;transition:all 0.3s ease;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit}#bulkPaymentWalkieModal .bulk-payment-form-textarea:focus{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#bulkPaymentWalkieModal .bulk-payment-method-selector{display:flex;flex-direction:column;gap:10px}#bulkPaymentWalkieModal .bulk-payment-method-option{display:flex;align-items:center;gap:15px;padding:16px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-payment-method-option:hover{border-color:#667eea;background:white;transform:translateX(-5px)}#bulkPaymentWalkieModal .bulk-payment-method-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.08)0%,rgba(118,75,162,0.04)100%);box-shadow:0 4px 15px rgba(102,126,234,0.15)}#bulkPaymentWalkieModal .bulk-payment-method-option input{display:none}#bulkPaymentWalkieModal .bulk-method-icon{width:45px;height:45px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18px;transition:all 0.3s ease;flex-shrink:0}#bulkPaymentWalkieModal .bulk-payment-method-option.active .bulk-method-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.3)}#bulkPaymentWalkieModal .bulk-method-info{flex:1}#bulkPaymentWalkieModal .bulk-method-name{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:3px}#bulkPaymentWalkieModal .bulk-method-desc{display:block;font-size:11px;color:#a0aec0}#bulkPaymentWalkieModal .bulk-method-check{width:24px;height:24px;border-radius:50%;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-method-check i{font-size:12px;color:white;opacity:0;transform:scale(0);transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-payment-method-option.active .bulk-method-check{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}#bulkPaymentWalkieModal .bulk-payment-method-option.active .bulk-method-check i{opacity:1;transform:scale(1)}#bulkPaymentWalkieModal .bulk-payment-options-group{display:flex;flex-direction:column;gap:12px}#bulkPaymentWalkieModal .bulk-payment-option-checkbox{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-payment-option-checkbox:hover{border-color:#667eea;transform:translateX(-5px)}#bulkPaymentWalkieModal .bulk-payment-option-checkbox input{display:none}#bulkPaymentWalkieModal .bulk-checkbox-custom{width:24px;height:24px;border-radius:8px;border:2px solid #e2e8f0;background:white;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0}#bulkPaymentWalkieModal .bulk-checkbox-custom i{font-size:12px;color:white;opacity:0;transform:scale(0);transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-payment-option-checkbox input:checked+.bulk-checkbox-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}#bulkPaymentWalkieModal .bulk-payment-option-checkbox input:checked+.bulk-checkbox-custom i{opacity:1;transform:scale(1)}#bulkPaymentWalkieModal .bulk-option-content{display:flex;align-items:center;gap:12px;flex:1}#bulkPaymentWalkieModal .bulk-option-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;flex-shrink:0}#bulkPaymentWalkieModal .bulk-option-text{flex:1}#bulkPaymentWalkieModal .bulk-option-title{display:block;font-size:13px;font-weight:600;color:#2d3748;margin-bottom:2px}#bulkPaymentWalkieModal .bulk-option-desc{display:block;font-size:11px;color:#a0aec0}#bulkPaymentWalkieModal .bulk-payment-form-actions{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #f1f5f9}#bulkPaymentWalkieModal .bulk-payment-cancel-btn{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:16px 28px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.3s ease}#bulkPaymentWalkieModal .bulk-payment-cancel-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-2px)}#bulkPaymentWalkieModal .bulk-payment-submit-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#8B5CF6 100%);border:none;border-radius:14px;font-size:15px;font-weight:700;color:white;cursor:pointer;transition:all 0.3s ease;overflow:hidden;box-shadow:0 6px 25px rgba(102,126,234,0.35)}#bulkPaymentWalkieModal .bulk-payment-submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(102,126,234,0.45)}#bulkPaymentWalkieModal .bulk-payment-btn-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}#bulkPaymentWalkieModal .bulk-payment-btn-content i{font-size:18px}#bulkPaymentWalkieModal .bulk-payment-btn-badge{background:rgba(255,255,255,0.2);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}#bulkPaymentWalkieModal .bulk-payment-btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}#bulkPaymentWalkieModal .bulk-payment-submit-btn:active .bulk-payment-btn-ripple{width:400px;height:400px}@media(max-width:1000px){#bulkPaymentWalkieModal .walkie-talkie-container{max-width:100%;max-height:100vh;border-radius:0}#bulkPaymentWalkieModal .bulk-payment-walkie-main{flex-direction:column}#bulkPaymentWalkieModal .bulk-payment-walkie-sidebar{width:100%;border-left:none;border-bottom:1px solid rgba(0,0,0,0.05);max-height:45vh}#bulkPaymentWalkieModal .bulk-payment-form-area{min-height:50vh}}@media(max-width:600px){#bulkPaymentWalkieModal .bulk-summary-stats{flex-direction:column;gap:15px}#bulkPaymentWalkieModal .bulk-summary-divider{transform:rotate(90deg)}#bulkPaymentWalkieModal .bulk-total-value{font-size:24px}#bulkPaymentWalkieModal .bulk-payment-form-actions{flex-direction:column-reverse}#bulkPaymentWalkieModal .bulk-payment-cancel-btn{justify-content:center}}#salaryPaymentWalkieModal .salary-payment-walkie-container{animation:salaryPaymentModalSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes salaryPaymentModalSlideIn{from{opacity:0;transform:scale(0.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}#salaryPaymentWalkieModal .salary-payment-walkie-main{display:flex;min-height:520px;max-height:80vh}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid rgba(0,0,0,0.05);padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:calc(80vh - 80px);scrollbar-width:thin;scrollbar-color:rgba(102,126,234,0.3)transparent}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar::-webkit-scrollbar{width:6px}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar::-webkit-scrollbar-track{background:transparent}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar::-webkit-scrollbar-thumb{background:rgba(102,126,234,0.3);border-radius:10px}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,0.5)}#salaryPaymentWalkieModal .salary-employee-card{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.04);flex-shrink:0}#salaryPaymentWalkieModal .salary-employee-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:20px;box-shadow:0 4px 15px rgba(102,126,234,0.25);flex-shrink:0}#salaryPaymentWalkieModal .salary-employee-info{flex:1;min-width:0}#salaryPaymentWalkieModal .salary-employee-name{font-size:14px;font-weight:700;color:#2d3748;margin:0 0 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#salaryPaymentWalkieModal .salary-employee-status{display:inline-block;padding:3px 10px;border-radius:15px;font-size:10px;font-weight:600;background:#e2e8f0;color:#64748b}#salaryPaymentWalkieModal .salary-financial-cards{display:flex;flex-direction:column;gap:8px;flex-shrink:0}#salaryPaymentWalkieModal .salary-financial-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.03)}#salaryPaymentWalkieModal .salary-financial-card.highlight{background:linear-gradient(135deg,#f0fff4 0%,#dcfce7 100%);border:2px solid #86efac;padding:14px 16px}#salaryPaymentWalkieModal .salary-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;flex-shrink:0}#salaryPaymentWalkieModal .salary-card-info{flex:1;min-width:0}#salaryPaymentWalkieModal .salary-card-label{display:block;font-size:10px;color:#a0aec0;margin-bottom:2px}#salaryPaymentWalkieModal .salary-card-value{display:block;font-size:14px;font-weight:700;color:#2d3748}#salaryPaymentWalkieModal .salary-export-section{background:white;border-radius:14px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,0.03);flex-shrink:0}#salaryPaymentWalkieModal .salary-export-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9;font-size:12px;font-weight:600;color:#4a5568}#salaryPaymentWalkieModal .salary-export-header i{color:#667eea;font-size:14px}#salaryPaymentWalkieModal .salary-format-group{margin-bottom:10px}#salaryPaymentWalkieModal .salary-format-group:last-child{margin-bottom:0}#salaryPaymentWalkieModal .salary-format-group-title{display:block;font-size:9px;color:#a0aec0;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}#salaryPaymentWalkieModal .salary-format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#salaryPaymentWalkieModal .salary-format-options.bank-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#salaryPaymentWalkieModal .salary-format-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all 0.2s;text-align:center}#salaryPaymentWalkieModal .salary-format-option:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,0.15)}#salaryPaymentWalkieModal .salary-format-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.12)0%,rgba(118,75,162,0.06)100%);box-shadow:0 3px 10px rgba(102,126,234,0.2)}#salaryPaymentWalkieModal .salary-format-option input{display:none}#salaryPaymentWalkieModal .salary-format-option i{font-size:16px}#salaryPaymentWalkieModal .salary-format-option span{font-size:9px;font-weight:600;color:#64748b}#salaryPaymentWalkieModal .salary-format-option.active span{color:#667eea}#salaryPaymentWalkieModal .salary-payment-form-area{flex:1;padding:25px;background:white;overflow-y:auto}#salaryPaymentWalkieModal .salary-payment-form-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}#salaryPaymentWalkieModal .salary-payment-form-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:22px;box-shadow:0 6px 20px rgba(102,126,234,0.3)}#salaryPaymentWalkieModal .salary-payment-form-title h3{margin:0;font-size:18px;font-weight:700;color:#2d3748}#salaryPaymentWalkieModal .salary-payment-form-title p{margin:5px 0 0 0;font-size:13px;color:#a0aec0}#salaryPaymentWalkieModal .salary-payment-form-body{display:flex;flex-direction:column;gap:24px}#salaryPaymentWalkieModal .salary-payment-form-group{display:flex;flex-direction:column;gap:10px}#salaryPaymentWalkieModal .salary-payment-form-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4a5568}#salaryPaymentWalkieModal .salary-payment-label-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:12px}#salaryPaymentWalkieModal .salary-payment-label-optional{font-size:11px;color:#a0aec0;font-weight:400}#salaryPaymentWalkieModal .salary-payment-input-wrapper{position:relative}#salaryPaymentWalkieModal .salary-payment-form-input{width:100%;padding:16px 20px;padding-left:50px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;background:#f8fafc;transition:all 0.3s;box-sizing:border-box}#salaryPaymentWalkieModal .salary-payment-form-input:focus{border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,0.1);outline:none}#salaryPaymentWalkieModal .salary-payment-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px}#salaryPaymentWalkieModal .salary-payment-form-textarea{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;background:#f8fafc;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit}#salaryPaymentWalkieModal .salary-payment-method-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#salaryPaymentWalkieModal .salary-payment-method-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all 0.3s}#salaryPaymentWalkieModal .salary-payment-method-option:hover{border-color:#667eea;transform:translateY(-3px)}#salaryPaymentWalkieModal .salary-payment-method-option.active{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.1)0%,rgba(118,75,162,0.05)100%);box-shadow:0 4px 15px rgba(102,126,234,0.2)}#salaryPaymentWalkieModal .salary-payment-method-option input{display:none}#salaryPaymentWalkieModal .salary-method-icon{width:40px;height:40px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18px}#salaryPaymentWalkieModal .salary-payment-method-option.active .salary-method-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.3)}#salaryPaymentWalkieModal .salary-payment-method-option span{font-size:12px;font-weight:600;color:#64748b}#salaryPaymentWalkieModal .salary-payment-method-option.active span{color:#667eea}#salaryPaymentWalkieModal .salary-payment-options-group{display:flex;flex-direction:column;gap:12px}#salaryPaymentWalkieModal .salary-payment-option-checkbox{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;border-radius:14px;cursor:pointer;transition:all 0.3s}#salaryPaymentWalkieModal .salary-payment-option-checkbox:nth-child(2){background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd}#salaryPaymentWalkieModal .salary-payment-option-checkbox:hover{transform:translateX(-5px)}#salaryPaymentWalkieModal .salary-payment-option-checkbox input{display:none}#salaryPaymentWalkieModal .salary-checkbox-custom{width:24px;height:24px;border-radius:8px;border:2px solid #86efac;background:white;display:flex;align-items:center;justify-content:center}#salaryPaymentWalkieModal .salary-checkbox-custom i{font-size:12px;color:white;opacity:0;transform:scale(0);transition:all 0.3s}#salaryPaymentWalkieModal .salary-payment-option-checkbox input:checked+.salary-checkbox-custom{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e}#salaryPaymentWalkieModal .salary-payment-option-checkbox:nth-child(2)input:checked+.salary-checkbox-custom{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6}#salaryPaymentWalkieModal .salary-payment-option-checkbox input:checked+.salary-checkbox-custom i{opacity:1;transform:scale(1)}#salaryPaymentWalkieModal .salary-option-content{display:flex;align-items:center;gap:10px;flex:1}#salaryPaymentWalkieModal .salary-option-icon{font-size:16px;color:#22c55e}#salaryPaymentWalkieModal .salary-option-content span{font-size:13px;font-weight:600;color:#166534}#salaryPaymentWalkieModal .salary-payment-form-actions{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #f1f5f9}#salaryPaymentWalkieModal .salary-payment-cancel-btn{display:flex;align-items:center;gap:10px;padding:16px 28px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer}#salaryPaymentWalkieModal .salary-payment-download-btn{display:flex;align-items:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:14px;font-size:14px;font-weight:600;color:white;cursor:pointer;box-shadow:0 4px 15px rgba(102,126,234,0.3)}#salaryPaymentWalkieModal .salary-payment-submit-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 30px;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 50%,#58d68d 100%);border:none;border-radius:14px;font-size:15px;font-weight:700;color:white;cursor:pointer;overflow:hidden;box-shadow:0 6px 25px rgba(39,174,96,0.35)}#salaryPaymentWalkieModal .salary-payment-submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(39,174,96,0.45)}#salaryPaymentWalkieModal .salary-payment-btn-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}@media(max-width:950px){#salaryPaymentWalkieModal .salary-payment-walkie-main{flex-direction:column}#salaryPaymentWalkieModal .salary-payment-walkie-sidebar{width:100%;max-height:35vh;overflow-y:auto;border-left:none;border-bottom:1px solid rgba(0,0,0,0.05)}#salaryPaymentWalkieModal .salary-format-options{grid-template-columns:repeat(3,1fr)}#salaryPaymentWalkieModal .salary-payment-form-actions{flex-wrap:wrap}}@media(max-width:600px){#salaryPaymentWalkieModal .salary-format-options{grid-template-columns:repeat(3,1fr)}#salaryPaymentWalkieModal .salary-payment-method-selector{grid-template-columns:1fr 1fr}}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-walkie-container{animation:bulkSalaryPaymentModalSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes bulkSalaryPaymentModalSlideIn{from{opacity:0;transform:scale(0.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-walkie-main{display:flex;min-height:550px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-walkie-sidebar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid rgba(0,0,0,0.05);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-card{background:white;border-radius:20px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.05)}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:16px}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-header span{font-size:15px;font-weight:700;color:#2d3748}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-stats{display:flex;justify-content:center;margin-bottom:20px}#bulkSalaryPaymentWalkieModal .bulk-salary-summary-stat{display:flex;flex-direction:column;align-items:center;gap:10px}#bulkSalaryPaymentWalkieModal .bulk-salary-stat-circle{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 6px 20px rgba(0,0,0,0.15)}#bulkSalaryPaymentWalkieModal .bulk-salary-stat-number{font-size:26px;font-weight:800}#bulkSalaryPaymentWalkieModal .bulk-salary-stat-label{font-size:12px;color:#64748b;font-weight:600}#bulkSalaryPaymentWalkieModal .bulk-salary-total-amount-card{background:linear-gradient(135deg,#00b894 0%,#00cec9 50%,#55efc4 100%);border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(0,184,148,0.3)}#bulkSalaryPaymentWalkieModal .bulk-salary-total-decoration{position:absolute;bottom:-10px;left:0;right:0;height:40px;overflow:hidden}#bulkSalaryPaymentWalkieModal .bulk-salary-total-wave{position:absolute;bottom:0;left:-50%;width:200%;height:30px;background:rgba(255,255,255,0.1);border-radius:50%;animation:bulkSalaryWaveMove 3s ease-in-out infinite}@keyframes bulkSalaryWaveMove{0%,100%{transform:translateX(0)}50%{transform:translateX(2%)}}#bulkSalaryPaymentWalkieModal .bulk-salary-total-content{position:relative;z-index:1;text-align:center}#bulkSalaryPaymentWalkieModal .bulk-salary-total-label{display:block;font-size:12px;color:rgba(255,255,255,0.8);margin-bottom:8px}#bulkSalaryPaymentWalkieModal .bulk-salary-total-value{display:block;font-size:28px;font-weight:800;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.1)}#bulkSalaryPaymentWalkieModal .bulk-salary-total-currency{display:block;font-size:13px;color:rgba(255,255,255,0.7);margin-top:5px}#bulkSalaryPaymentWalkieModal .bulk-salary-service-card{background:white;border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,0.04)}#bulkSalaryPaymentWalkieModal .bulk-salary-service-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:13px;font-weight:600;color:#4a5568}#bulkSalaryPaymentWalkieModal .bulk-salary-service-header i{color:#00b894}#bulkSalaryPaymentWalkieModal .bulk-salary-service-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all 0.3s}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option:hover{border-color:#00b894;transform:translateY(-2px)}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option.active{border-color:#00b894;background:linear-gradient(135deg,rgba(0,184,148,0.1)0%,rgba(0,206,201,0.05)100%);box-shadow:0 4px 12px rgba(0,184,148,0.2)}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option input{display:none}#bulkSalaryPaymentWalkieModal .bulk-salary-service-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option span{font-size:10px;font-weight:600;color:#64748b}#bulkSalaryPaymentWalkieModal .bulk-salary-service-option.active span{color:#00b894}#bulkSalaryPaymentWalkieModal .bulk-salary-warning-card{display:flex;gap:12px;padding:14px;background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 100%);border:2px solid #4dd0e1;border-radius:14px}#bulkSalaryPaymentWalkieModal .bulk-salary-warning-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#00bcd4 0%,#0097a7 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:16px}#bulkSalaryPaymentWalkieModal .bulk-salary-warning-content p{margin:0;font-size:12px;color:#006064;line-height:1.6}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-area{flex:1;padding:25px;background:white;overflow-y:auto}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-icon{width:55px;height:55px;border-radius:18px;background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 8px 25px rgba(0,184,148,0.35)}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-title h3{margin:0;font-size:18px;font-weight:700;color:#2d3748}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-title p{margin:5px 0 0 0;font-size:13px;color:#a0aec0}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-body{display:flex;flex-direction:column;gap:24px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-group{display:flex;flex-direction:column;gap:10px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4a5568}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-label-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:12px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-label-optional{font-size:11px;color:#a0aec0;font-weight:400}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-input-wrapper{position:relative}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-input{width:100%;padding:16px 20px;padding-left:50px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;background:#f8fafc;transition:all 0.3s;box-sizing:border-box}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-input:focus{border-color:#00b894;background:white;box-shadow:0 0 0 4px rgba(0,184,148,0.1);outline:none}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-textarea{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;background:#f8fafc;min-height:80px;resize:vertical;box-sizing:border-box;font-family:inherit}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-options-group{display:flex;flex-direction:column;gap:12px}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-option-checkbox{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all 0.3s}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-option-checkbox:hover{border-color:#00b894;transform:translateX(-5px)}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-option-checkbox input{display:none}#bulkSalaryPaymentWalkieModal .bulk-salary-checkbox-custom{width:24px;height:24px;border-radius:8px;border:2px solid #e2e8f0;background:white;display:flex;align-items:center;justify-content:center}#bulkSalaryPaymentWalkieModal .bulk-salary-checkbox-custom i{font-size:12px;color:white;opacity:0;transform:scale(0);transition:all 0.3s}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-option-checkbox input:checked+.bulk-salary-checkbox-custom{background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);border-color:#00b894}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-option-checkbox input:checked+.bulk-salary-checkbox-custom i{opacity:1;transform:scale(1)}#bulkSalaryPaymentWalkieModal .bulk-salary-option-content{display:flex;align-items:center;gap:12px;flex:1}#bulkSalaryPaymentWalkieModal .bulk-salary-option-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px}#bulkSalaryPaymentWalkieModal .bulk-salary-option-text{flex:1}#bulkSalaryPaymentWalkieModal .bulk-salary-option-title{display:block;font-size:13px;font-weight:600;color:#2d3748;margin-bottom:2px}#bulkSalaryPaymentWalkieModal .bulk-salary-option-desc{display:block;font-size:11px;color:#a0aec0}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-form-actions{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #f1f5f9}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-cancel-btn{display:flex;align-items:center;gap:10px;padding:16px 28px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-submit-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 30px;background:linear-gradient(135deg,#00b894 0%,#00cec9 50%,#55efc4 100%);border:none;border-radius:14px;font-size:15px;font-weight:700;color:white;cursor:pointer;overflow:hidden;box-shadow:0 6px 25px rgba(0,184,148,0.35)}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(0,184,148,0.45)}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-btn-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-btn-badge{background:rgba(255,255,255,0.2);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}@media(max-width:1000px){#bulkSalaryPaymentWalkieModal .bulk-salary-payment-walkie-main{flex-direction:column}#bulkSalaryPaymentWalkieModal .bulk-salary-payment-walkie-sidebar{width:100%;max-height:45vh}#bulkSalaryPaymentWalkieModal .bulk-salary-service-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){#bulkSalaryPaymentWalkieModal .bulk-salary-service-options{grid-template-columns:repeat(2,1fr)}}#employeesPayrollModal .employees-payroll-container{animation:employeesPayrollModalSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes employeesPayrollModalSlideIn{from{opacity:0;transform:scale(0.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}#employeesPayrollModal .employees-payroll-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,0.2)0%,transparent 60%)}#employeesPayrollModal .employees-payroll-main{display:flex;min-height:550px;max-height:80vh;overflow:hidden}#employeesPayrollModal .employees-payroll-sidebar{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid rgba(0,0,0,0.05);display:flex;flex-direction:column;overflow:hidden;max-height:80vh}#employeesPayrollModal .employees-payroll-detail-area{flex:1;overflow-y:auto;overflow-x:hidden;max-height:80vh;scrollbar-width:thin;scrollbar-color:rgba(52,152,219,0.3)transparent}#employeesPayrollModal .employees-payroll-detail-area::-webkit-scrollbar{width:8px}#employeesPayrollModal .employees-payroll-detail-area::-webkit-scrollbar-track{background:rgba(0,0,0,0.02);border-radius:10px}#employeesPayrollModal .employees-payroll-detail-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(52,152,219,0.4)0%,rgba(26,188,156,0.4)100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box}#employeesPayrollModal .employees-payroll-detail-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(52,152,219,0.6)0%,rgba(26,188,156,0.6)100%)}#employeesPayrollModal .walkie-users-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(52,152,219,0.3)transparent;max-height:calc(80vh - 200px)}#employeesPayrollModal .walkie-users-list::-webkit-scrollbar{width:8px}#employeesPayrollModal .walkie-users-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.02);border-radius:10px}#employeesPayrollModal .walkie-users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(52,152,219,0.4)0%,rgba(26,188,156,0.4)100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box}#employeesPayrollModal .walkie-users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(52,152,219,0.6)0%,rgba(26,188,156,0.6)100%)}#employeesPayrollModal .emp-payroll-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:white;border-radius:14px;margin-bottom:10px;cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,0.04)}#employeesPayrollModal .emp-payroll-item:hover{border-color:rgba(52,152,219,0.3);transform:translateX(-5px);box-shadow:0 4px 15px rgba(52,152,219,0.15)}#employeesPayrollModal .emp-payroll-item.selected{border-color:#3498db;background:linear-gradient(135deg,rgba(52,152,219,0.1)0%,rgba(26,188,156,0.05)100%);box-shadow:0 4px 20px rgba(52,152,219,0.2)}#employeesPayrollModal .emp-payroll-item.highlight-pulse{animation:employeeHighlightPulse 0.8s ease-in-out;border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.15)0%,rgba(118,75,162,0.1)100%);box-shadow:0 0 0 4px rgba(102,126,234,0.3),0 8px 25px rgba(102,126,234,0.25);transform:scale(1.02)}@keyframes employeeHighlightPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(102,126,234,0.5)}25%{transform:scale(1.03);box-shadow:0 0 0 8px rgba(102,126,234,0.3),0 8px 30px rgba(102,126,234,0.3)}50%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(102,126,234,0.4),0 8px 25px rgba(102,126,234,0.25)}75%{transform:scale(1.03);box-shadow:0 0 0 8px rgba(102,126,234,0.2),0 8px 30px rgba(102,126,234,0.2)}100%{transform:scale(1.02);box-shadow:0 0 0 4px rgba(102,126,234,0.3),0 8px 25px rgba(102,126,234,0.25)}}#employeePayrollDetailArea.detail-loaded .emp-payroll-detail-container{animation:detailSlideIn 0.5s cubic-bezier(0.34,1.56,0.64,1)forwards}@keyframes detailSlideIn{0%{opacity:0;transform:translateX(30px)scale(0.95)}100%{opacity:1;transform:translateX(0)scale(1)}}#employeesPayrollModal .emp-payroll-avatar{position:relative;width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;flex-shrink:0;box-shadow:0 3px 12px rgba(52,152,219,0.25)}#employeesPayrollModal .emp-payroll-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}#employeesPayrollModal .emp-payroll-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}#employeesPayrollModal .emp-payroll-info{flex:1;min-width:0}#employeesPayrollModal .emp-payroll-name{font-size:14px;font-weight:700;color:#2d3748;margin-bottom:5px}#employeesPayrollModal .emp-payroll-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#employeesPayrollModal .emp-payroll-department{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px}#employeesPayrollModal .emp-payroll-status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;display:flex;align-items:center;gap:4px}#employeesPayrollModal .emp-payroll-amount{text-align:left;flex-shrink:0}#employeesPayrollModal .emp-payroll-salary{display:block;font-size:14px;font-weight:700;color:#27ae60}#employeesPayrollModal .emp-payroll-label{display:block;font-size:9px;color:#a0aec0}#employeesPayrollModal .emp-payroll-detail-container{padding:25px;animation:empDetailSlideIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes empDetailSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#employeesPayrollModal .emp-detail-header{display:flex;align-items:center;gap:20px;padding:25px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:20px;margin-bottom:25px;border:2px solid rgba(52,152,219,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.05)}#employeesPayrollModal .emp-detail-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3498db 0%,#2980b9 50%,#1abc9c 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:32px;flex-shrink:0;box-shadow:0 8px 25px rgba(52,152,219,0.35);position:relative;overflow:hidden}#employeesPayrollModal .emp-detail-avatar::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2)50%,transparent 70%);animation:avatarShine 3s ease-in-out infinite}@keyframes avatarShine{0%{transform:translateX(-100%)rotate(45deg)}100%{transform:translateX(100%)rotate(45deg)}}#employeesPayrollModal .emp-detail-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}#employeesPayrollModal .emp-detail-info{flex:1;min-width:0}#employeesPayrollModal .emp-detail-name{font-size:20px;font-weight:800;color:#2d3748;margin:0 0 10px 0}#employeesPayrollModal .emp-detail-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}#employeesPayrollModal .emp-detail-meta span{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}#employeesPayrollModal .emp-detail-meta span i{color:#3498db;font-size:11px}#employeesPayrollModal .emp-detail-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:25px;color:white;font-size:12px;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,0.15)}#employeesPayrollModal .emp-detail-status i{font-size:14px}#employeesPayrollModal .emp-detail-actions{display:flex;gap:10px}#employeesPayrollModal .emp-action-btn{width:45px;height:45px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all 0.3s ease}#employeesPayrollModal .emp-action-btn.pay-btn{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:white;box-shadow:0 4px 15px rgba(39,174,96,0.3)}#employeesPayrollModal .emp-action-btn.pay-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(39,174,96,0.4)}#employeesPayrollModal .emp-action-btn.print-btn{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:white;box-shadow:0 4px 15px rgba(52,152,219,0.3)}#employeesPayrollModal .emp-action-btn.print-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,0.4)}#employeesPayrollModal .emp-action-btn.download-btn{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);color:white;box-shadow:0 4px 15px rgba(155,89,182,0.3)}#employeesPayrollModal .emp-action-btn.download-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(155,89,182,0.4)}#employeesPayrollModal .emp-detail-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}#employeesPayrollModal .emp-summary-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:18px;position:relative;overflow:hidden;transition:all 0.3s ease}#employeesPayrollModal .emp-summary-card:hover{transform:translateY(-5px)}#employeesPayrollModal .emp-summary-card.gross{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);box-shadow:0 8px 25px rgba(52,152,219,0.3)}#employeesPayrollModal .emp-summary-card.deductions{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 8px 25px rgba(231,76,60,0.3)}#employeesPayrollModal .emp-summary-card.net{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);box-shadow:0 8px 25px rgba(39,174,96,0.3)}#employeesPayrollModal .emp-summary-card::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.15)0%,transparent 70%);pointer-events:none}#employeesPayrollModal .emp-summary-icon{width:55px;height:55px;border-radius:16px;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:white;font-size:22px;flex-shrink:0}#employeesPayrollModal .emp-summary-info{flex:1;color:white}#employeesPayrollModal .emp-summary-label{display:block;font-size:11px;opacity:0.85;margin-bottom:5px;font-weight:500}#employeesPayrollModal .emp-summary-value{display:block;font-size:18px;font-weight:800;text-shadow:0 2px 5px rgba(0,0,0,0.1)}#employeesPayrollModal .emp-payslip-details{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}#employeesPayrollModal .emp-payslip-section{background:white;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.05);border:2px solid transparent;transition:all 0.3s ease}#employeesPayrollModal .emp-payslip-section:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-payslip-section.additions{border-color:rgba(39,174,96,0.2)}#employeesPayrollModal .emp-payslip-section.deductions{border-color:rgba(231,76,60,0.2)}#employeesPayrollModal .emp-payslip-section-header{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:700}#employeesPayrollModal .emp-payslip-section.additions .emp-payslip-section-header{background:linear-gradient(135deg,rgba(39,174,96,0.1)0%,rgba(46,204,113,0.05)100%);color:#27ae60;border-bottom:2px solid rgba(39,174,96,0.15)}#employeesPayrollModal .emp-payslip-section.deductions .emp-payslip-section-header{background:linear-gradient(135deg,rgba(231,76,60,0.1)0%,rgba(192,57,43,0.05)100%);color:#e74c3c;border-bottom:2px solid rgba(231,76,60,0.15)}#employeesPayrollModal .emp-payslip-items{padding:15px 20px}#employeesPayrollModal .emp-payslip-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #e2e8f0;transition:all 0.2s ease}#employeesPayrollModal .emp-payslip-item:last-child{border-bottom:none}#employeesPayrollModal .emp-payslip-item:hover{background:rgba(0,0,0,0.02);margin:0 -10px;padding:12px 10px;border-radius:8px}#employeesPayrollModal .emp-payslip-item-label{font-size:13px;color:#4a5568;font-weight:500}#employeesPayrollModal .emp-payslip-item-value{font-size:14px;font-weight:700;color:#27ae60}#employeesPayrollModal .emp-payslip-item-value.deduction{color:#e74c3c}#employeesPayrollModal .emp-detail-footer-actions{display:flex;gap:15px;padding-top:20px;border-top:2px solid #f1f5f9}#employeesPayrollModal .emp-footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border-radius:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.3s ease}#employeesPayrollModal .emp-footer-btn.calculate-btn{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#4a5568;border:2px solid #e2e8f0}#employeesPayrollModal .emp-footer-btn.calculate-btn:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}#employeesPayrollModal .emp-footer-btn.pay-btn{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 50%,#58d68d 100%);color:white;box-shadow:0 6px 25px rgba(39,174,96,0.35)}#employeesPayrollModal .emp-footer-btn.pay-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(39,174,96,0.45)}@media(max-width:1100px){#employeesPayrollModal .walkie-talkie-container{max-width:100%;max-height:100vh;border-radius:0}#employeesPayrollModal .walkie-main{flex-direction:column}#employeesPayrollModal .employees-payroll-sidebar{width:100%!important;border-left:none;border-bottom:1px solid rgba(0,0,0,0.05);max-height:45vh}#employeesPayrollModal .employees-payroll-detail-area{min-height:50vh}}@media(max-width:768px){#employeesPayrollModal .emp-detail-header{flex-direction:column;text-align:center}#employeesPayrollModal .emp-detail-meta{justify-content:center}#employeesPayrollModal .emp-detail-actions{justify-content:center}#employeesPayrollModal .emp-detail-summary-cards{grid-template-columns:1fr}#employeesPayrollModal .emp-payslip-details{grid-template-columns:1fr}#employeesPayrollModal .emp-detail-footer-actions{flex-direction:column-reverse}}@media(max-width:480px){#employeesPayrollModal .emp-payroll-detail-container{padding:15px}#employeesPayrollModal .emp-detail-header{padding:20px}#employeesPayrollModal .emp-detail-avatar{width:65px;height:65px;font-size:26px}#employeesPayrollModal .emp-detail-name{font-size:18px}#employeesPayrollModal .emp-summary-card{padding:15px}#employeesPayrollModal .emp-summary-icon{width:45px;height:45px;font-size:18px}#employeesPayrollModal .emp-summary-value{font-size:16px}}#employeesPayrollModal .emp-payslip-summary.updated,#employeesPayrollModal .emp-payslip-section.updated{animation:payrollUpdatePulse 0.6s ease-out}@keyframes payrollUpdatePulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(39,174,96,0.4)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(39,174,96,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(39,174,96,0)}}#employeesPayrollModal .emp-footer-btn.calculate-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none!important}#employeesPayrollModal .emp-footer-btn.calculate-btn:disabled:hover{transform:none!important;box-shadow:none!important}#employeesPayrollModal .emp-work-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}#employeesPayrollModal .emp-work-stat-item{display:flex;flex-direction:column;align-items:center;padding:15px 10px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:14px;border:2px solid #e2e8f0;transition:all 0.3s ease}#employeesPayrollModal .emp-work-stat-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-work-stat-item i{font-size:20px;color:#3498db;margin-bottom:8px}#employeesPayrollModal .emp-work-stat-item.warning i{color:#f39c12}#employeesPayrollModal .emp-work-stat-item.danger i{color:#e74c3c}#employeesPayrollModal .emp-work-stat-value{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:4px}#employeesPayrollModal .emp-work-stat-label{font-size:11px;color:#7f8c8d;font-weight:500}#employeesPayrollModal .emp-payslip-item-label i{margin-left:8px;width:16px;text-align:center;opacity:0.7}#employeesPayrollModal .emp-payslip-item.highlight{background:linear-gradient(135deg,rgba(52,152,219,0.08)0%,rgba(41,128,185,0.04)100%);border-radius:8px;padding:10px 12px;margin:4px -12px}#employeesPayrollModal .emp-payslip-item.warning-item{background:linear-gradient(135deg,rgba(243,156,18,0.08)0%,rgba(241,196,15,0.04)100%);border-radius:8px;padding:10px 12px;margin:4px -12px}#employeesPayrollModal .emp-payslip-item.highlight-deduction{background:linear-gradient(135deg,rgba(231,76,60,0.1)0%,rgba(192,57,43,0.05)100%);border-radius:8px;padding:10px 12px;margin:4px -12px;border-right:3px solid #e74c3c}#employeesPayrollModal .emp-payslip-section.request-deductions{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,0.2)}50%{box-shadow:0 0 15px 5px rgba(231,76,60,0.1)}}#employeesPayrollModal .emp-payslip-item.total-item{font-size:14px}#employeesPayrollModal .emp-period-info{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,rgba(52,152,219,0.1)0%,rgba(26,188,156,0.05)100%);border-radius:12px;margin-top:15px;color:#3498db;font-weight:600;font-size:13px}#employeesPayrollModal .emp-period-info i{font-size:16px}@media(max-width:768px){#employeesPayrollModal .emp-work-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){#employeesPayrollModal .emp-work-stats{grid-template-columns:1fr 1fr;gap:8px}#employeesPayrollModal .emp-work-stat-item{padding:12px 8px}#employeesPayrollModal .emp-work-stat-item i{font-size:18px}#employeesPayrollModal .emp-work-stat-value{font-size:12px}}#employeesPayrollModal .emp-summary-card.updated,#employeesPayrollModal .emp-work-stats.updated{animation:payrollUpdatePulse 0.6s ease-out}#employeesPayrollModal .emp-detail-tabs{display:flex;gap:8px;padding:15px 20px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-bottom:2px solid #e2e8f0;overflow-x:auto;scrollbar-width:thin}#employeesPayrollModal .emp-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;border:2px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}#employeesPayrollModal .emp-tab-btn:hover{background:#f1f5f9;border-color:#3498db;color:#3498db;transform:translateY(-2px)}#employeesPayrollModal .emp-tab-btn.active{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-color:#3498db;color:white;box-shadow:0 4px 15px rgba(52,152,219,0.3)}#employeesPayrollModal .emp-tab-btn i{font-size:14px}#employeesPayrollModal .emp-tab-contents{padding:20px}#employeesPayrollModal .emp-tab-content{display:none;animation:tabFadeIn 0.3s ease}#employeesPayrollModal .emp-tab-content.active{display:block}@keyframes tabFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#employeesPayrollModal .emp-detail-contact{display:flex;gap:15px;margin-top:8px;font-size:12px;color:#64748b}#employeesPayrollModal .emp-detail-contact span{display:flex;align-items:center;gap:5px;color:#64748b}#employeesPayrollModal .emp-detail-contact i{font-size:11px;color:#94a3b8}#employeesPayrollModal .emp-avatar-badge{position:absolute;bottom:5px;right:5px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;border:2px solid white;box-shadow:0 2px 8px rgba(0,0,0,0.2)}#employeesPayrollModal .emp-detail-avatar{position:relative}#employeesPayrollModal .emp-attendance-section{padding:10px 0}#employeesPayrollModal .emp-attendance-chart-container{display:flex;justify-content:center;margin-bottom:25px}#employeesPayrollModal .emp-attendance-circle{position:relative;width:150px;height:150px}#employeesPayrollModal .emp-attendance-circle svg{width:100%;height:100%;transform:rotate(-90deg)}#employeesPayrollModal .emp-attendance-circle .circle-bg{fill:none;stroke:#e0e0e0;stroke-width:8}#employeesPayrollModal .emp-attendance-circle .circle-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}#employeesPayrollModal .emp-attendance-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#employeesPayrollModal .emp-attendance-text strong{display:block;font-size:28px;font-weight:800;color:#27ae60}#employeesPayrollModal .emp-attendance-text span{font-size:12px;color:#7f8c8d}#employeesPayrollModal .emp-attendance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}#employeesPayrollModal .emp-attendance-stat-card{display:flex;align-items:center;gap:12px;padding:15px;background:white;border-radius:14px;border:2px solid #e2e8f0;transition:all 0.3s ease}#employeesPayrollModal .emp-attendance-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-attendance-stat-card i{font-size:24px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px}#employeesPayrollModal .emp-attendance-stat-card.present i{background:rgba(39,174,96,0.1);color:#27ae60}#employeesPayrollModal .emp-attendance-stat-card.absent i{background:rgba(231,76,60,0.1);color:#e74c3c}#employeesPayrollModal .emp-attendance-stat-card.late i{background:rgba(243,156,18,0.1);color:#f39c12}#employeesPayrollModal .emp-attendance-stat-card.overtime i{background:rgba(52,152,219,0.1);color:#3498db}#employeesPayrollModal .emp-attendance-stat-info strong{display:block;font-size:20px;font-weight:700;color:#2c3e50}#employeesPayrollModal .emp-attendance-stat-info span{font-size:12px;color:#7f8c8d}#employeesPayrollModal .emp-attendance-details-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#employeesPayrollModal .emp-attendance-detail-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-radius:12px;border:1px solid #e2e8f0}#employeesPayrollModal .emp-attendance-detail-item i{font-size:16px;color:#3498db;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:rgba(52,152,219,0.1);border-radius:10px}#employeesPayrollModal .emp-attendance-detail-item span{flex:1;font-size:13px;color:#64748b}#employeesPayrollModal .emp-attendance-detail-item strong{font-size:14px;font-weight:700;color:#2c3e50}#employeesPayrollModal .emp-personal-section{display:flex;flex-direction:column;gap:20px}#employeesPayrollModal .emp-info-group{background:white;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden}#employeesPayrollModal .emp-info-group-header{display:flex;align-items:center;gap:10px;padding:15px 20px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-bottom:2px solid #e2e8f0}#employeesPayrollModal .emp-info-group-header i{font-size:18px;color:#3498db}#employeesPayrollModal .emp-info-group-header h5{margin:0;font-size:15px;font-weight:700;color:#2c3e50}#employeesPayrollModal .emp-info-list{padding:15px 20px}#employeesPayrollModal .emp-info-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9}#employeesPayrollModal .emp-info-row:last-child{border-bottom:none}#employeesPayrollModal .emp-info-row i{font-size:14px;color:#94a3b8;width:30px;text-align:center}#employeesPayrollModal .emp-info-row span{flex:1;font-size:13px;color:#64748b}#employeesPayrollModal .emp-info-row strong{font-size:14px;font-weight:600;color:#2c3e50}#employeesPayrollModal .emp-requests-section{padding:10px 0}#employeesPayrollModal .emp-requests-stats{display:flex;gap:15px;margin-bottom:20px}#employeesPayrollModal .emp-request-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px;background:white;border-radius:14px;border:2px solid #e2e8f0;transition:all 0.3s ease}#employeesPayrollModal .emp-request-stat:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-request-stat i{font-size:20px;margin-bottom:8px}#employeesPayrollModal .emp-request-stat.pending i{color:#f39c12}#employeesPayrollModal .emp-request-stat.approved i{color:#27ae60}#employeesPayrollModal .emp-request-stat.rejected i{color:#e74c3c}#employeesPayrollModal .emp-request-stat .count{font-size:24px;font-weight:800;color:#2c3e50}#employeesPayrollModal .emp-request-stat .label{font-size:12px;color:#7f8c8d}#employeesPayrollModal .emp-requests-list{display:flex;flex-direction:column;gap:12px}#employeesPayrollModal .emp-request-item{display:flex;align-items:center;gap:15px;padding:15px;background:white;border-radius:14px;border:2px solid #e2e8f0;transition:all 0.3s ease}#employeesPayrollModal .emp-request-item:hover{transform:translateX(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-request-icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}#employeesPayrollModal .emp-request-info{flex:1}#employeesPayrollModal .emp-request-type{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:4px}#employeesPayrollModal .emp-request-date{font-size:12px;color:#7f8c8d}#employeesPayrollModal .emp-request-desc{font-size:12px;color:#94a3b8;margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#employeesPayrollModal .emp-request-amount{font-size:14px;font-weight:700;color:#2c3e50}#employeesPayrollModal .emp-request-status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:white}#employeesPayrollModal .emp-history-section{padding:10px 0}#employeesPayrollModal .emp-history-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}#employeesPayrollModal .emp-history-header i{font-size:20px;color:#3498db}#employeesPayrollModal .emp-history-header h5{margin:0;font-size:16px;font-weight:700;color:#2c3e50}#employeesPayrollModal .emp-history-list{display:flex;flex-direction:column;gap:12px}#employeesPayrollModal .emp-history-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:white;border-radius:14px;border:2px solid #e2e8f0;transition:all 0.3s ease}#employeesPayrollModal .emp-history-item:hover{transform:translateX(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.08)}#employeesPayrollModal .emp-history-item.current{background:linear-gradient(135deg,rgba(52,152,219,0.05)0%,rgba(41,128,185,0.02)100%);border-color:#3498db}#employeesPayrollModal .emp-history-period{display:flex;align-items:center;gap:8px;min-width:120px}#employeesPayrollModal .emp-history-period i{font-size:14px;color:#3498db}#employeesPayrollModal .emp-history-period span{font-size:13px;font-weight:600;color:#2c3e50}#employeesPayrollModal .emp-history-amounts{flex:1;display:flex;gap:20px}#employeesPayrollModal .emp-history-amount{display:flex;flex-direction:column;align-items:center}#employeesPayrollModal .emp-history-amount .label{font-size:11px;color:#7f8c8d;margin-bottom:4px}#employeesPayrollModal .emp-history-amount .value{font-size:13px;font-weight:700}#employeesPayrollModal .emp-history-amount.gross .value{color:#27ae60}#employeesPayrollModal .emp-history-amount.deductions .value{color:#e74c3c}#employeesPayrollModal .emp-history-amount.net .value{color:#3498db}#employeesPayrollModal .emp-history-status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:white}#employeesPayrollModal .emp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}#employeesPayrollModal .emp-empty-state i{font-size:50px;color:#cbd5e1;margin-bottom:15px}#employeesPayrollModal .emp-empty-state p{font-size:14px;color:#94a3b8;margin:0}#employeesPayrollModal .emp-footer-btn.approve-btn{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}#employeesPayrollModal .emp-footer-btn.approve-btn:hover{background:linear-gradient(135deg,#2980b9 0%,#1f6dad 100%);transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.4)}@media(max-width:768px){#employeesPayrollModal .emp-detail-tabs{padding:10px 15px}#employeesPayrollModal .emp-tab-btn{padding:8px 12px;font-size:12px}#employeesPayrollModal .emp-tab-btn span{display:none}#employeesPayrollModal .emp-attendance-stats-grid{grid-template-columns:repeat(2,1fr)}#employeesPayrollModal .emp-attendance-details-list{grid-template-columns:1fr}#employeesPayrollModal .emp-history-amounts{flex-direction:column;gap:8px}#employeesPayrollModal .emp-history-item{flex-direction:column;align-items:flex-start}}#employeesPayrollModal .emp-detail-header .emp-detail-name{color:#1a202c!important}#employeesPayrollModal .emp-detail-header .emp-detail-meta span{color:#4a5568!important}#employeesPayrollModal .emp-detail-header .emp-detail-meta span i{color:#3498db!important}#employeesPayrollModal .emp-detail-header .emp-detail-contact{color:#4a5568!important}#employeesPayrollModal .emp-detail-header .emp-detail-contact span{color:#4a5568!important}#employeesPayrollModal .emp-detail-header .emp-detail-contact i{color:#718096!important}#employeesPayrollModal .emp-detail-header .emp-detail-status{color:white!important}#employeesPayrollModal .emp-detail-header .emp-detail-status span{color:white!important}#employeesPayrollModal .emp-detail-header .emp-detail-status i{color:white!important}#employeesPayrollModal .emp-request-actions{display:flex;gap:8px}#employeesPayrollModal .emp-req-action-btn{width:36px;height:36px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.3s ease}#employeesPayrollModal .emp-req-action-btn.approve{background:linear-gradient(135deg,rgba(39,174,96,0.1)0%,rgba(46,204,113,0.1)100%);color:#27ae60;border:2px solid rgba(39,174,96,0.3)}#employeesPayrollModal .emp-req-action-btn.approve:hover{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(39,174,96,0.4)}#employeesPayrollModal .emp-req-action-btn.reject{background:linear-gradient(135deg,rgba(231,76,60,0.1)0%,rgba(192,57,43,0.1)100%);color:#e74c3c;border:2px solid rgba(231,76,60,0.3)}#employeesPayrollModal .emp-req-action-btn.reject:hover{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(231,76,60,0.4)}#employeesPayrollModal .emp-request-item.status-pending{background:linear-gradient(135deg,rgba(243,156,18,0.05)0%,rgba(241,196,15,0.02)100%);border-color:rgba(243,156,18,0.3)}#employeesPayrollModal .emp-request-item.status-pending:hover{border-color:rgba(243,156,18,0.5)}#employeesPayrollModal .emp-history-list{max-height:400px;overflow-y:auto;padding-left:5px}#employeesPayrollModal .emp-history-list::-webkit-scrollbar{width:6px}#employeesPayrollModal .emp-history-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}#employeesPayrollModal .emp-history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}#employeesPayrollModal .emp-history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}#employeesPayrollModal .emp-requests-list{max-height:350px;overflow-y:auto;padding-left:5px}#employeesPayrollModal .emp-requests-list::-webkit-scrollbar{width:6px}#employeesPayrollModal .emp-requests-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}#employeesPayrollModal .emp-requests-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}#employeesPayrollModal .emp-requests-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.emp-profile-form-section{padding:20px;animation:fadeInUp 0.4s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emp-form-group-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease}.emp-form-group-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.08);transform:translateY(-2px)}.emp-form-group-card h4{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#2d3748;margin:0 0 16px 0;padding-bottom:12px;border-bottom:2px solid rgba(102,126,234,0.1)}.emp-form-group-card h4 i{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:14px}.emp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.emp-form-grid.grid-2{grid-template-columns:repeat(2,1fr)}.emp-form-grid.grid-3{grid-template-columns:repeat(3,1fr)}.emp-form-field{display:flex;flex-direction:column;gap:6px}.emp-form-field label{font-size:12px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:6px}.emp-form-field label i{color:#667eea;font-size:12px}.emp-form-input{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:'Vazirmatn','Tahoma',sans-serif;background:#fff;color:#2d3748;transition:all 0.3s ease;box-sizing:border-box}.emp-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15);background:#fff}.emp-form-input:hover{border-color:#cbd5e1}.emp-form-input::placeholder{color:#a0aec0}.emp-form-select{width:100%;padding:12px 14px;padding-left:36px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:'Vazirmatn','Tahoma',sans-serif;background:#fff;color:#2d3748;cursor:pointer;transition:all 0.3s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.emp-form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15)}.emp-form-select:hover{border-color:#cbd5e1}.emp-checkbox-label{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all 0.3s ease;font-size:13px;font-weight:500;color:#4a5568}.emp-checkbox-label:hover{border-color:#667eea;background:rgba(102,126,234,0.05)}.emp-checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.emp-checkbox-label input[type="checkbox"]:checked+span,.emp-checkbox-label:has(input:checked){color:#667eea;font-weight:600}.emp-form-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px;border-top:2px solid rgba(102,126,234,0.1)}.emp-form-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:'Vazirmatn','Tahoma',sans-serif;cursor:pointer;transition:all 0.3s ease;min-width:140px}.emp-form-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 15px rgba(102,126,234,0.35)}.emp-form-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.45)}.emp-form-btn.primary:active{transform:translateY(0)}.emp-form-btn.secondary{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.emp-form-btn.secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.emp-form-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 4px 15px rgba(16,185,129,0.35)}.emp-form-btn.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,0.45)}.emp-form-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none!important}.emp-form-btn i{font-size:14px}.emp-form-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:16px;animation:fadeIn 0.3s ease}.emp-form-message.success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46;border:1px solid #6ee7b7}.emp-form-message.error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;border:1px solid #fca5a5}.emp-form-message i{font-size:16px}@media(max-width:768px){.emp-form-grid{grid-template-columns:1fr}.emp-form-grid.grid-2,.emp-form-grid.grid-3{grid-template-columns:1fr}.emp-form-group-card{padding:16px}.emp-form-actions{flex-direction:column}.emp-form-btn{width:100%}}@media(max-width:480px){.emp-profile-form-section{padding:12px}.emp-form-group-card{padding:14px;margin-bottom:14px}.emp-form-group-card h4{font-size:14px}.emp-form-group-card h4 i{width:28px;height:28px;font-size:12px}.emp-form-input,.emp-form-select{padding:10px 12px;font-size:13px}.emp-form-btn{padding:12px 20px;font-size:13px}}.dark-mode .emp-form-group-card,[data-theme="dark"].emp-form-group-card{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border-color:rgba(255,255,255,0.1)}.dark-mode .emp-form-group-card h4,[data-theme="dark"].emp-form-group-card h4{color:#e2e8f0;border-bottom-color:rgba(102,126,234,0.2)}.dark-mode .emp-form-field label,[data-theme="dark"].emp-form-field label{color:#94a3b8}.dark-mode .emp-form-input,.dark-mode .emp-form-select,[data-theme="dark"].emp-form-input,[data-theme="dark"].emp-form-select{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-mode .emp-form-input:focus,.dark-mode .emp-form-select:focus,[data-theme="dark"].emp-form-input:focus,[data-theme="dark"].emp-form-select:focus{border-color:#667eea;background:#0f172a}.dark-mode .emp-checkbox-label,[data-theme="dark"].emp-checkbox-label{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-mode .emp-form-btn.secondary,[data-theme="dark"].emp-form-btn.secondary{background:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .request-type,[data-theme="dark"].request-type{color:#f1f5f9!important}@media(max-width:768px){.employees-cards-container{padding:16px!important}.employee-card-body{flex-direction:column!important;width:100%!important;gap:12px!important;display:flex!important}.employee-card-body .employee-stat{width:100%!important;min-width:100%!important;max-width:100%!important;flex:none!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px 10px!important;box-sizing:border-box!important}.employee-card-body .employee-stat .employee-stat-value,.employee-card-body .employee-stat .employee-stat-label{width:100%!important;text-align:center!important;display:block!important}.employee-card-body .employee-stat .calculated-salary,.employee-card-body .employee-stat .salary-breakdown{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.employee-card-body .employee-stat .salary-breakdown .net-salary{width:100%!important;text-align:center!important;display:block!important}.employee-card-body .employee-stat .salary-breakdown .salary-details{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}.employee-card-body .employee-stat .salary-breakdown .salary-details small{text-align:center!important;display:block!important;width:100%!important}.employee-card-body .employee-stat .attendance-summary{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.employee-card-body .employee-stat .attendance-stats{width:100%!important;display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}.employee-card-body .employee-stat .attendance-stats .stat-item{flex:1!important;min-width:80px!important;max-width:120px!important}.employee-card-body .employee-stat .employee-requests-count{width:100%!important;text-align:center!important;display:block!important}}@media(max-width:480px){.employee-card-body .employee-stat{padding:10px 8px!important}.employee-card-body .employee-stat .employee-stat-value{font-size:14px!important}.employee-card-body .employee-stat .employee-stat-label{font-size:9px!important}.employee-card-body .employee-stat .attendance-stats .stat-item{min-width:70px!important;padding:6px 8px!important}}