@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e5e7eb;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-purple:#667eea;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-rose:#f43f5e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Vazirmatn,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}html{scroll-behavior:smooth}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);direction:rtl;margin:0}#root{min-height:100vh}a{color:var(--accent-purple);text-decoration:none;transition:color .2s}a:hover{color:#764ba2}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}button:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}input,textarea,select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 3px #667eea26}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::selection{color:var(--text-primary);background:#667eea33}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{background:linear-gradient(135deg,#1a1f36 0%,#252b48 50%,#1e2644 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Vazirmatn,Tahoma,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-pattern{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 80%,#8b5cf61a 0%,#0000 50%),radial-gradient(circle at 50% 100%,#3b82f614 0%,#0000 50%);position:fixed;inset:0}.login-decor{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.login-decor-1{filter:blur(60px);background:linear-gradient(135deg,#6366f126 0%,#8b5cf60d 100%);width:400px;height:400px;top:-150px;right:-100px}.login-decor-2{filter:blur(50px);background:linear-gradient(135deg,#3b82f61f 0%,#6366f10d 100%);width:300px;height:300px;bottom:-100px;left:-80px}.login-decor-3{filter:blur(80px);background:linear-gradient(135deg,#a855f71a 0%,#0000 100%);width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card-wrapper{z-index:10;width:100%;max-width:420px;position:relative}.login-card{background:#fffffffa;border-radius:24px;padding:40px 32px;animation:.5s cubic-bezier(.16,1,.3,1) cardSlideUp;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:32px}.login-logo-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 10px 30px #6366f14d}.login-logo-icon i{color:#fff;font-size:32px}.login-title{color:#1e293b;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:14px;font-weight:400}.login-alert{border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:14px;animation:.3s ease-out alertSlide;display:flex}@keyframes alertSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-alert-error{color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca}.login-alert i{flex-shrink:0;font-size:18px}.login-form{direction:rtl}.login-field{margin-bottom:20px}.login-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.login-input-wrapper{position:relative}.login-input-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:18px;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:16px 48px 16px 16px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:15px;transition:all .2s}.login-input::placeholder{color:#94a3b8}.login-input:hover{background:#fff;border-color:#cbd5e1}.login-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.login-input:focus+.login-input-icon,.login-input:focus~.login-input-icon{color:#6366f1}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input-password{padding-left:48px}.login-password-toggle{cursor:pointer;color:#9ca3af;z-index:1;background:0 0;border:none;padding:8px;transition:color .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:#6366f1}.login-password-toggle i{font-size:18px}.login-options{margin-bottom:24px}.login-checkbox{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.login-checkbox input{display:none}.login-checkbox-mark{border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.login-checkbox-mark:after{content:"";opacity:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:10px;height:6px;transition:opacity .2s;transform:rotate(-45deg)translate(1px,-1px)}.login-checkbox input:checked+.login-checkbox-mark{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#6366f1}.login-checkbox input:checked+.login-checkbox-mark:after{opacity:1}.login-checkbox:hover .login-checkbox-mark{border-color:#6366f1}.login-checkbox-text{line-height:1}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.login-btn:hover:before{left:100%}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn i{font-size:18px}.login-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.login-footer p{color:#94a3b8;margin:0;font-size:13px}.login-copyright{text-align:center;color:#fff9;margin-top:24px;font-size:12px}@media (max-width:480px){.login-page{padding:16px}.login-card{border-radius:20px;padding:32px 24px}.login-logo-icon{border-radius:16px;width:64px;height:64px}.login-logo-icon i{font-size:28px}.login-title{font-size:22px}.login-subtitle{font-size:13px}.login-input{padding:14px 44px 14px 14px;font-size:14px}.login-input-password{padding-left:44px}.login-btn{padding:14px 20px;font-size:15px}}@media (min-width:768px){.login-card-wrapper{max-width:440px}.login-card{padding:48px 40px}.login-decor-1{width:500px;height:500px}.login-decor-2{width:400px;height:400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-input:focus-visible,.login-btn:focus-visible,.login-checkbox:focus-visible{outline-offset:2px;outline:3px solid #6366f1}.authenticate-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed;justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:Vazirmatn,Tahoma,sans-serif;display:flex;position:relative;overflow-x:hidden}.authenticate-page .login-bg-animation:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(45deg,#0000,#ffffff14,#0000);width:200%;height:200%;animation:25s linear infinite rotateBackground;position:fixed;top:-50%;left:-50%}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.authenticate-page .shape{pointer-events:none;z-index:0;background:#ffffff14;border-radius:50%;animation:12s ease-in-out infinite floatShape;position:fixed}.authenticate-page .shape-1{width:60px;height:60px;animation-delay:0s;top:15%;left:10%}.authenticate-page .shape-2{width:45px;height:45px;animation-delay:2s;top:25%;right:12%}.authenticate-page .shape-3{width:70px;height:70px;animation-delay:4s;bottom:20%;left:12%}.authenticate-page .shape-4{width:50px;height:50px;animation-delay:6s;bottom:25%;right:10%}@keyframes floatShape{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-25px)scale(1.1)}}.authenticate-wrapper{z-index:10;width:100%;max-width:420px;position:relative}.authenticate-container{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;padding:36px 28px;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;box-shadow:0 15px 45px #0003,0 0 1px #ffffff1a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.authenticate-icon{text-align:center;margin-bottom:24px}.security-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 18px;animation:2s ease-in-out infinite pulseGlow;display:flex;box-shadow:0 8px 25px #667eea66}.security-badge i{color:#fff;font-size:36px}@keyframes pulseGlow{0%,to{box-shadow:0 8px 25px #667eea66}50%{box-shadow:0 8px 35px #667eea99}}.authenticate-icon h2{color:#2c3e50;letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600;line-height:1.5}.authenticate-icon p{color:#6c757d;margin:8px 0 0;font-size:13px;line-height:1.6}.authenticate-logo{display:none}.authenticate-page .alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:22px;padding:13px 16px;font-size:13px;line-height:1.6;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.authenticate-page .alert-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.authenticate-page .alert i{flex-shrink:0;font-size:16px}.info-message{color:#5a67d8;background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1px solid #667eea33;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.info-message i{color:#667eea;flex-shrink:0;font-size:18px}.authenticate-fields{margin-bottom:0}.authenticate-page .input-group{z-index:1;margin-bottom:24px;position:relative}.authenticate-page .input-wrapper{position:relative}.authenticate-page .input-icon{color:#95a5a6;pointer-events:none;z-index:1;font-size:17px;transition:color .3s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.authenticate-page .form-control{color:#2c3e50;appearance:none;background:#f8f9fa;border:2px solid #e9ecef;border-radius:11px;width:100%;min-height:54px;padding:14px 46px 14px 14px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;transition:all .3s}.authenticate-page .form-control:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.authenticate-page .form-control:focus~.input-icon{color:#667eea}.authenticate-page .form-control::placeholder{color:#adb5bd;font-size:15px}.authenticate-page .form-control:disabled{opacity:.6;cursor:not-allowed}.code-input{text-align:center;letter-spacing:12px;border:2px solid #e9ecef;min-height:60px;font-family:Courier New,monospace;font-weight:700;background:#fff!important;padding:16px 20px!important;font-size:24px!important}.code-input:focus{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important}.code-input::placeholder{letter-spacing:12px;opacity:.4;color:#adb5bd;font-weight:400}.authenticate-page .btn-submit{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:11px;width:100%;min-height:52px;margin-bottom:14px;padding:16px 20px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 14px #667eea66;color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important}.authenticate-page .btn-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.authenticate-page .btn-submit:active{transform:scale(.98)}.authenticate-page .btn-submit:disabled{opacity:.7;cursor:not-allowed}.authenticate-page .btn-submit.loading{color:#0000!important}.authenticate-page .btn-submit.loading:after{content:"";border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;animation:.6s linear infinite spinLoader;position:absolute;top:50%;left:50%}@keyframes spinLoader{to{transform:rotate(360deg)}}.authenticate-page .btn-back{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;gap:6px;width:auto;margin:0;padding:8px 4px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;color:#667eea!important;background:0 0!important;border:none!important}.authenticate-page .back-link-wrapper{text-align:center;margin-top:16px}.authenticate-page .btn-back:after{content:"";background:#667eea;height:1px;transition:transform .2s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.authenticate-page .btn-back:hover{color:#5a67d8!important;background:0 0!important;border:none!important}.authenticate-page .btn-back:hover:after{transform:scaleX(1)}.authenticate-page .btn-back:active{transform:none;color:#4c51bf!important}.authenticate-page .btn-back:disabled{opacity:.5;cursor:not-allowed}.authenticate-page .btn-back i{font-size:12px;transition:transform .2s}.authenticate-page .btn-back:hover i{transform:translate(3px)}.authenticate-page .copyright{text-align:center;color:#fffffff2;text-shadow:0 2px 4px #00000026;letter-spacing:.3px;margin-top:24px;padding:0 10px;font-size:12px;font-weight:400}@media (min-width:576px){.authenticate-page{padding:20px}.authenticate-container{border-radius:22px;padding:42px 36px}.security-badge{width:90px;height:90px}.security-badge i{font-size:40px}.authenticate-icon h2{font-size:21px}.authenticate-icon p{font-size:14px}.code-input{letter-spacing:14px;min-height:64px;font-size:26px!important}.authenticate-page .btn-submit{min-height:54px;padding:17px 22px;font-size:16px}.authenticate-page .btn-back{padding:8px 0;font-size:14px}.authenticate-page .copyright{margin-top:26px;font-size:13px}.authenticate-page .shape-1{width:75px;height:75px}.authenticate-page .shape-2{width:55px;height:55px}.authenticate-page .shape-3{width:85px;height:85px}.authenticate-page .shape-4{width:65px;height:65px}}@media (min-width:768px){.authenticate-page{padding:30px}.authenticate-wrapper{max-width:440px}.authenticate-container{border-radius:24px;padding:48px 42px;box-shadow:0 20px 60px #00000040}.authenticate-icon{margin-bottom:28px}.security-badge{width:100px;height:100px;margin-bottom:20px}.security-badge i{font-size:44px}.authenticate-icon h2{font-size:23px}.authenticate-icon p{margin-top:10px;font-size:14px}.info-message{margin-bottom:26px;padding:16px 18px;font-size:14px}.authenticate-page .input-group{margin-bottom:24px}.code-input{letter-spacing:16px;border-radius:12px;min-height:68px;font-size:28px!important}.authenticate-page .btn-submit{border-radius:12px;min-height:56px;padding:18px 24px;font-size:17px}.authenticate-page .btn-submit:hover:before{left:100%}.authenticate-page .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.authenticate-page .btn-submit:active:not(:disabled){transform:translateY(0)}.authenticate-page .btn-back{padding:10px 0;font-size:14px}.authenticate-page .btn-back:hover{border-color:#0000!important}.btn-back:hover{border-color:#ced4da}.authenticate-page .copyright{margin-top:28px}.authenticate-page .shape{opacity:.12}.authenticate-page .shape-1{width:90px;height:90px}.authenticate-page .shape-2{width:70px;height:70px}.authenticate-page .shape-3{width:110px;height:110px}.authenticate-page .shape-4{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.authenticate-page .form-control:focus-visible,.btn-submit:focus-visible,.btn-back:focus-visible{outline-offset:3px;outline:3px solid #667eea}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e5e7eb;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-purple:#667eea;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-rose:#f43f5e;--gradient-purple:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-blue:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);--gradient-green:linear-gradient(135deg,#10b981 0%,#34d399 100%);--gradient-orange:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);--shadow-card:0 2px 12px #00000014;--shadow-hover:0 8px 25px #0000001f;--radius-lg:20px;--radius-md:16px;--radius-sm:12px}.staff-dashboard{background:var(--bg-primary);max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Vazirmatn,system-ui,sans-serif}.dashboard-loading{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.dashboard-loading i{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dashboard-loading span{color:var(--text-secondary);font-size:1.25rem;font-weight:500}.welcome-banner{background:var(--gradient-purple);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #667eea4d}.welcome-content{flex:1}.welcome-title{color:#fff;letter-spacing:-.5px;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.welcome-title span{opacity:.9}.welcome-text{color:#ffffffe6;margin:0;font-size:1.125rem}.welcome-illustration{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.welcome-illustration i{color:#fff;font-size:3rem}.year-header{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.year-title{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.75rem 2rem;font-size:1.5rem;font-weight:700}.year-nav{border:1px solid var(--border-color);background:var(--bg-card);width:50px;height:50px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.year-nav:hover:not(:disabled){background:var(--gradient-purple);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 8px 20px #667eea4d}.year-nav:disabled{color:#d1d5db;cursor:not-allowed;background:#f3f4f6}.year-nav i{font-size:1.25rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.stat-card.purple:hover{border-color:#a78bfa}.stat-card.blue:hover{border-color:#60a5fa}.stat-card.green:hover{border-color:#34d399}.stat-card.orange:hover{border-color:#fbbf24}.quick-actions-section{margin-bottom:2rem}.section-title{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;display:flex}.section-title i{color:var(--accent-purple);font-size:1.5rem}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.action-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.875rem;padding:1.75rem 1.5rem;transition:all .3s;display:flex}.action-card:hover{background:var(--gradient-purple);border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 30px #667eea4d}.action-card i{color:var(--accent-purple);font-size:2.25rem;transition:all .3s}.action-card:hover i{color:#fff;transform:scale(1.1)}.action-card span{color:var(--text-primary);font-size:.9375rem;font-weight:600;transition:all .3s}.action-card:hover span{color:#fff}.calendar-section{margin-bottom:2rem}.calendar-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem;overflow-x:auto}.weekday-header-row{border-bottom:2px solid var(--accent-purple);background:var(--bg-card);z-index:5;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex;position:sticky;top:0}.month-label-header{flex-shrink:0;width:100px}.weekday-labels{flex-wrap:nowrap;gap:3px;display:flex}.weekday-label{width:26px;height:22px;color:var(--text-primary);background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.weekday-label.weekend-label{color:#b91c1c;background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%)}.month-row{border-bottom:1px solid #f1f5f9;align-items:center;margin-bottom:.5rem;padding:.5rem 0;display:flex}.month-row:hover{border-radius:var(--radius-sm);background:#f8fafc}.month-row:last-child{border-bottom:none;margin-bottom:0}.month-label{width:100px;color:var(--text-primary);text-align:right;flex-shrink:0;padding-right:1rem;font-size:.9375rem;font-weight:600}.days-container{flex-wrap:nowrap;flex:1;gap:3px;display:flex}.day-cell{cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.day-cell:hover:not(.empty-day){z-index:10;transform:scale(1.2)}.day-cell.empty-day{cursor:default;background:0 0;border:none}.day-cell.working{color:var(--text-secondary);background:#fff;border:1px solid #e5e7eb}.day-cell.working:hover{background:#f3f4f6;border-color:#d1d5db}.day-cell.weekend{color:#fff;background:#9ca3af}.day-cell.holiday{color:#b91c1c;background:#fecaca;border:1px solid #fca5a5}.day-cell.approved-leave{background:var(--gradient-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.day-cell.pending-leave{background:var(--gradient-green);color:#fff;box-shadow:0 2px 8px #10b9814d}.day-cell.today{box-shadow:0 0 0 3px #f59e0b33;border:2px solid var(--accent-orange)!important}.legend-section{margin-top:1.5rem}.legend{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem 1.5rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.legend-color{border-radius:5px;width:20px;height:20px}.legend-color.approved-leave{background:var(--gradient-blue)}.legend-color.pending-leave{background:var(--gradient-green)}.legend-color.weekend{background:#9ca3af}.legend-color.holiday{background:#fecaca;border:1px solid #fca5a5}.legend-color.working{background:#fff;border:1px solid #d1d5db}@media (max-width:1200px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.staff-dashboard{padding:1rem}.welcome-banner{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem}.welcome-title{font-size:1.75rem}.welcome-illustration{width:80px;height:80px}.welcome-illustration i{font-size:2.5rem}.year-header{gap:1rem}.year-title{padding:.5rem 1.25rem;font-size:1.125rem}.year-nav{width:44px;height:44px}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{text-align:center;flex-direction:column;padding:1rem}.stat-value{font-size:1.75rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.action-card{padding:1.25rem 1rem}.action-card i{font-size:2rem}.calendar-container{padding:1rem;overflow-x:auto}.month-label{width:75px;font-size:.8125rem}.day-cell{width:22px;height:22px;font-size:.6875rem}.legend{gap:1rem;padding:.75rem 1rem}.legend-item{font-size:.8125rem}.legend-color{width:16px;height:16px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{text-align:right;flex-direction:row}.quick-actions-grid{grid-template-columns:1fr}.action-card{flex-direction:row;justify-content:flex-start;gap:1rem}.weekday-header-row{display:none}.month-row{flex-direction:column;align-items:flex-start;gap:.5rem}.month-label{text-align:center;width:100%;color:var(--accent-purple);padding-right:0}.days-container{justify-content:center}.legend{flex-direction:column;align-items:flex-start;gap:.75rem}}.date-picker-container{z-index:100;width:100%;position:relative}.date-picker-input-wrapper{align-items:center;gap:0;display:flex}.date-picker-input{color:#374151;text-align:left;direction:ltr;background:#f9fafb;border:2px solid #e5e7eb;border-left:none;border-radius:0 12px 12px 0;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.date-picker-input:hover{background:#fff;border-color:#d1d5db}.date-picker-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.date-picker-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.date-picker-input::placeholder{color:#9ca3af}.date-picker-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #e5e7eb;border-radius:12px 0 0 12px;justify-content:center;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.date-picker-toggle-btn:hover{background:linear-gradient(135deg,#5a6fd6,#6b4190)}.date-picker-toggle-btn:disabled{cursor:not-allowed;background:#d1d5db}.date-picker-toggle-btn i{font-size:16px}.date-picker-backdrop{z-index:99998;position:fixed;inset:0}.date-picker-dropdown{z-index:99999;background:#fff;border-radius:16px;width:320px;padding:16px;animation:.2s datePickerFadeIn;position:fixed;box-shadow:0 20px 50px #00000040,0 0 0 1px #00000014}@keyframes datePickerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-picker-type-toggle{background:#f3f4f6;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.type-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.type-btn:hover{color:#374151}.type-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.date-picker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.date-picker-header .nav-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.date-picker-header .nav-btn:hover{color:#667eea;background:#e5e7eb}.date-picker-header .current-month{color:#1f2937;font-size:15px;font-weight:700}.date-picker-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.date-picker-weekdays .weekday{text-align:center;color:#9ca3af;padding:8px 0;font-size:12px;font-weight:600}.date-picker-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-cell{aspect-ratio:1;color:#374151;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .15s;display:flex}.day-cell:not(.empty):hover{background:#f3f4f6}.day-cell.empty{cursor:default}.day-cell.today{color:#b45309;background:#fef3c7;font-weight:700}.day-cell.today:hover{background:#fde68a}.day-cell.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);font-weight:700;box-shadow:0 2px 8px #667eea66}.day-cell.selected:hover{background:linear-gradient(135deg,#5a6fd6,#6b4190)}.date-picker-footer{border-top:1px solid #e5e7eb;gap:8px;margin-top:16px;padding-top:16px;display:flex}.date-picker-footer .today-btn,.date-picker-footer .clear-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.date-picker-footer .today-btn{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.date-picker-footer .today-btn:hover{background:linear-gradient(135deg,#5a6fd6,#6b4190);box-shadow:0 2px 8px #667eea4d}.date-picker-footer .clear-btn{color:#6b7280;background:#f3f4f6}.date-picker-footer .clear-btn:hover{color:#374151;background:#e5e7eb}@media (max-width:400px){.date-picker-dropdown{width:280px;padding:12px}.day-cell{font-size:13px}.type-btn{padding:8px 12px;font-size:12px}}.kanban-container{direction:ltr;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:20px}.kanban-header{text-align:center;color:#2c3e50;margin-bottom:30px}.kanban-header h2{margin-bottom:10px;font-size:28px;font-weight:700}.kanban-subtitle{color:#7f8c8d;font-size:16px;font-weight:400}.kanban-header-actions{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.kanban-board{gap:20px;min-height:600px;padding:10px 0;display:flex;overflow-x:auto}.kanban-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;flex:1;min-width:300px;max-width:350px;transition:all .3s;box-shadow:0 4px 20px #0000001a}.kanban-column-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:2px solid #fff3;border-radius:12px 12px 0 0;padding:20px;position:sticky;top:0}.kanban-column-title{color:#fff;text-shadow:0 1px 2px #0003;margin-bottom:5px;font-size:16px;font-weight:700}.kanban-column-count{color:#fff;background:#fff3;border-radius:15px;padding:4px 12px;font-size:12px;display:inline-block}.kanban-column-body{min-height:500px;max-height:70vh;padding:15px;overflow-y:auto}.status-new .kanban-column-header{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-bottom-color:#3b82f6}.status-inprogress .kanban-column-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-bottom-color:#f59e0b}.status-done .kanban-column-header{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-bottom-color:#22c55e}.status-signedoff .kanban-column-header{background:linear-gradient(135deg,#a855f71a,#a855f70d);border-bottom-color:#a855f7}.task-card{cursor:move;direction:rtl;background:#fff;border:1px solid #ecf0f1;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .3s;position:relative;box-shadow:0 2px 8px #0000001a}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.task-card.dragging{opacity:.7;z-index:1000;transform:rotate(5deg)}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.task-title{color:#2c3e50;flex:1;align-items:center;gap:8px;margin-left:10px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.attachment-indicator{color:#1976d2;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;animation:2s ease-in-out infinite attachmentPulse;display:inline-flex}.attachment-indicator i{font-size:10px}@keyframes attachmentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.task-priority{text-transform:uppercase;white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.priority-high{color:#dc2626;background:#fee2e2}.priority-medium{color:#d97706;background:#fef3c7}.priority-low{color:#16a34a;background:#dcfce7}.task-meta{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;font-size:11px;display:flex}.task-assignee{align-items:center;display:flex}.task-assignee i{margin-left:4px}.task-due-date{align-items:center;display:flex}.task-due-date i{margin-left:4px}.task-due-date.overdue{color:#dc2626;font-weight:600}.task-due-date.warning{color:#d97706;font-weight:600}.kanban-column.drag-over{background:#3b82f61a;border:2px dashed #3b82f6;transform:scale(1.02)}.kanban-column-body.drag-over{background:#3b82f60d}.add-new-task-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.add-new-task-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.add-new-task-btn:active{transform:translateY(0);box-shadow:0 4px 15px #667eea66}.loading-overlay{z-index:1000;background:#fffc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kanban-loading{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.kanban-loading i{color:#3b82f6;margin-bottom:16px;font-size:48px}.empty-column{text-align:center;color:#e5e7eb;padding:40px 20px}.empty-column i{color:#d1d5db;margin-bottom:10px;font-size:32px;display:block}.notification-toast{color:#fff;z-index:10000;background:#10b981;border-radius:8px;align-items:center;gap:10px;padding:15px 20px;animation:.3s slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 15px #0003}.notification-toast.error{background:#ef4444}.notification-toast.info{background:#3b82f6}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.task-details-overlay{z-index:9998;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-details-panel{z-index:9999;direction:rtl;background:#fff;border:1px solid #e1e5e9;border-radius:12px;width:90%;max-width:800px;max-height:90vh;animation:.3s slideDown;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000026}.task-details-header{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px 12px 0 0;padding:15px 20px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.task-details-header h4{flex:1;margin:0;font-size:18px;font-weight:600}.save-task-btn-header{cursor:pointer;color:#fff;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.save-task-btn-header:hover{background:linear-gradient(135deg,#218838,#1c9970);transform:translateY(-1px);box-shadow:0 2px 8px #28a74566}.edit-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.edit-action-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .3s;display:flex}.close-btn:hover{background:#ffffff4d}.task-details-content{padding:20px}.task-details-body{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px;line-height:1.8}.task-details-body p{margin:8px 0}.task-details-body strong{color:#495057}.new-task-fields{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.new-task-fields .form-row{gap:15px;margin-bottom:15px;display:flex}.new-task-fields .form-group{flex:1}.new-task-fields .col-md-6{flex:0 0 48%}.new-task-fields label{color:#495057;margin-bottom:5px;font-weight:600;display:block}.new-task-fields .form-control{border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.new-task-fields .form-control:focus{border-color:#80bdff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.task-actions-section{border-top:1px solid #e9ecef;padding-top:20px}.actions-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.status-change-section,.assign-change-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.status-change-section label,.assign-change-section label{color:#495057;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.status-dropdown,.assign-dropdown{border:1px solid #ced4da;border-radius:6px;width:100%;margin-bottom:10px;padding:8px 12px}.assigned-users-display{color:#495057;background:#fff;border:1px solid #e9ecef;border-radius:6px;min-height:40px;padding:12px}.assigned-users-edit{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.assign-dropdowns{flex-direction:column;gap:8px;display:flex}.user-tag{color:#1976d2;background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;margin:2px;padding:4px 8px;font-size:12px;display:inline-block}.user-tag i{margin-left:4px}.task-comments-section{margin-bottom:20px}.comments-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.task-comments-section h5{color:#495057;margin:0;font-size:16px;font-weight:600}.delete-all-comments-btn{color:#fff;cursor:pointer;background:#dc3545;border:1px solid #dc3545;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.delete-all-comments-btn:hover{background:#c82333;border-color:#bd2130;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.comments-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-height:300px;margin-bottom:15px;padding:10px;overflow-y:auto}.comment-item{border-bottom:1px solid #f1f3f4;margin-bottom:10px;padding:10px;transition:background-color .2s}.comment-item:hover{background-color:#f8f9fa}.comment-item:last-child{border-bottom:none;margin-bottom:0}.comment-author{color:#495057;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.comment-author i{color:#007bff;margin-left:5px}.comment-date{color:#6c757d;font-size:12px;font-weight:400}.comment-date i{color:#6c757d;margin-left:3px}.comment-actions{gap:5px;display:flex}.delete-comment-btn{color:#dc3545;cursor:pointer;background:#dc35451a;border:1px solid #dc354533;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.delete-comment-btn:hover{color:#dc3545;background:#dc354533;border-color:#dc354566;transform:scale(1.05)}.comment-text{color:#212529;white-space:pre-wrap;margin-top:5px;line-height:1.5}.add-comment-section{align-items:flex-end;gap:10px;display:flex}.comment-input{resize:vertical;border:1px solid #ced4da;border-radius:6px;flex:1;min-height:80px;padding:10px}.add-comment-btn{white-space:nowrap;color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:10px 20px;transition:all .2s}.add-comment-btn:hover{background:#0056b3}.no-comments-message{text-align:center;color:#6c757d;padding:30px}.task-attachments-section{border-top:1px solid #e9ecef;margin-bottom:20px;padding-top:20px}.task-attachments-section h5{color:#495057;margin-bottom:15px;font-size:16px;font-weight:600}.task-attachments-section h5 i{color:#007bff;margin-left:8px}.attachments-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:10px 0;display:grid}.attachment-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 2px 4px #0000001a}.attachment-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.attachment-preview{background:#f8f9fa;justify-content:center;align-items:center;height:120px;display:flex;overflow:hidden}.attachment-preview img{object-fit:cover;max-width:100%;max-height:100%;transition:transform .3s}.attachment-card:hover .attachment-preview img{transform:scale(1.05)}.file-icon{color:#6c757d;font-size:48px;transition:color .3s}.attachment-card:hover .file-icon{color:#007bff}.attachment-info{padding:12px}.attachment-name{color:#495057;margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;display:block}.attachment-name:hover{color:#007bff;text-decoration:underline}.attachment-meta{color:#6c757d;justify-content:space-between;font-size:11px;display:flex}@media (max-width:768px){.kanban-board{flex-direction:column;gap:15px}.kanban-column{min-width:auto;max-width:none}.task-details-panel{width:95%;max-height:85vh}.header-content{flex-direction:column;align-items:flex-start;gap:10px}.header-actions{align-self:flex-end}.edit-action-btn{padding:6px 12px;font-size:12px}.actions-grid{grid-template-columns:1fr;gap:15px}.status-dropdown,.assign-dropdown{width:100%}.assign-dropdowns{gap:6px}.add-comment-section{flex-direction:column}.comment-input{margin-bottom:10px}.attachments-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.attachment-preview{height:80px}.file-icon{font-size:32px}.attachment-indicator{padding:1px 4px;font-size:9px}.task-title{gap:6px;font-size:13px}.new-task-fields .form-row{flex-direction:column}.new-task-fields .col-md-6{flex:1}}:root{--tasks-primary:#6366f1;--tasks-primary-light:#818cf8;--tasks-primary-dark:#4f46e5;--tasks-secondary:#8b5cf6;--tasks-success:#10b981;--tasks-success-light:#34d399;--tasks-warning:#f59e0b;--tasks-danger:#ef4444;--tasks-info:#06b6d4;--tasks-gray-50:#f9fafb;--tasks-gray-100:#f3f4f6;--tasks-gray-200:#e5e7eb;--tasks-gray-300:#d1d5db;--tasks-gray-400:#9ca3af;--tasks-gray-500:#6b7280;--tasks-gray-600:#4b5563;--tasks-gray-700:#374151;--tasks-gray-800:#1f2937;--tasks-gray-900:#111827;--tasks-shadow-sm:0 1px 2px 0 #0000000d;--tasks-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tasks-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tasks-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tasks-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tasks-radius-sm:6px;--tasks-radius:10px;--tasks-radius-lg:16px;--tasks-radius-xl:24px}.tasks-container{direction:rtl;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;padding:24px 32px;font-family:IRANSans,Segoe UI,sans-serif}.tasks-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.tasks-title{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:28px;font-weight:700;display:flex}.tasks-title:before{content:"";background:linear-gradient(to bottom,var(--tasks-primary),var(--tasks-secondary));border-radius:3px;width:6px;height:32px;display:inline-block}.tasks-filter{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fffc;margin-bottom:24px;padding:24px 28px}.filter-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-row+.filter-row{border-top:1px solid var(--tasks-gray-100);margin-top:16px;padding-top:16px}.filter-item{align-items:center;gap:10px;display:flex}.filter-item label{color:var(--tasks-gray-600);white-space:nowrap;font-size:13px;font-weight:600}.filter-item input,.filter-item select{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);background:var(--tasks-gray-50);min-width:200px;color:var(--tasks-gray-700);padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}.filter-item input:hover,.filter-item select:hover{border-color:var(--tasks-gray-300);background:#fff}.filter-item input:focus,.filter-item select:focus{border-color:var(--tasks-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.filter-item input::placeholder{color:var(--tasks-gray-400)}.filter-buttons{gap:10px;margin-right:auto;display:flex}.btn{border-radius:var(--tasks-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(#fff3 0%,#fff0 100%);position:absolute;inset:0}.btn-search{background:linear-gradient(135deg,var(--tasks-gray-500)0%,var(--tasks-gray-600)100%);color:#fff}.btn-search:hover{background:linear-gradient(135deg,var(--tasks-gray-600)0%,var(--tasks-gray-700)100%);transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.btn-add{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-primary-dark)100%);color:#fff}.btn-add:hover{background:linear-gradient(135deg,var(--tasks-primary-light)0%,var(--tasks-primary)100%);transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.btn-refresh{background:linear-gradient(135deg,var(--tasks-info)0%,#0891b2 100%);color:#fff}.btn-refresh:hover{background:linear-gradient(135deg,#22d3ee 0%,var(--tasks-info)100%);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.tasks-table-container{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-xl);background:#fff;border:1px solid #fffc;overflow:hidden}.tasks-table{border-collapse:collapse;width:100%}.tasks-table th{background:linear-gradient(180deg,var(--tasks-gray-50)0%,var(--tasks-gray-100)100%);text-align:right;color:var(--tasks-gray-700);border-bottom:2px solid var(--tasks-gray-200);text-transform:uppercase;letter-spacing:.5px;padding:16px 18px;font-size:13px;font-weight:700}.tasks-table td{border-bottom:1px solid var(--tasks-gray-100);vertical-align:middle;color:var(--tasks-gray-700);padding:16px 18px;font-size:14px}.tasks-table tbody tr{transition:all .2s}.tasks-table tbody tr:hover{background:linear-gradient(90deg,#6366f10a 0%,#8b5cf60a 100%)}.tasks-table tbody tr:nth-child(2n){background:var(--tasks-gray-50)}.tasks-table tbody tr:nth-child(2n):hover{background:linear-gradient(90deg,#6366f10f 0%,#8b5cf60f 100%)}.row-color-red{color:var(--tasks-danger)}.row-color-orange{color:var(--tasks-warning)}.row-color-darkred{color:#b91c1c}.row-color-black{color:var(--tasks-gray-800)}.action-btn{cursor:pointer;border-radius:var(--tasks-radius);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.action-btn:hover{transform:scale(1.15)}.action-btn.delete-btn:hover{background:#ef44441a}.action-btn.edit-btn:hover{background:#6366f11a}.action-btn.done-btn:hover{background:#10b9811a}.date-cell{text-align:center;direction:ltr;font-size:12px;line-height:1.5}.date-gregorian{color:var(--tasks-gray-800);font-size:13px;font-weight:600}.date-persian{color:var(--tasks-gray-500);margin-top:2px;font-size:11px}.status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-new{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);box-shadow:0 2px 8px #a855f74d}.status-inprogress{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.status-done{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.status-signedoff{color:#fff;background:linear-gradient(135deg,#14532d 0%,#166534 100%);box-shadow:0 2px 8px #1665344d}.assigned-to-cell{font-size:13px}.assigned-to-cell span{color:var(--tasks-gray-600);padding:2px 0;display:block}.assigned-to-cell span:first-child{color:var(--tasks-gray-800);font-weight:600}.subtasks-info{color:var(--tasks-primary);background:#6366f11a;border-radius:10px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:600}.sort-controls{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-md);background:#fff;align-items:center;gap:16px;margin-top:24px;padding:18px 24px;display:flex}.sort-controls label{color:var(--tasks-gray-600);font-size:13px;font-weight:600}.sort-controls select{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);background:var(--tasks-gray-50);cursor:pointer;padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}.sort-controls select:hover{border-color:var(--tasks-gray-300)}.sort-controls select:focus{border-color:var(--tasks-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:20px;display:flex}.pagination-btn{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);cursor:pointer;color:var(--tasks-gray-700);background:#fff;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--tasks-primary);border-color:var(--tasks-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--tasks-gray-600);background:var(--tasks-gray-100);border-radius:var(--tasks-radius);padding:10px 20px;font-size:14px;font-weight:500}.empty-state i{opacity:.5;background:linear-gradient(135deg,var(--tasks-gray-300)0%,var(--tasks-gray-400)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:64px}.empty-state p{font-size:18px;font-weight:500}.loading-container{justify-content:center;align-items:center;padding:80px;display:flex}.loading-spinner{border:4px solid var(--tasks-gray-200);border-top:4px solid var(--tasks-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.edit-form-container{border-radius:var(--tasks-radius-xl);box-shadow:var(--tasks-shadow-xl);direction:rtl;background:#fff;border:1px solid #ffffffe6;overflow:hidden}.edit-form-header{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-secondary)100%);color:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative;overflow:hidden}.edit-form-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);width:60%;height:200%;position:absolute;top:-50%;right:-20%}.edit-form-header h2{align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.edit-form-header h2:before{content:"";opacity:.9;font-family:primeicons;font-size:24px}.edit-form-actions{gap:12px;display:flex}.btn-save{background:linear-gradient(135deg,var(--tasks-success)0%,#059669 100%);color:#fff;border-radius:var(--tasks-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #10b9814d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-cancel{color:#fff;border-radius:var(--tasks-radius);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;display:flex}.btn-cancel:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.edit-form-body{background:var(--tasks-gray-50);padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.form-column{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-md);border:1px solid var(--tasks-gray-100);background:#fff;padding:24px;overflow:visible}.form-table{width:100%}.form-table tr{margin-bottom:16px}.form-table td{padding:10px 0}.form-table td:first-child{width:100px;color:var(--tasks-gray-600);vertical-align:top;padding-top:14px;font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);background:var(--tasks-gray-50);width:100%;color:var(--tasks-gray-800);padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--tasks-gray-300);background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--tasks-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--tasks-gray-100);cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:140px}.date-picker-container{align-items:center;gap:8px;display:flex}.date-picker-container .form-input{flex:1}.date-picker-btn{background:linear-gradient(135deg,var(--tasks-gray-100)0%,var(--tasks-gray-200)100%);border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);cursor:pointer;color:var(--tasks-gray-600);padding:12px 14px;transition:all .2s}.date-picker-btn:hover{background:linear-gradient(135deg,var(--tasks-primary-light)0%,var(--tasks-primary)100%);border-color:var(--tasks-primary);color:#fff}.checkbox-container{align-items:center;gap:12px;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;width:22px;height:22px;accent-color:var(--tasks-primary)}.toggle-switch{cursor:pointer;width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--tasks-gray-300);border-radius:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;right:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--tasks-primary),var(--tasks-secondary))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(-24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #667eea40}.toggle-switch:hover .toggle-slider{background:var(--tasks-gray-400)}.toggle-switch input:checked:hover+.toggle-slider{background:linear-gradient(135deg,#5a6fd6,#a855f7)}.comments-section h3{color:var(--tasks-gray-800);align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.comments-section h3 i{color:var(--tasks-primary)}.comments-list{border:2px solid var(--tasks-gray-100);border-radius:var(--tasks-radius-lg);background:var(--tasks-gray-50);max-height:320px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:var(--tasks-gray-100)}.comments-list::-webkit-scrollbar-thumb{background:var(--tasks-gray-300);border-radius:3px}.comment-item{border-bottom:1px solid var(--tasks-gray-200);background:#fff;padding:16px 18px;transition:background .2s}.comment-item:last-child{border-bottom:none}.comment-item:hover{background:var(--tasks-gray-50)}.comment-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.comment-user{color:var(--tasks-primary);font-size:14px;font-weight:700}.comment-date{color:var(--tasks-gray-400);background:var(--tasks-gray-100);border-radius:12px;padding:4px 10px;font-size:11px}.comment-text{color:var(--tasks-gray-700);font-size:14px;line-height:1.7}.comment-delete-btn{color:var(--tasks-gray-400);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s}.comment-delete-btn:hover{color:var(--tasks-danger);background:#ef44441a}.add-comment-form{gap:12px;margin-top:16px;display:flex}.add-comment-form input{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius);background:var(--tasks-gray-50);flex:1;padding:14px 18px;font-family:inherit;font-size:14px;transition:all .2s}.add-comment-form input:focus{border-color:var(--tasks-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.add-comment-form button{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-primary-dark)100%);color:#fff;border-radius:var(--tasks-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-weight:600;transition:all .25s;display:flex}.add-comment-form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.glass-card{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-lg);border:1px solid var(--tasks-gray-100);background:#fff;margin-top:24px;overflow:hidden}.glass-header{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-secondary)100%);color:#fff;align-items:center;gap:12px;padding:18px 24px;display:flex}.glass-header.purple{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.glass-header.green{background:linear-gradient(135deg,var(--tasks-success)0%,#059669 100%)}.glass-header h4{margin:0;font-size:16px;font-weight:700}.glass-header i{opacity:.9;font-size:20px}.glass-body{background:var(--tasks-gray-50);padding:24px}.attachments-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.attachments-grid h4{color:var(--tasks-gray-700);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.upload-area{text-align:center;border:3px dashed var(--tasks-gray-300);border-radius:var(--tasks-radius-lg);cursor:pointer;background:#fff;padding:40px;transition:all .3s}.upload-area:hover{border-color:var(--tasks-primary);background:#6366f10d;transform:translateY(-2px)}.upload-area i{background:linear-gradient(135deg,var(--tasks-primary)0%,var(--tasks-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:48px}.upload-area p{color:var(--tasks-gray-500);margin:0;font-weight:500}.attachments-list-container{border:2px solid var(--tasks-gray-200);border-radius:var(--tasks-radius-lg);background:#fff;max-height:350px;overflow-y:auto}.attachment-item{border-bottom:1px solid var(--tasks-gray-100);justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.attachment-item:hover{background:var(--tasks-gray-50)}.attachment-item:last-child{border-bottom:none}.attachment-info{flex:1;align-items:center;gap:14px;display:flex}.attachment-icon{color:var(--tasks-primary);font-size:28px}.attachment-details{flex:1}.attachment-name{color:var(--tasks-gray-800);margin-bottom:4px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.attachment-name:hover{color:var(--tasks-primary)}.attachment-size{color:var(--tasks-gray-500);font-size:12px}.attachment-date{color:var(--tasks-gray-400);font-size:11px}.btn-delete-attachment{width:36px;height:36px;color:var(--tasks-danger);cursor:pointer;background:#ef444414;border:2px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.btn-delete-attachment:hover{background:var(--tasks-danger);border-color:var(--tasks-danger);color:#fff;transform:scale(1.1)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.gallery-item{border-radius:var(--tasks-radius-lg);box-shadow:var(--tasks-shadow-md);cursor:pointer;background:#fff;border:2px solid #0000;transition:all .3s;overflow:hidden}.gallery-item:hover{box-shadow:var(--tasks-shadow-xl);border-color:var(--tasks-primary);transform:translateY(-8px)}.gallery-image{height:160px;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gallery-item:hover .gallery-image img{transform:scale(1.1)}.gallery-overlay{opacity:0;background:linear-gradient(135deg,#6366f1b3 0%,#8b5cf6b3 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay i{color:#fff;font-size:32px}.gallery-caption{text-align:center;color:var(--tasks-gray-600);background:var(--tasks-gray-50);padding:14px 16px;font-size:13px;font-weight:500}.subtasks-table{border-collapse:collapse;width:100%}.subtasks-table th{background:linear-gradient(180deg,var(--tasks-gray-50)0%,var(--tasks-gray-100)100%);text-align:right;border-bottom:2px solid var(--tasks-gray-200);color:var(--tasks-gray-700);padding:14px 16px;font-size:13px;font-weight:700}.subtasks-table td{border-bottom:1px solid var(--tasks-gray-100);background:#fff;padding:14px 16px;font-size:14px}.subtasks-table tbody tr{transition:background .2s}.subtasks-table tbody tr:hover{background:var(--tasks-gray-50)}.image-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.image-modal-content{max-width:90%;max-height:90%;position:relative}.image-modal-content img{border-radius:var(--tasks-radius-lg);max-width:100%;max-height:85vh;box-shadow:0 0 60px #00000080}.image-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;padding:8px 18px;font-size:28px;transition:all .2s;position:absolute;top:-50px;right:0}.image-modal-close:hover{background:#fff3;transform:scale(1.1)}.image-modal-nav{color:#fff;cursor:pointer;background:#000000b3;border:2px solid #fff3;border-radius:50%;padding:18px 22px;font-size:24px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.image-modal-nav:hover{background:var(--tasks-primary);border-color:var(--tasks-primary);transform:translateY(-50%)scale(1.1)}.image-modal-nav.prev{right:-70px}.image-modal-nav.next{left:-70px}@media (max-width:1200px){.form-row{grid-template-columns:1fr;gap:24px}.attachments-grid{grid-template-columns:1fr}}@media (max-width:768px){.tasks-container{padding:16px}.tasks-title{font-size:22px}.filter-row{flex-direction:column;align-items:stretch}.filter-item{width:100%}.filter-item input,.filter-item select{width:100%;min-width:auto}.filter-buttons{justify-content:center;margin-right:0}.tasks-table th,.tasks-table td{padding:12px 10px;font-size:12px}.sort-controls{flex-wrap:wrap;justify-content:center}.edit-form-header{text-align:center;flex-direction:column;gap:16px}.edit-form-body{padding:20px}.form-column{padding:18px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.image-modal-nav.prev,.image-modal-nav.next{position:fixed;top:auto;bottom:30px;transform:none}.image-modal-nav.prev{right:30px}.image-modal-nav.next{left:30px}}.dayoffs-container *,.dayoffs-container :before,.dayoffs-container :after{box-sizing:border-box}.dayoffs-container{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px}.dayoffs-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:20px;padding:20px 28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea40}.dayoffs-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-100px}.header-content{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.header-content>i{color:#fffffff2;font-size:40px}.header-content h1{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.header-content p{color:#ffffffd9;margin:4px 0 0;font-size:.9375rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #00000008;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;right:0}.stat-card.purple:before{background:linear-gradient(#667eea,#764ba2)}.stat-card.blue:before{background:linear-gradient(#3b82f6,#60a5fa)}.stat-card.green:before{background:linear-gradient(#10b981,#34d399)}.stat-card.orange:before{background:linear-gradient(#f59e0b,#fbbf24)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.stat-icon i{color:#fff;font-size:1.25rem}.stat-content{flex:1}.stat-label{color:#64748b;margin:0 0 4px;font-size:.75rem;font-weight:600}.stat-value{color:#1e293b;margin:0;font-size:1.75rem;font-weight:800;line-height:1}.stat-unit{color:#94a3b8;margin:4px 0 0;font-size:.75rem;font-weight:500}.filters-section{background:#fff;border:1px solid #00000008;border-radius:14px;margin-bottom:20px;padding:16px 20px;box-shadow:0 2px 12px #0000000d}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label{color:#374151;font-size:.875rem;font-weight:700}.filter-select{color:#374151;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;min-width:150px;padding:10px 16px;font-family:inherit;font-size:.875rem;transition:all .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1f}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-search{color:#475569;background:#f1f5f9;border:2px solid #e2e8f0}.btn-search:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-add{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 16px #667eea59}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.btn-save{color:#fff;background:#10b981;border-radius:8px;padding:10px 24px;font-size:.8125rem}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 24px;font-size:.8125rem}.btn-cancel:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.table-container{background:#fff;border:1px solid #00000008;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 32px;display:flex}.loading-container span{color:#64748b;font-size:.9375rem;font-weight:500}.dayoffs-table{border-collapse:collapse;width:100%}.dayoffs-table thead{background:#f8fafc}.dayoffs-table th{text-align:right;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:.75rem;font-weight:700}.dayoffs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.dayoffs-table tbody tr:last-child{border-bottom:none}.dayoffs-table tbody tr:hover{background:#f8fafc}.dayoffs-table td{color:#1e293b;vertical-align:middle;padding:14px 16px;font-size:.875rem}.date-cell{white-space:nowrap}.date-persian{color:#475569;font-size:.875rem;font-weight:500}.number-cell{text-align:center;color:#1e293b;font-size:1rem;font-weight:700}.note-cell{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:200px;overflow:hidden}.staff-nickname{color:#1e293b;font-weight:600}.staff-firstname-only{color:#dc2626;font-weight:600}.action-btn{cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.action-btn i{font-size:.875rem}.delete-btn:hover{background:#fef2f2;transform:scale(1.08)}.delete-btn i{color:#dc2626}.edit-btn:hover{background:#eff6ff;transform:scale(1.08)}.edit-btn i{color:#2563eb}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-new{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.status-approved{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.status-rejected{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.bottom-actions{justify-content:flex-start;margin-top:20px;display:flex}.edit-form-container{width:100%;max-width:100%}.dayoffs-form-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.form-header{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:14px 20px}.form-title{align-items:center;gap:10px;display:flex}.form-title i{color:#fff;background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.form-title h2{color:#fff;margin:0;font-size:1rem;font-weight:700}.form-body{box-sizing:border-box;width:100%;padding:16px 20px}.form-section-inline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.inline-label{color:#374151;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.inline-label i{color:#6366f1;font-size:.875rem}.inline-select{flex:1;min-width:0}.form-section{width:100%;margin-bottom:14px}.form-section:last-of-type .form-row{max-width:100%}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;display:flex}.section-title i{color:#fff;background:#6366f1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.section-title span{color:#374151;font-size:.8125rem;font-weight:600}.form-row{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:800px;margin-bottom:12px;display:grid}.form-row.no-labels{align-items:center}.form-row.no-labels .form-group{margin-bottom:0}.form-row.no-labels select.form-control{box-sizing:border-box;height:42px;padding:0 12px 0 32px}.form-row.no-labels .date-picker-input-wrapper{box-sizing:border-box;height:42px}.form-row.no-labels .date-picker-input,.form-row.no-labels .date-picker-toggle-btn{box-sizing:border-box;height:100%}.form-row.no-labels .days-count-inline{box-sizing:border-box;height:42px}.form-row:last-child{margin-bottom:0}.form-row.two-cols{grid-template-columns:1fr 1fr!important;gap:20px!important;width:100%!important;max-width:none!important;display:grid!important}.form-row.two-cols .form-group{min-width:0;width:100%!important}.form-row.two-cols textarea.form-control{resize:vertical;box-sizing:border-box;min-height:80px;width:100%!important}.form-row:has(.full-width){grid-template-columns:1fr}@media (max-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1;width:100%}.form-group.full-width textarea.form-control{width:100%;min-width:100%}.form-label{color:#4b5563;align-items:center;gap:4px;margin-bottom:4px;font-size:.75rem;font-weight:600;display:flex}.mandatory{color:#ef4444;font-size:.875rem;line-height:1}.form-control{color:#1f2937;text-align:right;box-sizing:border-box;direction:rtl;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:all .2s}.form-control:hover:not(.readonly){border-color:#9ca3af}.form-control:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f11a}.form-control.readonly{color:#6b7280;cursor:default;background:#f9fafb}.form-control.number-input{text-align:center;color:#667eea;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:2px solid #c4b5fd;padding:16px;font-size:1.25rem;font-weight:700}textarea.form-control{resize:vertical;box-sizing:border-box;text-align:right;direction:rtl;width:100%;min-height:80px;line-height:1.6}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:12px 50%;background-repeat:no-repeat;background-size:16px;padding-left:40px}.days-count-group{flex-direction:column;display:flex}.days-count-inline{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #c4b5fd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:90px;height:38px;padding:8px 20px;display:flex}.days-value{color:#6366f1;text-align:center;min-width:30px;font-size:1.5rem;font-weight:800}.days-unit{color:#8b5cf6;font-size:.8125rem;font-weight:600}.form-group .date-picker-container{width:100%}.form-actions{border-top:1px solid #e5e7eb;justify-content:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.info-section{margin-top:24px}.info-section h4{color:#1e293b;justify-content:center;align-items:center;gap:10px;margin:0 0 16px;font-size:1rem;font-weight:700;display:flex}.info-section h4 i{color:#667eea;font-size:1.125rem}.info-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-card{text-align:center;color:#fff;border-radius:16px;padding:20px 16px;transition:all .3s;position:relative;overflow:hidden}.info-card:before{content:"";background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:-30%;right:-30%}.info-card:hover{transform:translateY(-4px)}.info-card.purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 24px #667eea59}.info-card.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px #10b98159}.info-card.amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 24px #f59e0b59}.info-card-title{opacity:.95;z-index:1;margin-bottom:8px;font-size:.75rem;font-weight:700;position:relative}.info-card-value{text-shadow:0 2px 8px #0000001f;z-index:1;margin-bottom:4px;font-size:2.25rem;font-weight:900;line-height:1;position:relative}.info-card-unit{opacity:.9;z-index:1;font-size:.6875rem;font-weight:700;position:relative}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dayoffs-container{padding:16px}.dayoffs-header{border-radius:12px;padding:16px 20px}.header-content{text-align:center;flex-direction:column;gap:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{text-align:center;flex-direction:column;padding:12px 16px}.filters-row{flex-direction:column;align-items:stretch}.filter-select{width:100%}.btn{justify-content:center;width:100%}.table-container{overflow-x:auto}.dayoffs-table{min-width:800px}.form-body,.form-header{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.form-actions{flex-direction:column}.info-cards{grid-template-columns:1fr;gap:12px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{text-align:right;flex-direction:row}.form-header{padding:16px}.form-title i{width:40px;height:40px;font-size:1.25rem}.form-title h2{font-size:1.125rem}.form-body{padding:16px}.info-card-value{font-size:2rem}}.access-denied-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:80px auto;padding:60px 40px;display:flex;box-shadow:0 8px 40px #00000014}.access-denied-card i.pi-lock{color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-radius:50%;margin-bottom:24px;padding:24px;font-size:4rem}.access-denied-card h2{color:#1e293b;margin:0 0 12px;font-size:1.5rem;font-weight:700}.access-denied-card p{color:#64748b;margin:0 0 28px;font-size:1rem;line-height:1.7}.access-denied-card .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.access-denied-card .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea59}.quick-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;margin-left:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.quick-action-btn.approve-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.quick-action-btn.approve-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.quick-action-btn.reject-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.quick-action-btn.reject-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.status-cell-content{flex-direction:column;align-items:center;gap:8px;display:flex}.status-cell-content .quick-actions{gap:4px;display:flex}.my-dayoffs-container{background:#f8fafc;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.my-dayoffs-container .page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 32px;display:flex;box-shadow:0 8px 32px #667eea40}.my-dayoffs-container .header-content{align-items:center;gap:16px;display:flex}.my-dayoffs-container .header-content i{color:#ffffffe6;font-size:40px}.my-dayoffs-container .header-content h1{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.my-dayoffs-container .header-content p{color:#ffffffd9;margin:4px 0 0;font-size:.9rem}.my-dayoffs-container .btn-add{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.my-dayoffs-container .btn-add:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.my-dayoffs-container .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.my-dayoffs-container .stat-card{background:#fff;border:1px solid #00000008;border-radius:14px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 12px #0000000d}.my-dayoffs-container .stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.my-dayoffs-container .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.my-dayoffs-container .stat-icon i{color:#fff;font-size:1.5rem}.my-dayoffs-container .stat-card.purple .stat-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.my-dayoffs-container .stat-card.green .stat-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.my-dayoffs-container .stat-card.amber .stat-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.my-dayoffs-container .stat-card.blue .stat-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.my-dayoffs-container .stat-info{flex-direction:column;display:flex}.my-dayoffs-container .stat-value{color:#1e293b;font-size:1.75rem;font-weight:700}.my-dayoffs-container .stat-label{color:#64748b;margin-top:2px;font-size:.85rem}.my-dayoffs-container .filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.my-dayoffs-container .filter-group{align-items:center;gap:10px;display:flex}.my-dayoffs-container .filter-group label{color:#374151;font-size:.9rem;font-weight:600}.my-dayoffs-container .filter-group select{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:.9rem;transition:all .2s}.my-dayoffs-container .filter-group select:hover{border-color:#667eea}.my-dayoffs-container .filter-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.my-dayoffs-container .table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.my-dayoffs-container .loading-state,.my-dayoffs-container .empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.my-dayoffs-container .loading-state i,.my-dayoffs-container .empty-state i{opacity:.5;margin-bottom:16px;font-size:3rem}.my-dayoffs-container .empty-state h3{color:#374151;margin:0 0 8px;font-size:1.1rem;font-weight:600}.my-dayoffs-container .empty-state p{margin:0;font-size:.9rem}.my-dayoffs-container .data-table{border-collapse:collapse;width:100%}.my-dayoffs-container .data-table th{text-align:right;color:#475569;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:14px 16px;font-size:.85rem;font-weight:600}.my-dayoffs-container .data-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.my-dayoffs-container .data-table tbody tr:hover{background:#f8fafc}.my-dayoffs-container .data-table tbody tr:last-child td{border-bottom:none}.my-dayoffs-container .actions-cell{gap:6px;display:flex}.my-dayoffs-container .action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.my-dayoffs-container .action-btn.edit-btn{color:#3b82f6;background:#eff6ff}.my-dayoffs-container .action-btn.edit-btn:hover{color:#fff;background:#3b82f6}.my-dayoffs-container .action-btn.delete-btn{color:#ef4444;background:#fef2f2}.my-dayoffs-container .action-btn.delete-btn:hover{color:#fff;background:#ef4444}.my-dayoffs-container .no-action{color:#94a3b8;font-size:.9rem}.my-dayoffs-container .date-cell{text-align:left;direction:ltr}.my-dayoffs-container .date-persian{font-family:inherit;font-weight:500}.my-dayoffs-container .number-cell{text-align:center;color:#667eea;font-weight:600}.my-dayoffs-container .note-cell{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:180px;overflow:hidden}.my-dayoffs-container .status-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.my-dayoffs-container .status-badge.status-new{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.my-dayoffs-container .status-badge.status-approved{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.my-dayoffs-container .status-badge.status-rejected{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.my-dayoffs-container .back-section{text-align:center}.my-dayoffs-container .btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.my-dayoffs-container .btn-secondary:hover{color:#667eea;background:#f8fafc;border-color:#667eea}.my-dayoffs-container .form-card{background:#fff;border-radius:20px;max-width:600px;margin:0 auto;overflow:hidden;box-shadow:0 8px 40px #00000014}.my-dayoffs-container .form-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px 28px}.my-dayoffs-container .form-title{align-items:center;gap:14px;display:flex}.my-dayoffs-container .form-title i{color:#ffffffe6;font-size:1.75rem}.my-dayoffs-container .form-title h2{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.my-dayoffs-container .form-body{padding:28px}.my-dayoffs-container .form-section{background:#fdfdff;border:1px solid #e0e7ff;border-radius:14px;margin-bottom:20px;padding:20px}.my-dayoffs-container .section-title{color:#374151;border-bottom:1px dashed #e5e7eb;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;font-size:1rem;font-weight:700;display:flex}.my-dayoffs-container .section-title i{color:#667eea;font-size:1.1rem}.my-dayoffs-container .form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.my-dayoffs-container .form-group{flex-direction:column;display:flex}.my-dayoffs-container .form-group.full-width{grid-column:1/-1}.my-dayoffs-container .form-label{color:#374151;align-items:center;gap:4px;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.my-dayoffs-container .form-label .mandatory{color:#ef4444}.my-dayoffs-container .form-control{color:#1e293b;text-align:right;box-sizing:border-box;direction:rtl;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.my-dayoffs-container .form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.my-dayoffs-container textarea.form-control{resize:vertical;min-height:100px}.my-dayoffs-container .days-display{background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px;display:flex}.my-dayoffs-container .days-label{color:#475569;font-size:.9rem;font-weight:500}.my-dayoffs-container .days-value{color:#667eea;font-size:1.5rem;font-weight:700}.my-dayoffs-container .days-unit{color:#475569;font-size:.9rem}.my-dayoffs-container .form-actions{justify-content:center;gap:12px;padding-top:8px;display:flex}.my-dayoffs-container .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.my-dayoffs-container .btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea59}.my-dayoffs-container .btn-save:disabled{opacity:.6;cursor:not-allowed}.my-dayoffs-container .btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.my-dayoffs-container .btn-cancel:hover{background:#e2e8f0}@media (max-width:1024px){.my-dayoffs-container .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.my-dayoffs-container{padding:16px}.my-dayoffs-container .page-header{text-align:center;flex-direction:column;gap:16px;padding:20px}.my-dayoffs-container .header-content{flex-direction:column}.my-dayoffs-container .stats-grid,.my-dayoffs-container .form-row{grid-template-columns:1fr}.my-dayoffs-container .data-table{font-size:.85rem}.my-dayoffs-container .data-table th,.my-dayoffs-container .data-table td{padding:10px 12px}}.timecards-container{direction:rtl;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;padding:20px}.timecards-header{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);border-radius:16px;margin-bottom:24px;padding:24px 32px;box-shadow:0 10px 40px #1e3a5f4d}.header-content{color:#fff;align-items:center;gap:16px;display:flex}.header-content>i{opacity:.9;font-size:2.5rem}.header-content h1{margin:0 0 4px;font-size:1.5rem;font-weight:600}.header-content p{opacity:.85;margin:0;font-size:.95rem}.timecards-header{justify-content:space-between;align-items:center;display:flex}.btn-upload-link{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-upload-link:hover{background:#ffffff40;transform:translateY(-2px)}.btn-upload-link i{font-size:1.1rem}.stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:16px 24px;box-shadow:0 2px 12px #0000000f}.stats-bar-title{color:#475569;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.stats-bar-title i{color:#6366f1}.stats-filtered-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;margin-right:auto;padding:4px 10px;font-size:.75rem;font-weight:600}.stats-bar-items{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;display:flex}.stats-bar-item{align-items:center;gap:12px;padding:8px 16px;display:flex}.stats-bar-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.stats-bar-icon.purple{color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%)}.stats-bar-icon.blue{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.stats-bar-icon.green{color:#10b981;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.stats-bar-icon.orange{color:#f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.stats-bar-content{flex-direction:column;gap:2px;display:flex}.stats-bar-value{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1.2}.stats-bar-label{color:#64748b;font-size:.8rem}.stats-bar-divider{background:linear-gradient(#0000,#e2e8f0,#0000);width:1px;height:40px}@media (max-width:1024px){.stats-bar-items{justify-content:flex-start}.stats-bar-divider{display:none}}@media (max-width:768px){.stats-bar{padding:16px}.stats-bar-items{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stats-bar-item{padding:8px}.stats-bar-value{font-size:1rem}}.filters-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.filters-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.filters-title{align-items:center;gap:14px;display:flex}.filters-title-icon{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #6366f14d}.filters-title-icon i{color:#fff;font-size:1.4rem}.filters-title-text h3{color:#1e293b;margin:0 0 4px;font-size:1.1rem;font-weight:600}.filters-title-text span{color:#64748b;font-size:.85rem}.filters-actions-top{gap:10px;display:flex}.btn-filter-action{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-clear{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-clear:hover{color:#fff;background:#dc2626;border-color:#dc2626}.active-filters{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-bottom:1px solid #bfdbfe;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;display:flex}.active-filters-label{color:#3b82f6;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-tag{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex;box-shadow:0 1px 3px #0000000d}.filter-tag i{color:#3b82f6;font-size:.75rem}.filter-tag button{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;margin-right:4px;padding:2px;transition:color .2s;display:flex}.filter-tag button:hover{color:#dc2626}.filter-tag button i{color:inherit;font-size:.7rem}.filters-body{padding:24px}.filters-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.filter-group-label{color:#374151;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.filter-group-label i{color:#6366f1;font-size:.9rem}.filter-input-wrapper,.filter-select-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:1rem;position:absolute;right:14px}.filter-input-modern{color:#1f2937;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 42px 12px 36px;font-size:.95rem;transition:all .2s}.filter-input-modern::placeholder{color:#9ca3af}.filter-input-modern:hover{background:#fff;border-color:#d1d5db}.filter-input-modern:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.input-clear-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;left:10px}.input-clear-btn:hover{color:#dc2626;background:#e2e8f0}.input-clear-btn i{font-size:.7rem}.filter-select-modern{cursor:pointer;appearance:none;color:#1f2937;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 42px 12px 36px;font-size:.95rem;transition:all .2s}.filter-select-modern:hover{background:#fff;border-color:#d1d5db}.filter-select-modern:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.select-arrow{color:#6b7280;pointer-events:none;font-size:.8rem;position:absolute;left:14px}.filters-grid-2{grid-template-columns:repeat(2,1fr);margin-bottom:0}.filter-date-wrapper{align-items:center;display:flex;position:relative}.filter-date-wrapper .input-icon{color:#94a3b8;pointer-events:none;z-index:1;font-size:1rem;position:absolute;right:14px}.filter-date-wrapper .date-picker-container{width:100%}.filter-date-wrapper .date-picker-container input,.filter-date-wrapper input{color:#1f2937;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 42px 12px 14px;font-size:.95rem;transition:all .2s}.filter-date-wrapper .date-picker-container input:hover,.filter-date-wrapper input:hover{background:#fff;border-color:#d1d5db}.filter-date-wrapper .date-picker-container input:focus,.filter-date-wrapper input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.filter-date-wrapper .date-picker-container input::placeholder,.filter-date-wrapper input::placeholder{color:#9ca3af}.filters-footer{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.filters-footer-info{color:#64748b;align-items:center;gap:8px;font-size:.8rem;display:flex}.filters-footer-info i{color:#94a3b8;font-size:1rem}.btn-search-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f159}.btn-search-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-search-main:active{transform:translateY(0)}.btn-search-main i{font-size:1.1rem}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-search-main:hover .btn-shine{left:100%}@media (max-width:1200px){.filters-grid,.filters-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.timecards-container{padding:12px}.timecards-header{flex-direction:column;gap:16px}.btn-upload-link{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-grid,.filters-grid-2{grid-template-columns:1fr}.filters-footer{flex-direction:column;gap:16px}.btn-search-main{justify-content:center;width:100%}.active-filters{flex-direction:column;align-items:flex-start}}.btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none}.btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.timecards-table{border-collapse:collapse;width:100%;font-size:.9rem}.timecards-table thead{background:#f8fafc}.timecards-table th{text-align:right;color:#475569;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:14px 12px;font-weight:600}.timecards-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px}.timecards-table tbody tr:hover{background:#f8fafc}.timecards-table tbody tr:last-child td{border-bottom:none}.employee-name{color:#1e293b;font-weight:500}.employee-id{color:#64748b;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.85rem}.date-cell{color:#475569;font-family:monospace;font-size:.85rem}.time-cell{color:#1e293b;font-weight:500}.number-cell{text-align:center;color:#475569}.overtime-cell .overtime-value{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500}.department-cell{color:#64748b;font-size:.85rem}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.delete-btn{color:#dc2626;background:#fef2f2}.delete-btn:hover{color:#fff;background:#dc2626}.loading-container{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state i{opacity:.5;margin-bottom:16px;font-size:4rem}.empty-hint{color:#64748b!important;margin-top:8px!important;font-size:.9rem!important}.access-denied-card h2{color:#1e293b;margin:0 0 12px}.access-denied-card p{color:#64748b;margin:0 0 24px}.pagination-info{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;display:flex;box-shadow:0 1px 3px #0000000d}.pagination-info .info-highlight{color:#6366f1;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:6px;padding:2px 8px;font-weight:700}.pagination-info .info-divider{color:#cbd5e1;margin:0 4px}.pagination-nav{align-items:center;gap:6px;display:flex}.pagination-nav-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.pagination-nav-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.pagination-nav-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.pagination-pages{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000d}.pagination-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:36px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(.active){color:#6366f1;background:#f1f5f9}.pagination-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 2px 8px #6366f159}.pagination-ellipsis{color:#94a3b8;letter-spacing:2px;justify-content:center;align-items:center;width:32px;font-weight:600;display:flex}.pagination-jump{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;display:flex;box-shadow:0 1px 3px #0000000d}.pagination-jump input{text-align:center;color:#1f2937;border:2px solid #e5e7eb;border-radius:8px;width:60px;padding:6px 10px;font-size:.9rem;transition:all .2s}.pagination-jump input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.pagination-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:1024px){.pagination-container{justify-content:center}.pagination-jump{display:none}}@media (max-width:768px){.pagination-container{flex-direction:column;gap:16px;padding:16px}.pagination-info{order:2;justify-content:center;width:100%}.pagination-nav{order:1;justify-content:center;width:100%}.pagination-pages{flex-wrap:wrap;justify-content:center}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.upload-card{text-align:center;flex-direction:column}.upload-actions{flex-direction:column;width:100%}.upload-actions .btn{justify-content:center;width:100%}}@media (max-width:768px){.timecards-container{padding:12px}.stats-grid{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.filter-label{min-width:auto}.filter-input,.filter-select{width:100%}.table-container{overflow-x:auto}.timecards-table{min-width:900px}}.upload-page-container{direction:rtl;background:linear-gradient(135deg,#f0f4f8 0%,#d9e2ec 100%);min-height:100vh;padding:24px}.upload-page-header{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:28px 32px;display:flex;box-shadow:0 10px 40px #1e3a5f4d}.upload-page-header .header-content{align-items:center;gap:20px;display:flex}.upload-page-header .header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.upload-page-header .header-icon i{color:#fff;font-size:2rem}.upload-page-header .header-text h1{color:#fff;margin:0 0 6px;font-size:1.6rem;font-weight:700}.upload-page-header .header-text p{color:#fffc;margin:0;font-size:.95rem}.btn-view-records{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-view-records:hover{background:#ffffff40;transform:translateY(-2px)}.upload-stats{gap:20px;margin-bottom:28px;display:flex}.upload-stat-card{background:#fff;border-radius:16px;flex:1;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000000f}.upload-stat-card .stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.upload-stat-card .stat-icon.blue{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.upload-stat-card .stat-icon.green{color:#16a34a;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.upload-stat-card .stat-info{flex-direction:column;display:flex}.upload-stat-card .stat-value{color:#1e293b;font-size:1.8rem;font-weight:700;line-height:1}.upload-stat-card .stat-label{color:#64748b;margin-top:4px;font-size:.9rem}.upload-main-card{background:#fff;border-radius:20px;margin-bottom:28px;padding:32px;box-shadow:0 4px 24px #0000000f}.drop-zone{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #cbd5e1;border-radius:20px;padding:60px 40px;transition:all .3s;position:relative;overflow:hidden}.drop-zone:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f10d 0%,#6366f105 100%);transition:opacity .3s;position:absolute;inset:0}.drop-zone:hover{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-color:#6366f1}.drop-zone:hover:before{opacity:1}.drop-zone.drag-active{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-style:solid;border-color:#6366f1;transform:scale(1.01);box-shadow:0 0 0 4px #6366f126}.drop-zone.drag-active:before{opacity:1}.drop-zone.uploading{cursor:wait;pointer-events:none}.drop-zone-icon{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex;position:relative}.drop-zone-icon i{color:#6366f1;z-index:1;font-size:3.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-ring{border:3px solid #6366f133;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.drop-zone h3{color:#1e293b;margin:0 0 8px;font-size:1.3rem;font-weight:600}.drop-zone p{color:#64748b;margin:0 0 20px;font-size:.95rem}.file-info{justify-content:center;gap:24px;display:flex}.file-info span{color:#94a3b8;align-items:center;gap:6px;font-size:.85rem;display:flex}.file-info span i{font-size:.9rem}.upload-progress{padding:20px 0}.upload-spinner{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;box-shadow:0 8px 30px #6366f166}.upload-spinner i{color:#fff;font-size:2.5rem}.upload-progress h3{color:#1e293b;margin:0 0 8px;font-size:1.2rem}.upload-progress p{color:#64748b;margin:0}.upload-features{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:32px;display:grid}.feature-item{align-items:flex-start;gap:14px;display:flex}.feature-icon{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-icon i{color:#16a34a;font-size:1.2rem}.feature-text h4{color:#1e293b;margin:0 0 4px;font-size:.95rem;font-weight:600}.feature-text p{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.upload-history-card{background:#fff;border-radius:20px;margin-bottom:28px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.history-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;padding:20px 24px}.history-header h3{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;display:flex}.history-header h3 i{color:#6366f1}.history-list{padding:12px}.history-item{border-radius:12px;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:background .2s;display:flex}.history-item:last-child{margin-bottom:0}.history-item:hover{background:#f8fafc}.history-item.success .history-icon{color:#16a34a;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.history-item.error .history-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.history-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.history-info{flex-direction:column;flex:1;gap:2px;display:flex}.history-filename{color:#1e293b;font-size:.95rem;font-weight:500}.history-details{color:#64748b;font-size:.85rem}.history-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.history-size{color:#94a3b8;font-family:monospace;font-size:.8rem}.history-date{color:#94a3b8;font-size:.75rem}.access-denied-card{text-align:center;background:#fff;border-radius:20px;max-width:450px;margin:100px auto;padding:60px;box-shadow:0 10px 40px #0000001a}.access-denied-card i{color:#dc2626;margin-bottom:24px;font-size:4rem}.access-denied-card h2{color:#1e293b;margin:0 0 12px;font-size:1.5rem}.access-denied-card p{color:#64748b;margin:0 0 28px;font-size:1rem}.access-denied-card .btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;display:inline-flex}.access-denied-card .btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;box-shadow:0 4px 15px #3b82f659}.toast{z-index:1000;border-radius:14px;align-items:center;gap:12px;padding:16px 28px;animation:.4s ease-out slideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.toast i{font-size:1.3rem}@media (max-width:1024px){.upload-features{grid-template-columns:1fr;gap:16px}}@media (max-width:768px){.upload-page-container{padding:16px}.upload-page-header{text-align:center;flex-direction:column;gap:20px}.upload-page-header .header-content{flex-direction:column}.btn-view-records{justify-content:center;width:100%}.upload-stats{flex-direction:column}.drop-zone{padding:40px 24px}.drop-zone-icon{width:80px;height:80px}.drop-zone-icon i{font-size:2.5rem}.danger-zone-content{text-align:center;flex-direction:column}.btn-danger{justify-content:center;width:100%}}.page-container{max-width:1400px;margin:0 auto;padding:2rem}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 10px 30px #667eea4d}.page-header h1{color:#fff;text-shadow:0 2px 4px #0000001a;align-items:center;gap:.75rem;margin:0;font-size:1.875rem;font-weight:700;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.page-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.loading-state i{color:#667eea;font-size:3rem}.loading-state p{color:#64748b;margin:0;font-size:1.125rem}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state i{color:#cbd5e1;font-size:4rem}.empty-state p{color:#94a3b8;margin:0;font-size:.9375rem}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)}.data-table th{text-align:right;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.data-table td{text-align:right;color:#475569;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.9375rem}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:#fafbfc}.btn-action{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0 .25rem;padding:.5rem;transition:all .2s;display:inline-flex}.btn-action:hover{color:#667eea;background:#f1f5f9;transform:scale(1.1)}.btn-action.danger:hover{color:#ef4444;background:#fef2f2}.pagination{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.btn-pagination{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.page-info{color:#64748b;font-size:.9375rem;font-weight:500}.card{background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #00000014}.card:hover{box-shadow:0 4px 12px #0000001f}.info-box{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.info-box i{color:#3b82f6;flex-shrink:0;font-size:1.5rem}.info-box h3{color:#1e40af;margin:0 0 .5rem;font-size:1rem;font-weight:600}.info-box p{color:#1e3a8a;margin:0;font-size:.875rem}.warning-box{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.warning-box i{color:#ef4444;flex-shrink:0;font-size:1.5rem}.warning-box h3{color:#991b1b;margin:0 0 .5rem;font-size:1rem;font-weight:600}.warning-box p{color:#7f1d1d;margin:0;font-size:.875rem}@media (max-width:768px){.page-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.table-container{border-radius:12px}.data-table{min-width:650px}.data-table th,.data-table td{padding:.75rem 1rem;font-size:.875rem}}.settings-form-container{max-width:650px;margin:0 auto;padding:2.5rem}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.9375rem;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input-light{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input-light:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.info-box,.warning-box{border-radius:8px;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.info-box{background:#eff6ff;border:1px solid #bfdbfe}.info-box i{color:#3b82f6;font-size:1.5rem}.warning-box{background:#fef2f2;border:1px solid #fecaca}.warning-box i{color:#ef4444;font-size:1.5rem}.info-box h3,.warning-box h3{color:#111827;margin:0 0 .5rem;font-size:1rem}.info-box p,.warning-box p{color:#6b7280;margin:0;font-size:.875rem}.qr-code-section{background:#f9fafb;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;display:flex}.qr-placeholder{color:#9ca3af;background:#fff;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:250px;height:250px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}@media (max-width:768px){.settings-form-container{padding:1rem}.qr-placeholder{width:200px;height:200px}.qr-placeholder i{font-size:6rem!important}}.enable-2fa-page{direction:rtl;background:#f7fafc;min-height:100vh;padding:20px;font-family:Tahoma,Arial,sans-serif}.header-subtitle{color:#718096;margin:0;font-size:16px;line-height:1.6}.setup-container{max-width:900px;margin:0 auto;padding:0}.step-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:0;transition:all .3s;animation:.5s fadeInUp;overflow:hidden;box-shadow:0 10px 40px #0000001a}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:flex-start;padding:30px;display:flex}.step-header .step-title h3{color:#fff}.step-header .step-title p{color:#ffffffe6}.step-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-left:20px;font-size:24px;font-weight:700;display:flex;box-shadow:0 8px 20px #0003}.step-title{flex:1}.step-title h3{margin:0 0 8px;font-size:24px;font-weight:700}.step-title p{opacity:.9;margin:0;font-size:14px}.step-content{padding:35px}.download-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.download-link{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:15px;flex:1;align-items:center;gap:15px;min-width:250px;padding:20px 25px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.download-link:before{content:"";opacity:1;background:linear-gradient(90deg,#0000,#667eea);width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;right:0}.download-link:hover:before{opacity:1}.download-link i{color:#667eea;flex-shrink:0;font-size:40px}.download-link.android{color:inherit}.download-link.android:hover{background:#fff;border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 30px #667eea2e}.download-link.ios{color:inherit}.download-link.ios:hover{background:#fff;border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 30px #667eea2e}.download-info{flex-direction:column;gap:5px;display:flex}.download-title{color:#2d3748;font-size:16px;font-weight:700}.download-subtitle{color:#718096;font-size:13px}.qr-section{flex-direction:column;align-items:center;gap:30px;display:flex}.qr-code-container{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.qr-code{border-radius:15px;width:250px;height:250px;display:block}.qr-code-placeholder{background:#f8f9fa;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:250px;height:250px;display:flex}.qr-code-placeholder i{color:#cbd5e0;font-size:60px}.qr-code-placeholder p{color:#a0aec0;margin:0;font-size:14px}.manual-entry{width:100%;max-width:600px}.manual-entry-title{color:#4a5568;align-items:center;gap:10px;margin-bottom:15px;font-size:14px;display:flex}.manual-entry-title i{color:#667eea;font-size:18px}.secret-key-box{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.secret-key{color:#2d3748;letter-spacing:3px;text-align:center;word-break:break-all;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;flex:1;min-width:250px;padding:18px 20px;font-family:Courier New,monospace;font-size:18px;font-weight:700;box-shadow:0 2px 10px #0000000d}.btn-copy{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:180px;min-height:48px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #48bb784d}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.btn-copy:active{transform:translateY(0)}.btn-copy:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e91f,0 6px 20px #48bb7859}.verification-section{flex-direction:column;align-items:center;gap:25px;display:flex}.info-box{background:#f8f9fa;border-right:4px solid #667eea;border-radius:12px;align-items:flex-start;gap:15px;max-width:700px;padding:20px;display:flex}.info-box i{color:#667eea;flex-shrink:0;margin-top:2px;font-size:24px}.info-box p{color:#4a5568;margin:0;font-size:14px;line-height:1.6}.code-input-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;display:flex}.code-input{text-align:center;letter-spacing:8px;color:#2d3748;caret-color:#667eea;direction:ltr;background:#f8f9fa;border:2px solid #dee2e6;border-radius:15px;width:220px;height:70px;font-family:Courier New,monospace;font-size:32px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000000d}.code-input:focus{background:#fff;border-color:#0ea5e9;outline:none;transform:scale(1.02);box-shadow:0 0 0 3px #0ea5e91a}.code-input:focus-visible{outline:none}.code-input::placeholder{color:#cbd5e0;font-weight:400}.btn{cursor:pointer;white-space:nowrap;letter-spacing:0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:220px;min-height:48px;padding:14px 40px;font-family:Tahoma,Arial,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e91f}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#6a3d91 100%);transform:translateY(-3px);box-shadow:0 8px 30px #667eea80}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-large{min-width:260px;min-height:56px;padding:18px 50px;font-size:18px}.btn-danger:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #ef444473}.center-paragraph{color:#4a5568;text-align:center;max-width:600px;font-size:15px;line-height:1.8}.important-notes{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:20px;margin-top:30px;padding:30px;box-shadow:0 2px 10px #0000000d}.important-notes-top{margin-top:0;margin-bottom:30px}.notes-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.notes-header i{color:#667eea;font-size:28px}.notes-header h4{color:#2d3748;margin:0;font-size:20px;font-weight:700}.notes-list{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.notes-list li{color:#4a5568;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.notes-list li i{color:#48bb78;flex-shrink:0;margin-top:2px;font-size:18px}.success-container{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;max-width:600px;margin:60px auto;padding:50px;animation:.6s bounceIn;box-shadow:0 15px 50px #00000026}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.success-icon{margin-bottom:25px}.success-icon i{color:#48bb78;font-size:80px;animation:.6s checkPulse}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-container h2{color:#2d3748;margin:0 0 15px;font-size:32px;font-weight:700}.success-container p{color:#718096;margin:0 0 15px;font-size:16px;line-height:1.6}.success-note{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;margin:25px 0;padding:20px;color:#4a5568!important}.already-activated-container{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;max-width:600px;margin:60px auto;padding:50px;box-shadow:0 15px 50px #00000026}.info-icon{margin-bottom:25px}.info-icon i{color:#667eea;font-size:80px}.already-activated-container h2{color:#2d3748;margin:0 0 15px;font-size:28px;font-weight:700}.already-activated-container p{color:#718096;margin:0 0 30px;font-size:16px}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}@media (max-width:768px){.enable-2fa-page{padding:10px}.header-subtitle{font-size:14px}.step-card{margin-bottom:20px}.step-header{text-align:center;flex-direction:column;align-items:center;padding:20px}.step-number{margin:0 0 15px}.step-content{padding:20px}.download-links{flex-direction:column}.download-link{min-width:100%}.secret-key-box{flex-direction:column}.secret-key{letter-spacing:2px;min-width:100%;font-size:14px}.btn-copy{justify-content:center;width:100%}.code-input{letter-spacing:6px;width:180px;height:60px;font-size:28px}.btn-large{width:100%;padding:16px 30px;font-size:16px}.important-notes{padding:20px}.success-container,.already-activated-container{margin:30px auto;padding:30px 20px}.button-group{flex-direction:column}.button-group .btn{width:100%}}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;transition-timing-function:ease-in-out}input,button{transition-duration:.3s}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border:2px solid #e2e8f0;border-radius:20px;width:92%;max-width:520px;animation:.3s modalSlideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:22px;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{text-align:center;padding:35px 30px}.confirm-message{flex-direction:column;align-items:center;gap:12px;display:flex}.confirm-message h4{color:#2d3748;margin:10px 0 0;font-size:18px;font-weight:700}.confirm-message p{color:#4a5568;margin:0;font-size:15px;line-height:1.8}.warning-icon{color:#2d3748;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;font-weight:800;display:flex}.modal-footer{background:#f7fafc;border-top:2px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:15px;padding:20px 30px;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notification-settings-page{direction:rtl;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;padding:20px;font-family:Tahoma,Arial,sans-serif}.toast-info{color:#fff;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%)}.page-content{gap:30px;max-width:1400px;margin:0 auto;display:flex}.main-column{flex:1;min-width:0}.side-column{flex-shrink:0;width:350px}.settings-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:25px;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000014}.setting-item{border-bottom:1px solid #f1f3f5;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.setting-item:last-of-type{border-bottom:none}.setting-label{color:#2d3748;align-items:center;gap:12px;font-weight:600;display:flex}.setting-icon{font-size:20px}.setting-icon.yellow{color:#f6ad55}.setting-icon.blue{color:#4299e1}.setting-icon.red{color:#fc8181}.setting-icon.purple{color:#9f7aea}.setting-control{align-items:center;gap:12px;display:flex}.switch{width:56px;height:30px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e0;border-radius:30px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;bottom:3px;right:3px;box-shadow:0 2px 5px #0003}.switch input:checked+.slider{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.switch input:checked+.slider:before{transform:translate(-26px)}.switch-label{color:#a0aec0;min-width:60px;font-size:14px;font-weight:600}.switch-label.active{color:#48bb78}.form-select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;min-width:120px;padding:10px 15px;font-family:inherit;font-size:15px;transition:all .3s}.form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.panel-footer{background:#f8f9fa;border-top:2px solid #f1f3f5;justify-content:center;gap:15px;padding:25px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-warning{color:#fff;background:linear-gradient(135deg,#ed8936 0%,#dd6b20 100%);box-shadow:0 4px 15px #ed89364d}.btn-warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ed893666}.btn-secondary{color:#fff;background:linear-gradient(135deg,#718096 0%,#4a5568 100%);box-shadow:0 4px 15px #7180964d}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #71809666}.quick-actions{flex-wrap:wrap;justify-content:center;gap:15px;padding:25px;display:flex}.result-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:25px;padding:25px;box-shadow:0 4px 20px #00000014}.result-panel.success{background:linear-gradient(270deg,#f0fff4 0%,#fff 100%);border-right:4px solid #48bb78}.result-panel.info{background:linear-gradient(270deg,#ebf8ff 0%,#fff 100%);border-right:4px solid #4299e1}.result-panel.error{background:linear-gradient(270deg,#fff5f5 0%,#fff 100%);border-right:4px solid #fc8181}.result-panel h4{color:#2d3748;margin:0 0 15px;font-size:16px}.result-panel .tasks-list{margin-top:15px}.result-panel .tasks-list ul{margin:10px 0 0;padding-right:20px}.result-panel .tasks-list li{color:#4a5568;margin-bottom:8px}.side-title{color:#2d3748;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.side-title i{color:#667eea}.stats-card{text-align:center;color:#fff;border-radius:14px;margin-bottom:15px;padding:25px;box-shadow:0 4px 20px #0000001a}.stats-card.purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stats-card.pink{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stats-card.cyan{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stats-number{text-shadow:0 2px 10px #0000001a;margin-bottom:8px;font-size:42px;font-weight:800}.stats-label{opacity:.95;font-size:14px}.help-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px;padding:20px;box-shadow:0 4px 20px #00000014}.help-header{align-items:center;gap:10px;margin-bottom:15px;display:flex}.help-header i{color:#667eea;font-size:20px}.help-header h5{color:#2d3748;margin:0;font-size:16px;font-weight:700}.help-list li{color:#4a5568;padding:8px 0 8px 20px;font-size:14px;line-height:1.6;position:relative}.help-list li:before{content:"•";color:#667eea;font-weight:700;position:absolute;right:0}.loading-container{color:#667eea;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-container i{margin-bottom:20px;font-size:60px}.loading-container p{color:#4a5568;font-size:18px;font-weight:600}@media (max-width:1024px){.page-content{flex-direction:column}.side-column{width:100%}.stats-card{vertical-align:top;width:calc(33.33% - 10px);margin:5px;display:inline-block}}@media (max-width:768px){.notification-settings-page{padding:15px}.panel-footer,.quick-actions{flex-direction:column}.quick-actions .btn{width:100%}.stats-card{width:100%;margin:0 0 15px}}.test-notifications-page{direction:rtl;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;font-family:Tahoma,Arial,sans-serif}.toast{z-index:10000;border-radius:12px;max-width:400px;padding:15px 25px;font-weight:600;animation:.3s slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 8px 30px #00000026}.toast-success{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.page-header{margin-bottom:25px}.page-header h1{color:#2d3748;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;display:flex}.page-header h1 i{color:#667eea;font-size:28px}.test-panels{flex-direction:column;gap:25px;display:flex}.test-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.panel-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;gap:12px;padding:20px 25px;display:flex}.panel-header.green{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.panel-header.blue{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%)}.panel-header.yellow{background:linear-gradient(135deg,#ed8936 0%,#dd6b20 100%)}.panel-header i{font-size:22px}.panel-header h3{margin:0;font-size:18px;font-weight:700}.panel-body{padding:25px}.form-group{align-items:center;gap:15px;margin-bottom:20px;display:flex}.form-group label{color:#4a5568;min-width:80px;font-weight:600}.form-control{text-align:center;direction:ltr;border:2px solid #e2e8f0;border-radius:10px;flex:1;max-width:200px;padding:12px 15px;font-family:inherit;font-size:15px;transition:all .3s}.form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-control::placeholder{color:#a0aec0}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-success{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);box-shadow:0 4px 15px #48bb784d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.btn-info{color:#fff;background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);box-shadow:0 4px 15px #4299e14d}.btn-info:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4299e166}.description{color:#4a5568;margin:0 0 20px;line-height:1.6}.result-box{border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:20px;padding:20px;animation:.3s fadeIn;display:flex}.result-box.success{color:#276749;background:linear-gradient(270deg,#f0fff4 0%,#c6f6d5 100%);border:1px solid #9ae6b4}.result-box.error{color:#c53030;background:linear-gradient(270deg,#fff5f5 0%,#fed7d7 100%);border:1px solid #feb2b2}.result-box i{flex-shrink:0;font-size:24px}.result-box span{flex:1;font-weight:600}.task-details,.processed-tasks{border-top:1px dashed;width:100%;margin-top:15px;padding-top:15px}.task-details p{margin:8px 0;font-size:14px}.processed-tasks ul{margin:10px 0 0;padding-right:20px}.processed-tasks li{margin-bottom:6px;font-size:14px}.tasks-list-container{margin-top:20px}.tasks-list{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.task-item{border-bottom:1px solid #e2e8f0;padding:20px;transition:background .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background:#fff}.task-title{color:#2d3748;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.task-title i{color:#667eea}.task-meta{flex-wrap:wrap;gap:15px;display:flex}.meta-item{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.meta-item i{color:#a0aec0;font-size:14px}.meta-item.status{font-weight:600}.meta-item.status.status-new{color:#92400e;background:#fef3c7;border-color:#fcd34d}.meta-item.status.status-inprogress{color:#1e40af;background:#dbeafe;border-color:#60a5fa}.meta-item.status.status-done{color:#065f46;background:#d1fae5;border-color:#34d399}.meta-item.days-remaining{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-weight:700}.meta-item.days-remaining strong{font-size:16px}.no-tasks{color:#2b6cb0;background:#ebf8ff;border:1px solid #90cdf4;border-radius:12px;align-items:center;gap:12px;padding:25px;display:flex}.no-tasks i{font-size:24px}.help-panel .panel-body{padding:25px}.help-list{margin:0 0 20px;padding:0;list-style:none}.help-list li{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:15px;margin-bottom:12px;padding:15px;display:flex}.help-list li:last-child{margin-bottom:0}.help-list li i{color:#667eea;margin-top:2px;font-size:20px}.help-list li div{flex:1}.help-list li strong{color:#2d3748;margin-bottom:4px;display:block}.help-list li span{color:#4a5568;font-size:14px}.info-box{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;align-items:flex-start;gap:12px;padding:18px;display:flex}.info-box i{flex-shrink:0;font-size:22px}.info-box p{margin:0;font-size:14px;line-height:1.6}.access-denied-container{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:60vh;margin:0 auto;padding:40px;display:flex;box-shadow:0 10px 40px #0000001a}.access-denied-icon{background:linear-gradient(135deg,#fc8181 0%,#f56565 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:25px;display:flex;box-shadow:0 8px 25px #f565654d}.access-denied-icon i{color:#fff;font-size:45px}.access-denied-container h2{color:#2d3748;margin:0 0 15px;font-size:26px;font-weight:700}.access-denied-container p{color:#718096;margin:0 0 30px;font-size:16px;line-height:1.7}@media (max-width:768px){.test-notifications-page{padding:15px}.form-group{flex-direction:column;align-items:stretch}.form-control{max-width:100%}.task-meta{flex-direction:column;gap:8px}.meta-item{justify-content:space-between;width:100%}}.placeholder-page{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.placeholder-content{text-align:center;background:#fff;border-radius:16px;max-width:500px;padding:3rem;box-shadow:0 4px 20px #00000014}.placeholder-icon{color:#667eea;margin-bottom:1.5rem;font-size:4rem}.placeholder-icon i{animation:2s linear infinite spin}.placeholder-title{color:#1a1a2e;margin-bottom:1rem;font-family:Vazirmatn,IRANSans,sans-serif;font-size:1.75rem;font-weight:700}.placeholder-description{color:#6b7280;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.placeholder-info{margin-bottom:2rem}.placeholder-path{color:#4b5563;direction:ltr;background:#f3f4f6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:monospace;font-size:.875rem;display:inline-flex}.placeholder-actions{justify-content:center;gap:1rem;display:flex}.btn-back{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Vazirmatn,IRANSans,sans-serif;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-back i{font-size:.875rem}.modern-sidebar{z-index:1000;background:linear-gradient(#1e293b 0%,#0f172a 100%);flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000026}.sidebar-overlay{display:none}.sidebar-brand{background:#ffffff08;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1.5rem;display:flex}.brand-logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-logo i{color:#fff;font-size:1.5rem}.brand-info{flex:1;min-width:0}.brand-title{color:#fff;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.brand-subtitle{color:#94a3b8;margin:0;font-size:.75rem}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:32px;height:32px;transition:all .2s;display:none}.close-btn:hover{background:#ffffff26;transform:rotate(90deg)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.menu-items{flex-direction:column;gap:.15rem;display:flex}.menu-item-wrapper{flex-direction:column;display:flex}.menu-item{color:#cbd5e1;cursor:pointer;border-radius:8px;align-items:center;padding:.5rem .875rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.menu-item:hover{color:#fff;background:#ffffff0d}.menu-item.active{color:#fff;background:#667eea26;font-weight:500}.menu-item.active:after{content:"";background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:2px 0 0 2px;width:4px;height:70%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.menu-item-content{z-index:1;flex:1;align-items:center;gap:.625rem;display:flex;position:relative}.menu-item-content i{text-align:center;width:20px;font-size:1rem}.menu-item-title{font-size:.875rem;font-weight:500}.menu-item.has-children{justify-content:space-between}.expand-icon{z-index:1;font-size:.75rem;transition:transform .2s;position:relative}.submenu{flex-direction:column;gap:.15rem;padding:.35rem 0 .35rem 2rem;animation:.3s ease-out slideDown;display:flex}.submenu-item{color:#94a3b8;border-right:2px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .875rem;font-size:.8125rem;text-decoration:none;transition:all .2s;display:flex}.submenu-item:hover{color:#e2e8f0;background:#ffffff0d;border-right-color:#667eea4d}.submenu-item.active{color:#a5b4fc;background:#667eea1a;border-right-color:#667eea;font-weight:500}.submenu-item i{font-size:.8125rem}.sidebar-footer{background:#0003;border-top:1px solid #ffffff1a;padding:1rem}.user-card{background:#ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.user-card:hover{background:#ffffff14}.user-info{flex:1;min-width:0}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:#94a3b8;margin:0;font-size:.75rem}@media (max-width:768px){.modern-sidebar{transform:translate(100%)}.modern-sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;animation:.3s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.close-btn{justify-content:center;align-items:center;display:flex}}@media (min-width:769px){.modern-sidebar{transform:translate(0)}}[dir=rtl] .modern-sidebar{left:auto;right:0}[dir=rtl] .menu-item.active:after{border-radius:2px 0 0 2px;left:auto;right:0}[dir=rtl] .submenu{padding-left:0;padding-right:2.5rem}[dir=rtl] .submenu-item{border-left:none;border-right:2px solid #0000}[dir=rtl] .submenu-item:hover,[dir=rtl] .submenu-item.active{border-right-color:#667eea}.notification-badge{color:#fff;background:linear-gradient(135deg,#ff2e63 0%,#c70039 100%);border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-right:auto;padding:0 6px;font-size:.6875rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite notifPulse;display:inline-flex;box-shadow:0 2px 8px #ff2e6366}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.external-icon{opacity:.6;margin-right:auto;transition:opacity .2s;font-size:.75rem!important}.menu-item:hover .external-icon{opacity:1}.menu-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.menu-loading i{color:#667eea;font-size:2.5rem}.menu-loading span{color:#94a3b8;text-align:center;font-size:.875rem}.submenu.level-2 .menu-item,.submenu.level-2 .menu-item-wrapper{padding-right:1rem}.submenu.level-3 .menu-item,.submenu.level-3 .menu-item-wrapper{padding-right:2rem}.menu-item.level-1{font-size:.9375rem}.menu-item.level-2{opacity:.95;font-size:.875rem}.menu-item.level-3{opacity:.9;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.modern-sidebar,.menu-item,.submenu{transition:none;animation:none}}.modern-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;height:70px;transition:right .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:280px;box-shadow:0 1px 3px #0000000d}.header-container{justify-content:space-between;align-items:center;gap:1rem;height:100%;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.menu-toggle-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;width:42px;height:42px;transition:all .2s;display:none}.menu-toggle-btn:hover{color:#667eea;background:#f1f5f9}.menu-toggle-btn i{font-size:1.25rem}.header-title-section{flex-direction:column;gap:.125rem;display:flex}.header-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.header-subtitle{color:#64748b;margin:0;font-size:.75rem}.header-right{align-items:center;gap:.75rem;display:flex}.header-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.header-action-btn:hover{color:#667eea;background:#f1f5f9}.header-action-btn i{font-size:1.125rem}.badge{color:#fff;background:linear-gradient(135deg,#ff2e63 0%,#c70039 100%);border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.6875rem;font-weight:700;line-height:1;animation:.3s badgePop,2s ease-in-out .3s infinite badgePulse;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #ff2e6366}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.notification-btn:hover i{animation:.5s bellRing}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-wrapper{position:relative}.notification-overlay{z-index:998;position:fixed;inset:0}.notifications-dropdown{z-index:999;background:#fff;border-radius:16px;width:380px;max-height:500px;animation:.3s dropdownSlide;position:absolute;top:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.notifications-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.notifications-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.notifications-count{background:#fff3;border-radius:20px;padding:.375rem .75rem;font-size:.875rem;font-weight:600}.notifications-list{max-height:380px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f5f9}.notifications-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notifications-empty{text-align:center;color:#94a3b8;padding:3rem 2rem}.notifications-empty i{color:#22c55e;margin-bottom:1rem;font-size:3rem}.notifications-empty p{margin:0;font-size:.9375rem}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8fafc}.notification-icon{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notification-icon i{color:#667eea;font-size:1.125rem}.notification-content{flex:1;min-width:0}.notification-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.notification-desc{color:#64748b;margin:0;font-size:.8125rem}.notification-badge-small{color:#fff;background:linear-gradient(135deg,#ff2e63 0%,#c70039 100%);border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.8125rem;font-weight:700;display:flex;box-shadow:0 2px 8px #ff2e634d}.notifications-footer{text-align:center;background:#f8fafc;border-top:1px solid #e5e7eb;padding:1rem}.notifications-footer button{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.625rem 2rem;font-weight:600;transition:all .2s}.notifications-footer button:hover{color:#667eea;background:#f8fafc;border-color:#667eea}.user-menu-wrapper{position:relative}.user-menu-btn{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.user-menu-btn:hover{background:#f9fafb;border-color:#d1d5db}.user-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-avatar i{color:#fff;font-size:1.125rem}.user-info{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.user-name{color:#0f172a;font-size:.875rem;font-weight:600;line-height:1.2}.user-role{color:#64748b;font-size:.75rem}.user-menu-btn>i{color:#94a3b8;font-size:.75rem;transition:transform .2s}.user-menu-btn:hover>i{transform:rotate(180deg)}.user-menu-overlay{z-index:999;position:fixed;inset:0}.user-dropdown{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:280px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #00000026}.dropdown-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.dropdown-user-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dropdown-user-avatar i{color:#fff;font-size:1.5rem}.dropdown-user-name{color:#0f172a;margin:0;font-size:.9375rem;font-weight:600}.dropdown-user-email{color:#64748b;margin:0;font-size:.8125rem}.dropdown-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.dropdown-item{color:#475569;text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.dropdown-item:hover{color:#0f172a;background:#f8fafc}.dropdown-item i{font-size:1.125rem}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{color:#dc2626;background:#fef2f2}@media (max-width:768px){.modern-header{right:0}.menu-toggle-btn{display:flex}.header-title{font-size:1rem}.header-subtitle,.user-info{display:none}.user-menu-btn{padding:.5rem}.user-dropdown{right:-.75rem}.header-action-btn{width:38px;height:38px}}@media (max-width:1024px){.header-action-btn{display:none}}[dir=rtl] .modern-header{left:280px;right:auto}@media (max-width:768px){[dir=rtl] .modern-header{left:0}}[dir=rtl] .user-dropdown{left:0;right:auto}@media (max-width:768px){[dir=rtl] .user-dropdown{left:-.75rem}}[dir=rtl] .badge{left:6px;right:auto}[dir=rtl] .user-info{align-items:flex-start}[dir=rtl] .dropdown-item{text-align:left}.app-layout{background:#f5f7fa;min-height:100vh}.layout-main{margin-right:280px;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.layout-content{background:#f5f7fa;min-height:calc(100vh - 70px);margin-top:70px;padding:0}@media (max-width:768px){.layout-main{margin-right:0}}[dir=rtl] .layout-main{margin-left:0;margin-right:280px}@media (max-width:768px){[dir=rtl] .layout-main{margin-right:0}}.layout-content{scroll-behavior:smooth}.layout-loading{background:#f5f7fa;justify-content:center;align-items:center;min-height:calc(100vh - 70px);display:flex}.layout-loading i{color:#667eea;font-size:3rem;animation:1s linear infinite spin}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-radius:16px!important;margin-bottom:1.5rem!important;padding:1.5rem 2rem!important;box-shadow:0 10px 30px #667eea4d!important}.page-header h1,.page-header .page-title{text-shadow:0 2px 4px #0000001a;color:#fff!important}.page-header h1 i,.page-header .page-title i{color:#fff!important}.col-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:all .2s;display:inline-flex;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important}.btn-action i{font-size:.875rem}.btn-action.edit{color:#4f46e5;background:#e0e7ff}.btn-action.edit:hover{color:#fff;background:#4f46e5;transform:scale(1.1)}.btn-action.delete{color:#ef4444;background:#fee2e2}.btn-action.delete:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.btn-action.view{color:#0284c7;background:#e0f2fe}.btn-action.view:hover{color:#fff;background:#0284c7;transform:scale(1.1)}.btn-action.copy{color:#059669;background:#d1fae5}.btn-action.copy:hover{color:#fff;background:#059669;transform:scale(1.1)}.btn-action.download{color:#d97706;background:#fef3c7}.btn-action.download:hover{color:#fff;background:#d97706;transform:scale(1.1)}.btn-action.info{color:#6366f1;background:#e0e7ff}.btn-action.info:hover{color:#fff;background:#6366f1;transform:scale(1.1)}.btn-action.approve,.btn-action.success{color:#10b981;background:#d1fae5}.btn-action.approve:hover,.btn-action.success:hover{color:#fff;background:#10b981;transform:scale(1.1)}.btn-action.reject{color:#f43f5e;background:#ffe4e6}.btn-action.reject:hover{color:#fff;background:#f43f5e;transform:scale(1.1)}.btn-action.comment{color:#db2777;background:#fce7f3}.btn-action.comment:hover{color:#fff;background:#db2777;transform:scale(1.1)}.btn-action.email{color:#0ea5e9;background:#e0f2fe}.btn-action.email:hover{color:#fff;background:#0ea5e9;transform:scale(1.1)}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-action:disabled:hover{transform:none!important}.btn-edit,.btn-icon.edit,.btn-icon-edit{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;color:#4f46e5!important;background:#e0e7ff!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important}.btn-edit:hover,.btn-icon.edit:hover,.btn-icon-edit:hover{transform:scale(1.1);color:#fff!important;background:#4f46e5!important}.btn-delete,.btn-icon.delete,.btn-icon-delete{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;color:#ef4444!important;background:#fee2e2!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important}.btn-delete:hover,.btn-icon.delete:hover,.btn-icon-delete:hover{transform:scale(1.1);color:#fff!important;background:#ef4444!important}.icon-btn.edit-btn{border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;color:#4f46e5!important;background:#e0e7ff!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;padding:0!important}.icon-btn.edit-btn:hover{transform:scale(1.1);color:#fff!important;background:#4f46e5!important}.icon-btn.delete-btn{border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;color:#ef4444!important;background:#fee2e2!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;padding:0!important}.icon-btn.delete-btn:hover{transform:scale(1.1);color:#fff!important;background:#ef4444!important}.table-container{position:relative;overflow-x:auto}table th.col-actions,table td.col-actions{text-align:center;z-index:2;background:inherit;width:120px;min-width:120px;position:sticky;right:0;padding:.5rem!important}table thead th.col-actions{z-index:11}table tbody tr td.col-actions{background:#fff;box-shadow:-4px 0 8px #0000000f}table tbody tr:hover td.col-actions{background:#f8fafc}table tbody tr.unread td.col-actions{background:#fef3c7}table thead th.col-actions{background:inherit;box-shadow:-4px 0 8px #00000026}table.light-header thead th.col-actions{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);box-shadow:-4px 0 8px #0000000f}table th.col-actions-wide,table td.col-actions-wide{z-index:2;background:inherit;width:150px;min-width:150px;position:sticky;right:0;padding:.5rem!important}table tbody tr td.col-actions-wide{background:#fff;box-shadow:-4px 0 8px #0000000f}table tbody tr:hover td.col-actions-wide{background:#f8fafc}@media (max-width:768px){.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1rem 1.5rem!important}.page-header h1,.page-header .page-title{font-size:1.25rem!important}.page-header h1 i,.page-header .page-title i{font-size:1.5rem!important}.btn-action{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important}.btn-action i{font-size:.75rem}.col-actions{gap:.25rem}table th.col-actions,table td.col-actions{width:80px;min-width:80px}.page-jump-container{flex-wrap:wrap}.page-jump-input{width:50px!important}}.pagination-container{background:#f8fafc;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.pagination-info{color:#64748b;font-size:.875rem;font-weight:500}.pagination-controls{align-items:center;gap:.5rem;display:flex}.btn-pagination{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-pagination:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:scale(1.05)}.page-numbers{gap:.25rem;display:flex}.page-number{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:36px;height:36px;padding:0 .625rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-number:hover{background:#f1f5f9;border-color:#cbd5e1}.page-number.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.pagination-size{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-size-select{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem .75rem;font-family:Tahoma,Arial,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.page-size-select:hover{background:#f8fafc;border-color:#667eea}.page-size-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.page-jump-container{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-jump-input{text-align:center;color:#1a1a1a;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;width:60px;height:36px;padding:0 .5rem;font-family:Tahoma,Arial,sans-serif;font-size:.875rem;transition:all .2s}.page-jump-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.page-jump-input::placeholder{color:#94a3b8}.page-jump-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:.25rem;height:36px;padding:0 14px;font-family:Tahoma,Arial,sans-serif;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.page-jump-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3d91 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.page-jump-btn:active{transform:translateY(0)}.page-jump-btn i{font-size:.75rem}@media (max-width:768px){.pagination-container{flex-direction:column;align-items:stretch;padding:1rem}.pagination-controls{justify-content:center}.pagination-info,.pagination-size{text-align:center;justify-content:center}.page-numbers{flex-wrap:wrap;justify-content:center}.page-jump-container{justify-content:center}}.page-container{direction:rtl;background:#f8f9fa;min-height:calc(100vh - 100px);padding:24px;animation:.3s fadeIn}.page-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 32px;display:flex;box-shadow:0 10px 30px #667eea4d}.page-title{text-shadow:0 2px 4px #0000001a;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;display:flex}.page-title i{font-size:28px}.page-subtitle{opacity:.9;margin:4px 0 0;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.btn-header-primary{cursor:pointer;align-items:center;gap:8px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000026;color:#667eea!important;background:#fff!important;border:none!important;border-radius:12px!important;padding:14px 32px!important;font-size:15px!important;font-weight:600!important}.btn-header-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003;background:#f7fafc!important}.filters-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:20px;margin-bottom:24px;padding:24px;display:grid;box-shadow:0 1px 3px #0000000d}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.filter-label i{color:#64748b;font-size:16px}.filter-input,.filter-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-family:Vazir,sans-serif;font-size:14px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.filter-input::placeholder{color:#94a3b8}.filter-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.btn-filter-primary,.btn-filter-secondary,.btn-filter-success,.btn-filter-danger{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Vazir,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-filter-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 4px #667eea33}.btn-filter-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn-filter-secondary{color:#fff;background:#6b7280;box-shadow:0 2px 4px #6b728033}.btn-filter-secondary:hover{background:#4b5563;transform:translateY(-1px)}.btn-filter-success{color:#fff;background:#10b981;box-shadow:0 2px 4px #10b98133}.btn-filter-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-filter-danger{color:#fff;background:#ef4444;box-shadow:0 2px 4px #ef444433}.btn-filter-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.content-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.table-container{overflow-x:auto}.common-table{border-collapse:collapse;width:100%}.common-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.common-table thead th{text-align:right;border:none;padding:16px 12px;font-size:14px;font-weight:600}.common-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s}.common-table tbody tr:hover{background:#f9fafb}.common-table tbody tr.highlight{background:#dbeafe;font-weight:600}.common-table tbody tr.highlight:hover{background:#bfdbfe}.common-table tbody td{color:#374151;padding:14px 12px;font-size:14px}.btn-table-action{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.btn-table-view{color:#3b82f6}.btn-table-view:hover{background:#dbeafe;transform:scale(1.1)}.btn-table-edit{color:#f59e0b}.btn-table-edit:hover{background:#fef3c7;transform:scale(1.1)}.btn-table-delete{color:#ef4444;background:#fee2e2;border-radius:6px;width:32px;height:32px}.btn-table-delete:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.btn-table-download{color:#10b981}.btn-table-download:hover{background:#d1fae5;transform:scale(1.1)}.pagination{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pagination-info{color:#6b7280;font-size:14px}.pagination-buttons{align-items:center;gap:12px;display:flex}.btn-pagination{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Vazir,sans-serif;font-size:14px;transition:all .2s;display:flex}.btn-pagination:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-current{color:#374151;font-size:14px;font-weight:600}.empty-state{text-align:center;color:#6b7280;padding:80px 20px}.empty-state i{color:#9ca3af;margin-bottom:20px;font-size:4rem}.empty-state h3{color:#374151;margin:0 0 10px;font-size:20px;font-weight:600}.empty-state p{margin:0;font-size:14px}.loading-state{text-align:center;color:#6b7280;padding:80px 20px}.loading-state i{color:#667eea;margin-bottom:20px;font-size:3rem}.loading-state h3{color:#374151;margin:0;font-size:18px;font-weight:600}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #00000014}.card-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.card-title{color:#1f2937;margin:0;font-size:18px;font-weight:700}.card-actions{gap:8px;display:flex}.card-body{color:#374151;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Vazir,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:#fff;background:#6b7280}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.btn-success{color:#fff;background:#10b981}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-warning{color:#fff;background:#f59e0b}.btn-warning:hover{background:#d97706;transform:translateY(-2px)}.btn-info{color:#fff;background:#3b82f6}.btn-info:hover{background:#2563eb;transform:translateY(-2px)}.btn-light{color:#374151;background:#f3f4f6}.btn-light:hover{background:#e5e7eb}.btn-outline{color:#667eea;background:0 0;border:2px solid #667eea}.btn-outline:hover{color:#fff;background:#667eea}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{border-radius:12px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:#1e40af;background:#dbeafe}.badge-success{color:#065f46;background:#d1fae5}.badge-danger{color:#991b1b;background:#fee2e2}.badge-warning{color:#92400e;background:#fef3c7}.badge-info{color:#1e40af;background:#dbeafe}.badge-secondary{color:#374151;background:#f3f4f6}.alert{border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.alert i{font-size:20px}.alert-success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.alert-danger{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.alert-info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}@media (max-width:1200px){.filters-section{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px}}@media (max-width:768px){.page-container{padding:16px}.page-header{text-align:center;flex-direction:column;gap:16px;padding:20px}.page-title{justify-content:center;font-size:20px}.header-actions{flex-direction:column;width:100%}.btn-header-primary{justify-content:center;width:100%}.filters-section{grid-template-columns:1fr;gap:16px;padding:20px}.filter-actions{flex-direction:column;width:100%}.btn-filter-primary,.btn-filter-secondary,.btn-filter-success,.btn-filter-danger{justify-content:center;width:100%}.common-table{font-size:13px}.common-table thead th,.common-table tbody td{padding:10px 8px}.pagination{text-align:center;flex-direction:column;gap:16px}.pagination-buttons{flex-direction:column;width:100%}.btn-pagination{justify-content:center;width:100%}.card{padding:16px}.btn{justify-content:center;width:100%}}@media (max-width:480px){.page-title{font-size:18px}.common-table .hidden-mobile{display:none}}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.w-full{width:100%}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{text-align:right;color:#2c3e50;direction:rtl;background:#f5f7fa;font-family:Vazirmatn,Tahoma,sans-serif}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f3f5}::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#868e96}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0)scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px)scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px)scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px)scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px)scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px)scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px)scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px)scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px)scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translate(-100%)}[data-aos=slide-left]{transform:translate(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px)rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px)rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px)rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px)rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px)rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px)rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px)rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px)rotateX(0)}