:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#f9fafb;--bg-hover:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--accent-lighter:#f0f4ff;--danger:#ef4444;--danger-light:#fee2e2;--shadow:#00000026}:root[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--bg-hover:#4b5563;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--text-muted:#9ca3af;--border-primary:#374151;--border-secondary:#4b5563;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-light:#1e3a8a;--accent-lighter:#1e40af;--danger:#ef4444;--danger-light:#7f1d1d;--shadow:#00000080}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{height:100vh;position:relative}.app,.main-content{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column}@media (max-width:768px){.app{flex-direction:column}.main-content{width:100%}}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-primary);flex-shrink:0;overflow-y:auto;padding:20px 0;transition:transform .3s ease,background-color .3s ease,border-color .3s ease;width:250px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px}.sidebar-logo{flex:1 1}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:24px}.sidebar-section{margin-bottom:30px}.section-title{color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:8px;padding:0 20px;text-transform:uppercase}.sidebar-item{align-items:center;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background-color:var(--accent-lighter);border-left:3px solid var(--accent-primary);color:var(--accent-primary);padding-left:17px}.item-icon{font-size:16px;margin-right:12px}.item-label{font-weight:500}.mobile-menu-toggle{align-items:center;background-color:var(--accent-primary);border:none;border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .2s ease;width:44px;z-index:1001}.mobile-menu-toggle:hover{background-color:var(--accent-hover);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-icon{font-size:24px;line-height:1}.mobile-menu-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.mobile-menu-close:hover{color:var(--accent-primary);transform:scale(1.1)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.sidebar{width:220px}.sidebar-item{font-size:13px;padding:9px 16px}.item-icon{font-size:15px}}@media (max-width:768px){.mobile-menu-close,.mobile-menu-toggle{display:flex}.sidebar{bottom:0;box-shadow:2px 0 10px var(--shadow);left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{display:block}.sidebar-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);margin-bottom:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media (max-width:480px){.sidebar{width:280px}.mobile-menu-toggle{height:40px;left:16px;top:16px;width:40px}.hamburger-icon{font-size:20px}}.header{align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px;transition:background-color .3s ease,border-color .3s ease}.header-left{flex:1 1}.header-title{color:var(--text-primary);font-size:24px;font-weight:600}.header-right{gap:12px}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.header-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.release-notes{position:relative}.new-badge{background-color:var(--danger);border-radius:10px;color:#fff;font-size:11px;font-weight:600;line-height:1.2;margin-left:6px;min-width:18px;padding:2px 6px;text-align:center}.add-users-btn{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.add-users-btn:hover{background-color:var(--accent-hover)}.plus-icon{font-size:16px;font-weight:700}.calendar-icon,.team-icon{font-size:14px}.dropdown-icon{font-size:10px;margin-left:2px}.search-box{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;display:flex;gap:8px;min-width:200px;padding:8px 16px}.search-icon{color:var(--text-muted);font-size:14px}.search-input{background:#0000;border:none;color:var(--text-secondary);font-size:14px;outline:none;width:100%}.search-input::placeholder{color:var(--text-muted)}.profile-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-left:8px;overflow:hidden;width:36px}.profile-icon img{height:100%;object-fit:cover;width:100%}.dropdown-container{position:relative}.date-picker-dropdown{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);min-width:700px;right:0;top:calc(100% + 8px)}.date-picker-content{display:flex;padding:0}.calendar-section{border-right:1px solid var(--border-primary);flex:1 1;padding:24px}.calendar-header{margin-bottom:20px}.calendar-nav{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;padding:4px 12px;transition:color .2s}.calendar-month,.calendar-nav:hover{color:var(--text-primary)}.calendar-month{font-size:16px;font-weight:600}.weekday{color:var(--text-tertiary);padding:8px 4px}.calendar-day{color:var(--text-primary);transition:all .2s}.calendar-day:hover{background-color:var(--bg-hover)}.calendar-day.other-month{color:var(--text-muted)}.calendar-day.current-day{background-color:var(--accent-primary);color:#fff;font-weight:600}.filter-section{display:flex;flex-direction:column;padding:24px;width:300px}.filter-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.period-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.period-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.period-btn:hover{background-color:var(--accent-lighter);border-color:var(--accent-primary)}.period-btn.active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.filter-actions{display:flex;gap:12px;margin-top:auto}.filter-action-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-btn{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.cancel-btn:hover{background:var(--bg-tertiary)}.apply-btn{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.apply-btn:hover{background:var(--accent-hover)}.team-dropdown{background:var(--bg-primary);border-radius:8px;box-shadow:0 10px 40px var(--shadow);min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.team-option{border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.team-option:hover{background-color:var(--bg-hover)}.team-option.selected{background-color:var(--accent-light);color:var(--accent-primary);font-weight:500}.users-icon{font-size:14px}.add-users-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);min-width:380px;padding:24px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.modal-title{color:var(--text-primary);font-size:18px;margin:0 0 20px}.modal-content{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.email-input,.role-select,.team-select{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.email-input:focus,.role-select:focus,.team-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.email-input::placeholder{color:var(--text-muted)}.modal-actions{display:flex;gap:12px}.modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:11px 20px;transition:all .2s}.cancel-modal-btn{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary)}.cancel-modal-btn:hover{background:var(--bg-tertiary)}.add-modal-btn{background:var(--accent-primary);color:#fff}.add-modal-btn:hover{background:var(--accent-hover)}.profile-menu{background:var(--bg-primary);border-radius:12px;box-shadow:0 10px 40px var(--shadow);min-width:260px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-menu-header{align-items:center;display:flex;gap:12px;margin-bottom:4px;padding:12px}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:44px;justify-content:center;overflow:hidden;width:44px}.profile-menu-avatar img{height:100%;object-fit:cover;width:100%}.profile-menu-info{flex:1 1}.profile-menu-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.profile-menu-email{color:var(--text-tertiary);font-size:12px}.profile-menu-divider{background-color:var(--border-primary);height:1px;margin:4px 0}.profile-menu-section-title{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.profile-menu-item{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s}.profile-menu-item:hover{background-color:var(--bg-hover)}.profile-menu-item.logout{color:var(--danger)}.profile-menu-item.logout:hover{background-color:var(--danger-light)}.menu-icon{font-size:16px}.theme-toggle-btn{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;margin-left:8px;transition:all .3s ease;width:36px}.theme-toggle-btn:hover{background-color:var(--bg-hover);transform:scale(1.05)}@media (max-width:1024px){.header{padding:16px 20px}.header-title{font-size:20px}.header-right{gap:10px}.header-btn{font-size:13px;padding:7px 12px}.search-box{min-width:160px}.date-picker-dropdown{min-width:500px}.date-picker-content{flex-direction:column}.calendar-section{border-bottom:1px solid var(--border-primary);border-right:none}.filter-section{width:100%}.add-users-modal{min-width:320px}}@media (max-width:768px){.header{flex-wrap:wrap;padding:12px 16px 12px 70px}.header-left{flex:0 0 100%;margin-bottom:8px}.header-title{font-size:18px}.header-right{flex:1 1;flex-wrap:wrap;gap:8px}.release-notes{display:none}.add-users-btn .users-icon{margin-right:0}.add-users-btn{padding:8px 12px}.search-box{display:none}.header-btn{font-size:12px;padding:6px 10px;white-space:nowrap}.date-picker-dropdown{left:50%;min-width:90vw;right:auto;transform:translateX(-50%)}.team-dropdown{min-width:200px;right:0}.add-users-modal{max-width:350px;min-width:90vw;right:50%;transform:translateX(50%)}.profile-icon{font-size:13px;height:32px;width:32px}.theme-toggle-btn{font-size:16px;height:32px;width:32px}}@media (max-width:480px){.header{padding:10px 12px 10px 60px}.header-title{font-size:16px}.header-right{gap:6px}.header-btn{font-size:11px;padding:5px 8px}.add-users-btn{padding:6px 10px}.header-btn .calendar-icon,.header-btn .team-icon{margin-right:4px}.date-picker-dropdown{min-width:95vw}.calendar-section,.filter-section{padding:16px}.period-buttons{gap:8px;grid-template-columns:1fr}.profile-menu{min-width:240px;right:0}.profile-icon{font-size:12px;height:28px;width:28px}.theme-toggle-btn{font-size:14px;height:28px;margin-left:4px;width:28px}}.login-container{background-color:#f9fafb;display:flex;min-height:100vh}.login-left{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;flex:1 1;justify-content:center;padding:60px}.login-branding{max-width:500px}.login-logo{gap:10px;margin-bottom:40px}.login-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background-color:#fff;border-radius:12px;color:#2563eb;font-size:28px;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text{font-size:32px;font-weight:700}.login-branding h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.login-branding>p{font-size:18px;line-height:1.6;margin-bottom:60px;opacity:.9}.login-features{display:flex;flex-direction:column;gap:30px}.feature-item{gap:20px}.feature-icon{font-size:36px}.feature-item h3{font-size:20px;margin:0 0 8px}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;max-width:450px;padding:50px;width:100%}.login-card h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 10px}.login-subtitle{color:#6b7280;font-size:14px;margin:0 0 30px}.demo-notice{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:30px;padding:16px}.demo-notice strong{color:#92400e;display:block;font-size:14px;margin-bottom:8px}.demo-notice p{color:#78350f;font-family:Courier New,monospace;font-size:13px;margin:4px 0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{margin-top:4px}.form-options{justify-content:space-between;margin-top:-10px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#374151;cursor:pointer;font-size:14px;gap:8px}.remember-me input[type=checkbox]{cursor:pointer;height:16px;width:16px}.forgot-password{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.login-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.demo-login-btn{background-color:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.demo-login-btn:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.login-footer{margin-top:30px;text-align:center}.login-footer p{color:#6b7280;font-size:14px;margin:0}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:968px){.login-left{display:none}.login-right{flex:1 1}}@media (max-width:768px){.login-right{padding:40px 24px}.login-card{padding:36px 24px}.login-card h2{font-size:24px}.demo-notice{padding:14px}}@media (max-width:480px){.login-right{padding:30px 16px}.login-card{padding:28px 16px}.login-card h2{font-size:22px}.login-subtitle{font-size:13px;margin-bottom:24px}.demo-notice strong{font-size:13px}.demo-notice p{font-size:12px}.form-group input{font-size:13px;padding:10px 14px}.demo-login-btn,.login-btn{font-size:15px;padding:12px}}.signup-container{background-color:#f9fafb;display:flex;min-height:100vh}.signup-left{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;flex:1 1;justify-content:center;padding:60px}.signup-branding{max-width:500px}.signup-logo{align-items:center;display:flex;gap:10px;margin-bottom:40px}.signup-branding h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.signup-branding>p{font-size:18px;line-height:1.6;margin-bottom:50px;opacity:.9}.signup-features{display:flex;flex-direction:column;gap:25px;margin-bottom:50px}.feature-item{align-items:flex-start;display:flex;gap:15px}.feature-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.feature-item h3{font-size:18px;font-weight:600;margin:0 0 5px}.feature-item p{font-size:14px;margin:0;opacity:.9}.testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:12px;padding:24px}.testimonial-text{font-size:15px;font-style:italic;line-height:1.6;margin:0 0 20px}.testimonial-author{align-items:center;display:flex;gap:12px}.author-avatar{align-items:center;background-color:#ffffff4d;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.author-avatar,.author-name{font-size:14px;font-weight:600}.author-name{margin:0 0 2px}.author-title{font-size:12px;margin:0;opacity:.8}.signup-right{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:60px}.signup-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;max-width:500px;padding:50px;width:100%}.signup-card h2{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 10px}.signup-subtitle{color:#6b7280;font-size:15px;margin:0 0 35px}.signup-form{gap:20px}.form-group,.signup-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:2px solid #e5e7eb;transition:all .2s ease}.form-group input:focus{box-shadow:0 0 0 3px #2563eb1a}.form-group input.error{border-color:#ef4444}.toggle-password{color:#6b7280;padding:4px 8px;z-index:1}.toggle-password:hover{color:#374151}.error-message{color:#ef4444;font-size:13px;margin-top:-4px}.input-hint{color:#6b7280;font-size:12px;margin-top:-4px}.password-strength{align-items:center;display:flex;gap:12px;margin-top:4px}.strength-bar{background-color:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease}.strength-label{font-size:12px;font-weight:600;min-width:60px}.checkbox-group{margin-top:5px}.checkbox-label{align-items:flex-start;font-weight:400;gap:10px}.checkbox-label input[type=checkbox]{flex-shrink:0;height:18px;margin-top:2px;width:18px}.link{color:#2563eb;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.signup-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.signup-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.signup-btn:disabled{cursor:not-allowed;opacity:.6}.signup-divider{margin:30px 0;position:relative;text-align:center}.signup-divider:after,.signup-divider:before{background-color:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:45%}.signup-divider:before{left:0}.signup-divider:after{right:0}.signup-divider span{background-color:#fff;color:#6b7280;font-size:14px;padding:0 15px;position:relative}.social-signup{display:flex;flex-direction:column;gap:12px}.social-btn{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.social-btn:hover{background-color:#f9fafb;border-color:#2563eb}.social-icon{align-items:center;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}.google-btn .social-icon{color:#ea4335}.microsoft-btn .social-icon{color:#00a4ef}.signup-footer{margin-top:30px;text-align:center}.signup-footer p{color:#6b7280;font-size:14px;margin:0}@media (max-width:968px){.signup-left{display:none}.signup-right{flex:1 1}}@media (max-width:768px){.signup-right{padding:40px 24px}.signup-card{padding:36px 24px}.signup-card h2{font-size:26px}}@media (max-width:480px){.signup-right{padding:30px 16px}.signup-card{padding:28px 16px}.signup-card h2{font-size:24px}.signup-subtitle{font-size:14px;margin-bottom:28px}.form-group input{font-size:13px;padding:10px 14px}.signup-btn{font-size:15px;padding:12px}.social-btn{font-size:13px;padding:10px}}.overview{background-color:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:30px;transition:background-color .3s ease}.stats-grid{grid-gap:20px;grid-template-columns:repeat(5,1fr)}.content-grid,.stats-grid{display:grid;gap:20px;margin-bottom:30px}.content-grid{grid-gap:20px;grid-template-columns:1fr 1fr}.content-left,.content-right{display:flex;flex-direction:column;gap:20px}.additional-sections,.bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.left-section,.right-section{display:flex;flex-direction:column;gap:20px}.final-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.overview{padding:24px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.additional-sections,.bottom-grid,.content-grid,.final-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.content-left,.content-right,.left-section,.right-section{gap:16px}}@media (max-width:768px){.overview{padding:16px}.additional-sections,.bottom-grid,.content-grid,.final-grid,.stats-grid{gap:12px;margin-bottom:20px}.content-left,.content-right,.left-section,.right-section{gap:12px}}@media (max-width:640px){.overview{padding:12px}.stats-grid{grid-template-columns:1fr}.additional-sections,.bottom-grid,.content-grid,.final-grid,.stats-grid{gap:10px;margin-bottom:16px}.content-left,.content-right,.left-section,.right-section{gap:10px}}.stat-card{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px var(--shadow);padding:20px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px var(--shadow);transform:translateY(-2px)}.stat-label{color:var(--text-tertiary)}.stat-value{color:var(--text-primary)}@media (max-width:1024px){.stat-card{padding:16px}.stat-value{font-size:28px}}@media (max-width:768px){.stat-card{padding:14px}.stat-label{font-size:12px;margin-bottom:10px}.stat-value{font-size:24px}}@media (max-width:480px){.stat-card{padding:12px}.stat-value{font-size:20px}}.workload-chart-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative}.workload-chart-container .recharts-wrapper{overflow:visible!important}.info-icon{color:#9ca3af;cursor:help;font-size:14px;margin-left:8px}.chart-content{overflow:visible;padding:20px;position:relative}.chart-legend{border-top:1px solid #e5e7eb;display:flex;gap:30px;justify-content:center;margin-top:20px;padding-top:20px}.legend-dot{border-radius:2px;height:12px;width:12px}.legend-label{color:#6b7280;font-size:13px;font-weight:500}.custom-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;padding:12px;pointer-events:none;z-index:1000}.tooltip-category{color:#111827;font-size:14px;font-weight:600;margin-bottom:6px}.tooltip-value{color:#374151;font-size:13px;margin-bottom:4px}.tooltip-message{color:#6b7280;font-size:13px}@media (max-width:1024px){.chart-content,.section-header{padding:16px}.chart-legend{gap:20px;margin-top:16px;padding-top:16px}}@media (max-width:768px){.section-header{padding:14px}.section-title{font-size:15px}.chart-content{padding:12px}.chart-legend{align-items:flex-start;flex-direction:column;gap:12px}.legend-item{width:100%}}@media (max-width:480px){.section-header{padding:12px}.section-title{font-size:14px}.chart-content,.custom-tooltip{padding:8px}.tooltip-category{font-size:12px}.tooltip-message,.tooltip-value{font-size:11px}}.top-used-apps-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.top-used-apps-content{align-items:center;display:flex;flex-direction:row;gap:40px;padding:20px}.apps-list{flex:1 1;gap:12px;min-width:300px}.apps-list,.top-used-app-item{display:flex;flex-direction:column}.top-used-app-item{border-radius:8px;cursor:pointer;gap:4px;padding:12px;transition:all .2s ease}.top-used-app-item.highlighted{transform:translateX(4px)}.app-info{gap:12px}.app-icon-top,.app-info{align-items:center;display:flex}.app-icon-top{background-color:#f3f4f6;border-radius:6px;flex-shrink:0;font-size:18px;height:28px;justify-content:center;width:28px}.app-name-top{color:#374151;font-size:14px;font-weight:500}.app-usage-bar{border-radius:4px;height:8px;margin-left:40px;transition:all .3s ease}.donut-chart-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.donut-segment{transition:opacity .2s ease}.chart-tooltip{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;min-width:150px;padding:12px 16px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.tooltip-app-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.tooltip-time{color:#6b7280;font-size:13px;font-weight:500}@media (max-width:1024px){.section-header{padding:16px}.top-used-apps-content{flex-direction:column;gap:30px;padding:16px}.apps-list{min-width:0;min-width:auto;width:100%}.donut-chart-container svg{height:250px;width:250px}}@media (max-width:768px){.section-header{padding:14px}.section-title{font-size:15px}.top-used-apps-content{gap:20px;padding:14px}.apps-list{gap:10px}.top-used-app-item{padding:10px}.app-icon-top{font-size:16px;height:24px;width:24px}.app-name-top{font-size:13px}.app-usage-bar{height:6px;margin-left:36px}.donut-chart-container svg{height:200px;width:200px}}@media (max-width:480px){.section-header{padding:12px}.section-title{font-size:14px}.top-used-apps-content{padding:12px}.donut-chart-container svg{height:180px;width:180px}.chart-tooltip{min-width:120px;padding:8px 12px}.tooltip-app-name{font-size:12px}.tooltip-time{font-size:11px}}.late-clock-in-overview-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.late-clock-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.late-clock-title{font-size:18px}.employee-count{color:#ef4444;font-size:16px;font-weight:600}.late-clock-table{padding:0}.table-header{background-color:#fafafa;grid-template-columns:2fr 1fr 1fr 1fr}.header-cell{color:#6b7280;font-size:14px;font-weight:600;text-align:left}.header-cell.time-col{text-align:center}.table-row{border-bottom:1px solid #f3f4f6;cursor:pointer;grid-template-columns:2fr 1fr 1fr 1fr}.table-row:hover{background-color:#fafafa}.table-cell{align-items:center;color:#374151;display:flex;font-size:14px}.table-cell.employee-col{justify-content:flex-start}.table-cell.time-col{font-weight:500;justify-content:center}.employee-avatar{background-color:#8b9ff5}@media (max-width:768px){.table-header,.table-row{gap:12px;grid-template-columns:1fr}.header-cell.time-col,.table-cell.time-col{text-align:left}.late-clock-header{align-items:flex-start;flex-direction:column;gap:8px}}.absence-today-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.absence-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.absence-title{color:#111827;font-size:18px;font-weight:600;margin:0}.absence-count{color:#ef4444;font-size:16px;font-weight:600}.absence-today-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.absence-employee-card{align-items:center;background-color:#fce7f3;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.absence-employee-card:hover{background-color:#fbcfe8;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.absence-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.absence-employee-name{color:#111827;font-size:14px;font-weight:500}@media (max-width:768px){.absence-today-content{grid-template-columns:1fr}.absence-header{align-items:flex-start;flex-direction:column;gap:8px}}.currently-using-apps-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.currently-using-apps-content{display:flex;flex-direction:column;gap:16px;padding:20px}.active-user-item{background-color:#f9fafb;border-radius:6px;cursor:pointer;padding:12px 14px;transition:all .2s ease}.active-user-item:hover{background-color:#f3f4f6;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.user-name-active{color:#111827;font-size:14px;font-weight:600;margin-bottom:10px}.user-apps-list{display:flex;flex-direction:column;gap:8px}.app-item-active{align-items:center;display:flex;gap:10px;padding:6px 0}.app-icon-active{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}.app-name-active{color:#374151;font-size:13px}.seen-all-message{border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;margin-top:8px;padding-top:16px;text-align:center}@media (max-width:1024px){.currently-using-apps-content,.section-header{padding:16px}}@media (max-width:768px){.section-header{padding:14px}.section-title{font-size:15px}.currently-using-apps-content{gap:12px;padding:14px}.active-user-item{padding:10px 12px}.user-name-active{font-size:13px;margin-bottom:8px}.app-name-active{font-size:12px}}@media (max-width:480px){.section-header{padding:12px}.section-title{font-size:14px}.currently-using-apps-content{gap:10px;padding:12px}.seen-all-message{font-size:12px}}.risky-users-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{padding:20px}.user-count{color:#ef4444;font-size:14px;font-weight:600;margin-left:10px}.risky-users-content{display:flex;flex-direction:column;gap:15px;padding:20px}.risky-user-card{background-color:#fee2e2;cursor:pointer;gap:15px;padding:12px 15px;position:relative}.risky-user-card:hover{background-color:#fecaca;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.user-info{flex:1 1}.user-name{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.user-status{color:#6b7280;font-size:13px}.online-badge{background-color:#2563eb;border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}@media (max-width:1024px){.risky-users-content,.section-header{padding:16px}}@media (max-width:768px){.section-header{padding:14px}.section-title{font-size:15px}.risky-users-content{gap:12px;padding:14px}.risky-user-card{gap:12px;padding:10px 12px}.user-avatar{font-size:16px;height:38px;width:38px}.user-name{font-size:13px}.user-status{font-size:12px}.online-badge{font-size:11px;padding:4px 12px;position:static;transform:none}}@media (max-width:480px){.section-header{padding:12px}.section-title{font-size:14px}.risky-users-content{gap:10px;padding:12px}.risky-user-card{align-items:flex-start;flex-direction:column}}.recent-screenshots-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:20px}.screenshot-item{display:flex;flex-direction:column;gap:8px}.screenshot-thumbnail{aspect-ratio:16/10;background-color:#f3f4f6;border-radius:6px;cursor:pointer;overflow:hidden;transition:transform .2s ease;width:100%}.screenshot-thumbnail:hover{transform:scale(1.05)}.screenshot-placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.screenshot-user{color:#6b7280;font-size:12px;font-weight:500;text-align:center}@media (max-width:1024px){.section-header{padding:16px 20px}.screenshots-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:16px}}@media (max-width:768px){.section-header{padding:14px 16px}.section-title{font-size:15px}.screenshots-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:14px}.screenshot-user{font-size:11px}}@media (max-width:480px){.section-header{padding:12px 14px}.section-title{font-size:14px}.screenshots-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:12px}.screenshot-user{font-size:10px}}.work-hours-summary-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.work-hours-table{padding:0}.work-hours-header{background-color:#fafafa;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:2fr 1fr 1fr;padding:16px 24px}.work-hours-cell{color:#6b7280;font-size:13px;font-weight:600}.work-hours-cell.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.work-hours-cell.sortable:hover{background-color:#f3f4f6;color:#374151}.work-hours-body{display:flex;flex-direction:column}.work-hours-row{border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;grid-template-columns:2fr 1fr 1fr;padding:16px 24px;transition:background-color .2s ease}.work-hours-row:hover{background-color:#fafafa}.work-hours-row .work-hours-cell{color:#111827;font-size:14px;font-weight:500}.work-hours-row:first-child{background-color:#d1fae5}.work-hours-row:first-child:hover{background-color:#a7f3d0}.work-hours-row:nth-child(2){background-color:#d1fae5}.work-hours-row:nth-child(2):hover{background-color:#a7f3d0}.member-col{text-align:left}.clockin-col,.hours-col{text-align:center}.work-hours-footer{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:13px;padding:16px 24px;text-align:center}@media (max-width:1024px){.section-header{padding:16px 20px}.work-hours-header,.work-hours-row{padding:14px 20px}}@media (max-width:768px){.section-header{padding:14px 16px}.section-title{font-size:15px}.work-hours-header,.work-hours-row{gap:8px;grid-template-columns:1fr;padding:12px 16px}.clockin-col,.hours-col{text-align:left}.work-hours-footer{font-size:12px;padding:12px 16px}}@media (max-width:480px){.section-header{padding:12px 14px}.section-title{font-size:14px}.work-hours-header,.work-hours-row{padding:10px 14px}.work-hours-cell{font-size:12px}.work-hours-row .work-hours-cell{font-size:13px}}.upcoming-holidays-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.upcoming-holidays-content{padding:60px 40px}.no-holidays-message{color:#6b7280;font-size:14px;text-align:center}@media (max-width:1024px){.section-header{padding:16px 20px}.upcoming-holidays-content{padding:50px 30px}}@media (max-width:768px){.section-header{padding:14px 16px}.section-title{font-size:15px}.upcoming-holidays-content{padding:40px 20px}.no-holidays-message{font-size:13px}}@media (max-width:480px){.section-header{padding:12px 14px}.section-title{font-size:14px}.upcoming-holidays-content{padding:30px 16px}.no-holidays-message{font-size:12px}}.upcoming-leaves-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.section-title{margin:0}.upcoming-leaves-content{display:flex;flex-direction:column;gap:24px;padding:20px}.leave-date-group{display:flex;flex-direction:column;gap:12px}.leave-date-header{color:#93a5fd;font-size:15px;font-weight:500;padding:8px 0;text-align:center}.leave-item{align-items:center;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .2s ease}.leave-item:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.leave-avatar{flex-shrink:0;font-size:16px;height:42px;width:42px}.leave-info{flex:1 1}.leave-name{color:#1f2937;font-size:15px;font-weight:600}.leave-status-badge{background-color:#fef3c7;border-radius:6px;color:#d97706;font-size:13px;font-weight:500;padding:5px 14px}@media (max-width:1024px){.section-header{padding:16px 20px}.upcoming-leaves-content{gap:20px;padding:16px}}@media (max-width:768px){.section-header{padding:14px 16px}.section-title{font-size:15px}.upcoming-leaves-content{gap:16px;padding:14px}.leave-item{padding:14px}.leave-avatar{height:36px;width:36px}.leave-avatar,.leave-name{font-size:14px}.leave-status-badge{font-size:12px;padding:4px 12px}}@media (max-width:480px){.section-header{padding:12px 14px}.section-title{font-size:14px}.upcoming-leaves-content{gap:14px;padding:12px}.leave-date-header{font-size:14px}.leave-item{gap:10px;padding:12px}.leave-avatar{font-size:12px;height:32px;width:32px}.leave-name{font-size:13px}}.my-team{background-color:#f9fafb;flex:1 1;overflow-y:auto;padding:30px}.team-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.team-tab{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.team-tab:hover{background-color:#f9fafb;border-color:#d1d5db}.team-tab.active{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.tab-count{font-weight:600;margin-left:4px}.team-members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin-bottom:40px}.team-footer{padding:20px;text-align:center}.footer-text{color:#9ca3af;font-size:14px}@media (max-width:1024px){.my-team{padding:24px}.team-members-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.my-team{padding:16px}.team-tabs{gap:8px;margin-bottom:20px}.team-tab{font-size:13px;padding:8px 14px}.team-members-grid{gap:12px;margin-bottom:30px}.team-footer{padding:16px}.footer-text{font-size:13px}}@media (max-width:480px){.my-team{padding:12px}.team-tab{font-size:12px;padding:6px 12px}.team-members-grid{gap:10px}}.team-member-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.team-member-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.member-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.member-avatar{background-color:#64748b;height:48px;width:48px}.avatar-text{color:#fff;font-size:20px;font-weight:600}.member-info{flex:1 1}.member-name{font-size:16px;font-weight:600;margin-bottom:4px}.member-status{color:#6b7280;font-size:13px}.member-time{text-align:right}.active-time{color:#111827;font-size:24px;font-weight:700;margin-bottom:2px}.active-label{color:#6b7280;font-size:12px}.member-badge-container{margin-bottom:15px}.member-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.badge-leave{background-color:#fb923c;color:#fff}.badge-yet-to-start{background-color:#fbbf24;color:#fff}.badge-working{background-color:#10b981;color:#fff}.badge-break{background-color:#3b82f6;color:#fff}.member-timeline{margin-top:15px}.timeline-info{display:flex;justify-content:space-between;margin-bottom:8px}.timeline-end,.timeline-start{display:flex;flex-direction:column;gap:4px}.timeline-label{color:#6b7280;font-size:11px;font-weight:500}.timeline-time{color:#111827;font-size:13px;font-weight:600}.timeline-bar{background-color:#fff9;border-radius:4px;height:8px;position:relative;width:100%}.timeline-progress{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:1024px){.team-member-card{padding:16px}.member-avatar{height:42px;width:42px}.avatar-text{font-size:18px}.member-name{font-size:15px}.active-time{font-size:22px}}@media (max-width:768px){.team-member-card{padding:14px}.member-header{flex-direction:column;gap:12px}.member-time{text-align:left}.member-avatar{height:38px;width:38px}.avatar-text{font-size:16px}.member-name{font-size:14px}.active-time{font-size:20px}.member-badge{font-size:12px;padding:5px 12px}}@media (max-width:480px){.team-member-card{padding:12px}.member-avatar{height:36px;width:36px}.avatar-text{font-size:14px}.timeline-label{font-size:10px}.timeline-time{font-size:12px}}.screenshots-page{background-color:#f9fafb;display:flex;height:calc(100vh - 80px)}.screenshots-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:280px}.members-list-screenshots{flex:1 1;overflow-y:auto;padding:12px}.member-item-screenshots{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.member-item-screenshots:hover{background-color:#f3f4f6}.member-item-screenshots.active{background-color:#dbeafe}.member-avatar-screenshots{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.member-name-screenshots{color:#111827;font-size:14px;font-weight:500}.member-item-screenshots.active .member-name-screenshots{color:#2563eb;font-weight:600}.no-results-screenshots{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.screenshots-main-content{flex:1 1;overflow-y:auto;padding:24px}.active-filter-banner{align-items:center;background-color:#dbeafe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px;padding:12px 20px}.clear-filter-btn{background:none;border:none;border-radius:4px;color:#1e40af;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:background-color .2s}.clear-filter-btn:hover{background-color:#bfdbfe}.screenshots-notice{background-color:#fee2e2;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:20px;padding:12px 20px}.screenshots-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.time-range-selector{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px}.clock-icon{font-size:16px}.search-app-container{flex:1 1;min-width:300px;position:relative}.search-app-input{border:1px solid #e5e7eb;border-radius:8px;font-size:13px;outline:none;padding:10px 40px 10px 14px;width:100%}.search-app-input:focus{border-color:#3b82f6}.search-icon-app{font-size:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.screenshots-actions{align-items:center;display:flex;gap:10px}.idle-toggle{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.idle-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.action-button,.sort-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.action-button:hover,.sort-button:hover{background-color:#f9fafb;border-color:#d1d5db}.sort-icon{font-size:10px}.screenshots-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:20px}.trophy-icon{font-size:18px}.screenshots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.screenshot-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.screenshot-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.screenshot-checkbox{left:8px;position:absolute;top:8px;z-index:10}.screenshot-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.screenshot-indicator{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:10}.screenshot-indicator.active{background-color:#ef4444e6;color:#fff}.screenshot-indicator.idle{background-color:#f97316e6;color:#fff}.indicator-dot{background-color:#fff;border-radius:50%;height:6px;width:6px}.screenshot-image{aspect-ratio:16/10;background-color:#1e1b4b;overflow:hidden;width:100%}.screenshot-placeholder{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.code-lines{display:flex;flex-direction:column;gap:8px;width:100%}.code-line{border-radius:4px;height:8px}.screenshot-info{background-color:#fff;padding:12px}.screenshot-user-info{align-items:center;display:flex;justify-content:space-between}.screenshot-username{color:#111827;font-size:13px;font-weight:600}.screenshot-time{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px}.no-screenshots-message{color:#9ca3af;font-size:14px;padding:60px 20px;text-align:center}@media (max-width:1024px){.screenshots-sidebar{width:240px}.screenshots-main-content{padding:20px}.screenshots-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.screenshots-controls{align-items:stretch;flex-direction:column}.search-app-container{min-width:100%}.screenshots-actions{flex-wrap:wrap}}@media (max-width:768px){.screenshots-page{flex-direction:column}.screenshots-sidebar{max-height:200px;width:100%}.screenshots-main-content{padding:16px}.screenshots-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.screenshots-controls{margin-bottom:20px}.time-range-selector{font-size:12px;padding:6px 12px}.search-app-input{font-size:12px;padding:8px 12px 8px 10px}.action-button,.sort-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.screenshots-main-content{padding:12px}.screenshots-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.screenshots-section-title{font-size:15px;margin-bottom:16px}.active-filter-banner,.screenshots-notice{font-size:12px;margin-bottom:16px;padding:10px 16px}}.timelapse-page{background-color:#f9fafb;display:flex;height:calc(100vh - 80px)}.timelapse-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:280px}.sidebar-search{border-bottom:1px solid #e5e7eb;padding:20px;position:relative}.member-search-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:10px 40px 10px 14px;transition:border-color .2s;width:100%}.member-search-input:focus{border-color:#3b82f6}.search-icon-sidebar{font-size:16px;position:absolute;right:32px;top:50%;transform:translateY(-50%)}.members-list-timelapse{flex:1 1;overflow-y:auto;padding:12px}.member-item-timelapse{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.member-item-timelapse:hover{background-color:#f3f4f6}.member-item-timelapse.active{background-color:#dbeafe}.member-avatar-timelapse{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.member-name-timelapse{color:#111827;font-size:14px;font-weight:500}.member-item-timelapse.active .member-name-timelapse{color:#2563eb;font-weight:600}.no-results-timelapse{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.timelapse-main-content{flex:1 1;overflow-y:auto;padding:24px 32px}.active-filter-banner-timelapse{align-items:center;background-color:#dbeafe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.clear-filter-btn-timelapse{background:none;border:none;border-radius:4px;color:#1e40af;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:background-color .2s}.clear-filter-btn-timelapse:hover{background-color:#bfdbfe}.timelapse-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.timelapse-title{color:#111827;font-size:22px;font-weight:600;margin:0}.timelapse-actions{align-items:center;display:flex;gap:12px}.select-all-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.action-btn{background-color:#fff;font-size:14px;padding:8px 16px;transition:all .2s}.delete-btn{color:#ef4444}.delete-btn:hover{background-color:#fee2e2;border-color:#fecaca}.no-timelapse-message{color:#9ca3af;font-size:15px;padding:80px 20px;text-align:center}.timelapse-date-section{margin-bottom:40px}.date-section-title{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:15px;font-weight:500;margin:0 0 20px;padding-bottom:12px}.timelapse-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:20px;transition:box-shadow .2s}.timelapse-item:hover{box-shadow:0 4px 12px #0000001a}.timelapse-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.timelapse-user-info{align-items:center;display:flex;gap:12px}.timelapse-checkbox{cursor:pointer;height:16px;width:16px}.user-icon{font-size:18px}.timelapse-username{color:#111827;font-size:15px;font-weight:600}.see-more-link{color:#3b82f6;font-size:13px;font-weight:500;text-decoration:none}.see-more-link:hover{text-decoration:underline}.timelapse-content{align-items:center;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;justify-content:center;min-height:300px;width:100%}.generate-timelapse-btn{background-color:initial;border:none;color:#3b82f6;cursor:pointer;font-size:15px;font-weight:500;padding:14px 32px;transition:all .2s}.generate-timelapse-btn:hover{color:#2563eb;text-decoration:underline}.timelapse-video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;height:300px;position:relative;width:100%}.play-icon,.timelapse-video-placeholder{align-items:center;display:flex;justify-content:center}.play-icon{background-color:#ffffffe6;border-radius:50%;color:#111827;cursor:pointer;font-size:24px;height:60px;transition:all .2s;width:60px}.play-icon:hover{background-color:#fff;transform:scale(1.1)}.video-duration{background-color:#000000b3;border-radius:4px;bottom:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:12px}@media (max-width:1024px){.timelapse-sidebar{width:240px}.timelapse-main-content{padding:20px}.timelapse-header{align-items:flex-start;flex-direction:column;gap:16px}.timelapse-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.timelapse-page{flex-direction:column}.timelapse-sidebar{max-height:200px;width:100%}.timelapse-content{min-height:200px}.timelapse-video-placeholder{height:200px}}.timesheet-page{background-color:#f9fafb;flex:1 1;overflow-y:auto;padding:30px}.timesheet-notice{background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-bottom:20px;padding:12px 16px}.notice-text{color:#92400e;font-size:14px}.notice-link{color:#1d4ed8;font-weight:500;text-decoration:none}.notice-link:hover{text-decoration:underline}.timesheet-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.controls-left-section,.controls-right-section{align-items:center;display:flex;gap:12px}.filter-dropdown-container{position:relative}.filter-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;max-width:250px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.column-filter-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.filter-search-container{border-bottom:1px solid #e5e7eb;padding:12px}.filter-search-input{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.filter-search-input:focus{border-color:#3b82f6}.filter-search-input::placeholder{color:#9ca3af}.filter-options-list{max-height:300px;overflow-y:auto;padding:8px}.filter-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.filter-option:hover{background-color:#f3f4f6}.filter-option.select-all-option{border-bottom:1px solid #e5e7eb;font-weight:600;margin-bottom:8px;padding-bottom:12px}.filter-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.filter-option-label{color:#374151;flex:1 1;font-size:14px}.export-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.export-btn:hover{background-color:#1d4ed8}.timesheet-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.timesheet-header{grid-gap:20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:280px 1fr 280px;padding:16px 20px}.header-dates-section,.header-employee,.header-summary{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.header-dates-section{align-items:center;display:flex;gap:15px;justify-content:center}.date-range-text{font-size:12px;font-weight:600}.timesheet-subheader{grid-gap:20px;background-color:#fff;border-bottom:2px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:280px 1fr 280px;padding:12px 20px}.subheader-dates{display:flex;gap:10px;justify-content:space-between}.subheader-date-col{background-color:#f9fafb;border-radius:6px;flex:1 1;padding:8px 4px;text-align:center}.date-day{color:#6b7280;font-size:11px;font-weight:600;margin-bottom:4px}.date-num{color:#9ca3af;font-size:10px}.nav-arrow{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:0 8px;transition:color .2s}.nav-arrow:hover{color:#111827}.header-summary{text-align:right}.timesheet-body{display:flex;flex-direction:column}@media (max-width:1400px){.timesheet-header,.timesheet-subheader{gap:16px;grid-template-columns:240px 1fr 240px}}@media (max-width:1024px){.timesheet-page{padding:24px}.timesheet-header,.timesheet-subheader{gap:12px;grid-template-columns:200px 1fr 200px;padding:14px 16px}.header-dates-section,.header-employee,.header-summary{font-size:11px}.subheader-date-col{padding:6px 2px}.date-day{font-size:10px}.date-num{font-size:9px}.timesheet-controls{flex-wrap:wrap}.controls-left-section,.controls-right-section{gap:10px}}@media (max-width:768px){.timesheet-page{padding:16px}.timesheet-controls{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.controls-left-section,.controls-right-section{flex-wrap:wrap;justify-content:flex-start}.filter-btn{font-size:13px;max-width:100%;padding:6px 12px}.export-btn{font-size:13px;justify-content:center;padding:6px 16px;width:100%}.timesheet-notice{margin-bottom:16px;padding:10px 14px}.notice-text{font-size:13px}.timesheet-header,.timesheet-subheader{grid-template-columns:1fr;padding:12px 16px;text-align:center}.header-summary{text-align:center}.subheader-dates{flex-wrap:wrap;gap:8px}.subheader-date-col{min-width:calc(14.28% - 8px)}}@media (max-width:480px){.timesheet-page{padding:12px}.export-btn,.filter-btn{font-size:12px}.timesheet-header,.timesheet-subheader{padding:10px 12px}.header-dates-section{gap:10px}.subheader-date-col{padding:4px 2px}.date-day{font-size:9px}.date-num{font-size:8px}}.employee-timesheet-row-week{grid-gap:20px;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:280px 1fr 280px;padding:20px;transition:background-color .2s ease}.employee-timesheet-row-week:hover{background-color:#f9fafb}.employee-info-section-week{align-items:center;display:flex;gap:12px}.employee-avatar-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.avatar-letter{color:#fff;font-size:18px;font-weight:600}.employee-details{display:flex;flex-direction:column;gap:4px}.employee-name{font-size:15px}.employee-id{color:#6b7280}.timesheet-days-section{align-items:stretch;display:flex;gap:10px;justify-content:space-between}.day-column{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:8px;transition:all .2s ease}.day-column:hover{background-color:#fef3c7;border-color:#fbbf24}.day-column.no-activity{background-color:#f9fafb;opacity:.6}.day-edit-row{display:flex;justify-content:flex-end;min-height:16px}.edit-icon{cursor:pointer;font-size:11px;opacity:.5}.day-column:hover .edit-icon{opacity:1}.day-data{align-items:center;display:flex;flex-direction:column;gap:6px}.day-time-value{color:#374151;font-size:12px;font-weight:500;text-align:center;word-break:break-word}.summary-section-week{align-self:flex-start;background-color:#fef3c7;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:10px 20px 10px 0}.summary-item{display:flex;flex-direction:column;gap:2px;text-align:right}.summary-value{font-size:15px;font-weight:700}.summary-label{font-size:11px;font-weight:500}@media (max-width:1400px){.employee-timesheet-row-week{grid-template-columns:240px 1fr 240px}.day-time-value{font-size:11px}}@media (max-width:1024px){.employee-timesheet-row-week{grid-template-columns:200px 1fr 200px}.employee-avatar-circle{height:36px;width:36px}.avatar-letter{font-size:16px}.timesheet-days-section{gap:6px}.day-column{padding:6px}.day-time-value{font-size:10px}}@media (max-width:768px){.employee-timesheet-row-week{gap:15px;grid-template-columns:1fr}.timesheet-days-section{flex-wrap:wrap;gap:8px}.day-column{min-width:calc(25% - 6px)}.summary-section-week{align-self:stretch}.summary-item{text-align:left}}.risk-users-page{background-color:#f9fafb;flex:1 1;overflow-y:auto;padding:30px}.risk-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-date-title{color:#111827;font-size:24px;font-weight:600;margin:0}.view-triggers-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.view-triggers-btn:hover{background-color:#1d4ed8}.risk-content-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.risky-users-panel,.rules-violated-panel{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.panel-title{color:#111827;font-size:18px;margin:0}.user-count-badge,.violation-count-badge{color:#ef4444;font-size:18px;font-weight:700}.count-label{color:#6b7280;font-size:14px;font-weight:500}.risky-users-list{gap:16px}.risky-users-list,.rules-list{display:flex;flex-direction:column}.rules-list{gap:12px}@media (max-width:1024px){.risk-content-grid{grid-template-columns:1fr}}@media (max-width:640px){.risk-users-page{padding:20px}.risk-users-header{align-items:flex-start;flex-direction:column;gap:15px}}.risky-user-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:14px;padding:14px;transition:all .2s ease}.risky-user-card:hover{background-color:#f9fafb;box-shadow:0 2px 4px #0000000d}.user-avatar-risk{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.avatar-text-risk{color:#fff;font-size:18px;font-weight:600}.user-info-risk{display:flex;flex-direction:column;gap:4px}.user-name-risk{color:#111827;font-size:15px;font-weight:600}.user-name-risk.clickable-name{cursor:pointer;transition:color .2s ease}.user-name-risk.clickable-name:hover{color:#2563eb;text-decoration:underline}.user-violation{color:#dc2626;font-size:13px;font-weight:500}.violation-duration{color:#dc2626;font-weight:400}@media (max-width:1024px){.risky-user-card{padding:12px}.user-avatar-risk{height:40px;width:40px}.avatar-text-risk{font-size:16px}}@media (max-width:768px){.risky-user-card{gap:10px;padding:10px}.user-avatar-risk{height:36px;width:36px}.avatar-text-risk,.user-name-risk{font-size:14px}.user-violation{font-size:12px}}@media (max-width:480px){.risky-user-card{padding:8px}.user-name-risk{font-size:13px}.user-violation{font-size:11px}}.rule-violation-item{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;transition:all .2s ease}.rule-violation-item:hover{border-color:#d1d5db}.rule-header{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background-color .2s ease}.rule-header:hover{background-color:#f9fafb}.rule-name{color:#374151;font-size:14px;font-weight:500}.rule-right{align-items:center;display:flex;gap:12px}.rule-count{color:#111827;font-size:14px;font-weight:600;min-width:20px;text-align:center}.rule-arrow{color:#9ca3af;font-size:10px;transition:transform .2s ease}.rule-arrow.expanded{transform:rotate(180deg)}.rule-details{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:14px 16px}.rule-details p{color:#6b7280;font-size:13px;margin:0}.violators-list{display:flex;flex-direction:column;gap:10px}.violator-item{align-items:center;background-color:#fff;border-radius:6px;display:flex;gap:10px;padding:8px;transition:all .2s ease}.violator-item:hover{background-color:#f3f4f6}.violator-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.violator-avatar-text{color:#fff;font-size:14px;font-weight:600}.violator-name{color:#374151;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s ease}.violator-name:hover{color:#2563eb;text-decoration:underline}.no-violations-text{color:#9ca3af;font-size:13px;font-style:italic;margin:0}@media (max-width:1024px){.rule-details,.rule-header{padding:12px 14px}}@media (max-width:768px){.rule-header{padding:10px 12px}.rule-count,.rule-name{font-size:13px}.rule-details{padding:10px 12px}.rule-details p{font-size:12px}.violators-list{gap:8px}.violator-avatar{height:28px;width:28px}.violator-avatar-text{font-size:12px}.violator-name{font-size:13px}}@media (max-width:480px){.rule-header{padding:8px 10px}.rule-name{font-size:12px}.rule-details p{font-size:11px}}.timeline-page{background-color:#f9fafb;display:flex;gap:0;height:100%;overflow:hidden}.timeline-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;height:100%;width:280px}.timeline-main-content{flex:1 1;overflow-y:auto;padding:30px}.active-filter-banner-timeline{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.active-filter-banner-timeline span{font-size:14px}.active-filter-banner-timeline strong{font-weight:600}.clear-filter-btn-timeline{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-filter-btn-timeline:hover{background:#ffffff4d;border-color:#ffffff80}.members-list-timeline{flex:1 1;overflow-y:auto;padding:10px}.member-item-timeline{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.member-item-timeline:hover{background-color:#f3f4f6}.member-item-timeline.active{background-color:#eff6ff;border:1px solid #3b82f6}.member-avatar-timeline{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.member-name-timeline{color:#374151;font-size:14px;font-weight:500}.timeline-header-section{margin-bottom:30px}.no-activities-message{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.timeline-title{color:#111827;font-size:22px;font-weight:600;margin:0 0 20px}.timeline-legend{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;padding:16px 20px}.legend-item-timeline{align-items:center;display:flex;gap:8px}.legend-dot-timeline{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-label-timeline{color:#374151;font-size:13px;font-weight:500}.timeline-chart{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:30px 20px}.timeline-rows{display:flex;flex-direction:column;gap:30px;margin-bottom:20px}.timeline-axis{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 200px 0}.time-label-item{color:#6b7280;font-size:11px;font-weight:500;min-width:30px;text-align:center}@media (max-width:1400px){.timeline-axis{padding:10px 150px 0}}@media (max-width:1024px){.timeline-page{flex-direction:column}.timeline-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;width:100%}.timeline-main-content{padding:20px}.timeline-legend{gap:15px}.timeline-axis{padding:10px 100px 0}.time-label-item{font-size:10px;min-width:25px}}@media (max-width:768px){.timeline-legend{gap:10px}.legend-label-timeline{font-size:12px}.timeline-axis{overflow-x:auto;padding:10px 50px 0}}.timeline-bar-container{align-items:center;display:flex;gap:20px}.timeline-user-name{color:#374151;flex-shrink:0;font-size:14px;font-weight:500;width:180px}.timeline-bar-wrapper{flex:1 1;padding:5px 0}.timeline-bar{border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;height:40px;overflow:hidden}.timeline-segment{cursor:pointer;height:100%;transition:opacity .2s ease}.timeline-segment:hover{opacity:.8}@media (max-width:1024px){.timeline-user-name{font-size:13px;width:150px}.timeline-bar{height:35px}}@media (max-width:768px){.timeline-bar-container{align-items:flex-start;flex-direction:column;gap:10px}.timeline-bar-wrapper,.timeline-user-name{width:100%}.timeline-bar{height:30px}}.manual-time-page{background-color:#f9fafb;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.manual-time-tabs{background-color:#fff;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding:0 30px}.manual-time-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-2px;padding:16px 24px;transition:all .2s ease}.manual-time-tab:hover{color:#374151}.manual-time-tab.active{border-bottom-color:#2563eb;color:#2563eb}.manual-time-content{flex:1 1;overflow-y:auto}@media (max-width:768px){.manual-time-tabs{padding:0 20px}.manual-time-tab{font-size:14px;padding:14px 16px}}.review-manual-time{padding:30px}.review-sub-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:30px}.review-sub-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.review-sub-tab:hover{color:#374151}.review-sub-tab.active{border-bottom-color:#2563eb;color:#2563eb}.tab-badge{color:inherit}.review-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.date-group{margin-bottom:30px}.date-group:last-of-type{margin-bottom:0}.date-header{align-items:center;background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:4px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.calendar-icon{font-size:16px}.date-text{color:#374151;font-size:14px;font-weight:600}.manual-time-table{border-collapse:collapse;margin-bottom:0;width:100%}.manual-time-table thead{background-color:#f9fafb}.manual-time-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.manual-time-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.manual-time-table tbody tr:hover{background-color:#f9fafb}.manual-time-table td{color:#374151;font-size:14px;padding:16px}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;gap:10px}.approve-btn,.reject-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.approve-btn{background-color:#ecfdf5;border-color:#10b981;color:#047857}.approve-btn:hover{background-color:#d1fae5}.reject-btn{background-color:#fef2f2;border-color:#ef4444;color:#dc2626}.reject-btn:hover{background-color:#fee2e2}.table-footer{padding:20px}.footer-message{margin:0}.empty-state,.footer-message{color:#9ca3af;font-size:14px}.status-badge{text-transform:capitalize}.approved-badge{background-color:#d1fae5;color:#047857}.rejected-badge{background-color:#fee2e2;color:#dc2626}@media (max-width:1024px){.review-manual-time{padding:24px}.review-content{padding:16px}.manual-time-table{font-size:13px}.manual-time-table th{padding:10px 12px}.manual-time-table td{padding:12px}.action-buttons{flex-direction:column;gap:6px}.approve-btn,.reject-btn{width:100%}}@media (max-width:768px){.review-manual-time{padding:16px}.review-sub-tabs{flex-wrap:nowrap;margin-bottom:20px;overflow-x:auto}.review-sub-tab{font-size:13px;padding:10px 16px;white-space:nowrap}.review-content{padding:12px}.manual-time-table{display:block;font-size:12px;overflow-x:auto}.manual-time-table th{font-size:11px;padding:8px}.manual-time-table td{font-size:13px;padding:10px 8px}.description-cell{max-width:200px}.approve-btn,.reject-btn{font-size:12px;padding:5px 12px}.date-header{padding:10px 12px}.date-text{font-size:13px}}@media (max-width:480px){.review-manual-time{padding:12px}.review-sub-tab{font-size:12px;padding:8px 12px}.review-content{padding:10px}.date-group{margin-bottom:20px}.empty-state{padding:40px 16px}.empty-state,.footer-message{font-size:13px}}.my-manual-time{padding:30px}.manual-time-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.stat-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-label{font-weight:500;margin-bottom:12px}.stat-value{font-size:32px;font-weight:700}.add-manual-time-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:30px}.add-time-form{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr auto auto;margin-bottom:40px}.description-input,.time-input{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.description-input:focus,.time-input:focus{border-color:#3b82f6}.description-input::placeholder,.time-input::placeholder{color:#9ca3af}.date-picker-wrapper,.time-picker-wrapper{position:relative}.time-input{cursor:pointer;width:100%}.time-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;gap:0;left:0;max-height:200px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:1000}.time-column{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto}.time-column:last-child{border-right:none}.time-option{color:#374151;cursor:pointer;font-size:14px;min-width:50px;padding:8px 16px;text-align:center;transition:background-color .2s ease;white-space:nowrap}.time-option:hover{background-color:#f3f4f6}.time-option.selected{background-color:#dbeafe;color:#2563eb;font-weight:600}.date-picker{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:border-color .2s ease}.date-picker:hover{border-color:#d1d5db}.calendar-icon-small,.date-value{font-size:14px}.date-value{color:#374151;font-weight:500}.date-picker-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);z-index:1000}.date-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.month-nav-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s ease}.month-nav-btn:hover{background-color:#f3f4f6}.month-year{color:#374151;font-size:14px;font-weight:600}.weekday{color:#6b7280;font-size:12px;font-weight:600;padding:4px;text-align:center}.calendar-day{border-radius:4px;font-size:13px}.calendar-day:hover{background-color:#f3f4f6}.calendar-day.other-month{color:#d1d5db}.calendar-day.today-day{background-color:#dbeafe;color:#2563eb;font-weight:600}.add-task-btn,.calendar-day.selected-day{background-color:#2563eb;color:#fff;font-weight:600}.add-task-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.add-task-btn:hover{background-color:#1d4ed8}.info-message-my{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.info-text{color:#1e40af;font-size:14px;font-weight:500;margin:0}@media (max-width:1200px){.manual-time-stats{grid-template-columns:repeat(2,1fr)}.add-time-form{gap:12px;grid-template-columns:1fr}.add-task-btn{width:100%}}@media (max-width:768px){.my-manual-time{padding:16px}.manual-time-stats{gap:16px;grid-template-columns:1fr;margin-bottom:20px}.stat-item{padding:16px}.stat-value{font-size:28px}.add-manual-time-section{padding:16px}.time-dropdown{max-height:150px}.date-picker-dropdown{min-width:260px}.info-message-my{margin-top:20px;padding:16px}.info-text{font-size:13px}}@media (max-width:480px){.my-manual-time{padding:12px}.manual-time-stats{gap:12px;margin-bottom:16px}.stat-item{padding:12px}.stat-label{font-size:12px}.stat-value{font-size:24px}.add-manual-time-section{padding:12px}.description-input,.time-input{font-size:13px;padding:8px 12px}.add-task-btn{font-size:13px;padding:8px 16px}.date-picker-dropdown{min-width:240px}}.reports-page{background-color:#f9fafb;display:flex;height:100%;overflow:hidden}.reports-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto;padding:20px 0;width:280px}.reports-sidebar-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px;padding:0 20px}.reports-list{display:flex;flex-direction:column}.report-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .2s ease}.report-item:hover{background-color:#f9fafb}.report-item.active{background-color:#dbeafe;border-left:3px solid #2563eb;padding-left:17px}.report-icon{flex-shrink:0;font-size:16px}.report-label{color:#374151;font-size:14px;font-weight:500}.report-item.active .report-label{color:#1e40af;font-weight:600}.reports-content{background-color:#f9fafb;flex:1 1;overflow-y:auto}.report-placeholder{align-items:center;display:flex;height:100%;justify-content:center;padding:40px;text-align:center}.report-placeholder p{color:#9ca3af;font-size:16px}@media (max-width:1024px){.reports-sidebar{width:240px}.reports-sidebar-title{font-size:17px;margin-bottom:16px;padding:0 16px}.report-item{padding:10px 16px}.report-icon{font-size:15px}.report-label{font-size:13px}}@media (max-width:768px){.reports-page{flex-direction:column}.reports-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:300px;width:100%}.reports-sidebar-title{font-size:16px;padding:0 14px}.report-item{padding:10px 14px}.report-label{font-size:13px}.report-placeholder{padding:30px 20px}.report-placeholder p{font-size:14px}}@media (max-width:480px){.reports-sidebar{max-height:250px;padding:16px 0}.reports-sidebar-title{font-size:15px;margin-bottom:12px;padding:0 12px}.report-item{padding:8px 12px}.report-icon{font-size:14px}.report-label{font-size:12px}.report-placeholder{padding:20px 16px}.report-placeholder p{font-size:13px}}.daily-attendance{background-color:#f9fafb;padding:30px}.attendance-header{margin-bottom:20px}.attendance-title{color:#111827;font-size:24px;font-weight:600;margin:0}.attendance-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:30px}.attendance-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.attendance-tab:hover{color:#374151}.attendance-tab.active{border-bottom-color:#2563eb;color:#2563eb}.attendance-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.attendance-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.employee-filter{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;min-width:200px;outline:none;padding:10px 14px;transition:border-color .2s ease}.employee-filter:focus{border-color:#3b82f6}.date-picker-wrapper-att{position:relative}.date-filter-att{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;min-width:150px;padding:10px 14px;transition:border-color .2s ease}.date-filter-att:hover{border-color:#d1d5db}.calendar-icon-att{font-size:14px}.date-text-att{color:#374151;font-size:14px;font-weight:500}.date-picker-dropdown-att{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);z-index:1000}.date-picker-header-att{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.month-nav-btn-att{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px;transition:background-color .2s ease}.month-nav-btn-att:hover{background-color:#f3f4f6}.month-year-att{color:#374151;font-size:14px;font-weight:600}.calendar-weekdays-att{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-att{color:#6b7280;font-size:12px;font-weight:600;padding:4px;text-align:center}.calendar-days-att{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-att{align-items:center;aspect-ratio:1;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-att:hover{background-color:#f3f4f6}.calendar-day-att.other-month-att{color:#d1d5db}.calendar-day-att.today-day-att{background-color:#dbeafe;color:#2563eb;font-weight:600}.calendar-day-att.selected-day-att,.export-button{background-color:#2563eb;color:#fff;font-weight:600}.export-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button:hover{background-color:#1d4ed8}.attendance-table{border-collapse:collapse;width:100%}.attendance-table thead{background-color:#f9fafb}.attendance-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.attendance-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.attendance-table tbody tr:hover{background-color:#f9fafb}.attendance-table td{color:#374151;font-size:14px;padding:16px}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{background-color:#3b82f6;font-size:16px;height:40px;width:40px}.employee-info{flex-direction:column;gap:2px}.employee-name{font-size:14px;font-weight:600}.employee-id{color:#9ca3af;font-size:12px}.empty-state-attendance{padding:60px 20px;text-align:center}.empty-state-attendance p{color:#9ca3af;font-size:15px}@media (max-width:1200px){.attendance-table{font-size:13px}.attendance-table td,.attendance-table th{padding:12px}}@media (max-width:1024px){.daily-attendance{padding:20px}.attendance-tabs{overflow-x:auto}.attendance-filters{flex-wrap:wrap}}@media (max-width:768px){.attendance-table{display:block;overflow-x:auto}}.monthly-attendance{background-color:#f9fafb;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px}.monthly-header{margin-bottom:20px}.monthly-title{color:#111827;font-size:24px;font-weight:600;margin:0}.monthly-filters{gap:15px;margin-bottom:20px}.member-selector-monthly,.monthly-filters{align-items:center;display:flex;justify-content:space-between}.member-selector-monthly{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.member-selector-monthly:hover{border-color:#3b82f6}.member-dropdown-monthly{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-monthly{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-monthly:hover{background-color:#f3f4f6}.member-option-monthly.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.month-selector-monthly{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.month-selector-monthly:hover{border-color:#3b82f6}.month-picker-dropdown{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;top:calc(100% + 4px)}.year-navigation{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.year-nav-btn,.year-navigation{align-items:center;display:flex}.year-nav-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:18px;height:32px;justify-content:center;width:32px}.year-nav-btn:hover{border-color:#d1d5db}.month-option{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.month-option:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.month-option.selected{border-color:#2563eb}.export-button-monthly,.month-option.selected{background-color:#2563eb;color:#fff;font-weight:600}.export-button-monthly{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-monthly:hover{background-color:#1d4ed8}.monthly-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;overflow:hidden}.monthly-table-wrapper{height:100%;overflow:auto;position:relative;width:100%}.monthly-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.monthly-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.monthly-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:center;text-transform:capitalize;white-space:nowrap}.sticky-col{background-color:#fff!important;box-shadow:2px 0 4px #0000000d;z-index:11}.employee-col{min-width:200px;padding-left:16px;text-align:left}.date-main-header{background-color:#f9fafb;color:#111827;font-size:12px;min-width:280px;padding:12px 16px}.date-main-header,.days-header{border-right:2px solid #d1d5db;font-weight:600;text-align:center}.days-header{color:#6b7280;font-size:11px;padding:8px 12px}.days-header,.sub-header-row-1{background-color:#f3f4f6}.day-sub-col,.sub-header-row-2{background-color:#f9fafb}.day-sub-col{color:#6b7280;font-size:10px;font-weight:600;min-width:70px;padding:8px 12px;text-align:center}.summary-col-header{min-width:120px;padding:12px 16px}.leave-header-col{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.sub-header-row{background-color:#f9fafb}.sub-header-cell{background-color:#f3f4f6;border-top:none;font-size:10px;padding:8px 12px}.monthly-table tbody tr{border-bottom:1px solid #e5e7eb}.monthly-table tbody tr:hover{background-color:#f9fafb}.monthly-table td{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:12px 16px;text-align:center}.employee-cell{background-color:#fff}.employee-info-monthly{align-items:center;display:flex;gap:12px;padding:8px}.employee-avatar-monthly{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-monthly{color:#111827;font-size:13px;font-weight:600;text-align:left}.employee-id-monthly{color:#9ca3af;font-size:11px;text-align:left}.day-icon-cell{min-width:20px;padding:8px 4px}.day-data-cell,.day-icon-cell{border-right:1px solid #e5e7eb;font-size:12px;text-align:center}.day-data-cell{color:#374151;font-weight:500;min-width:70px;padding:10px 12px}.day-data-cell:last-child{border-right:2px solid #d1d5db}.present-bg{background-color:#d1fae5;color:#065f46}.weekoff-bg{background-color:#f3f4f6;color:#6b7280}.uninformed-bg{background-color:#fef3c7;color:#92400e}.informed-bg{background-color:#fce7f3;color:#9f1239}.data-cell{color:#374151;font-size:13px;font-weight:500}.highlight-col{background-color:#fef3c7;font-weight:600}.status-badge-monthly{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;white-space:nowrap}.status-present{background-color:#d1fae5;color:#065f46}.status-half-day,.status-uninformed{background-color:#fef3c7;color:#92400e}.monthly-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.monthly-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.monthly-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.monthly-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.monthly-attendance{padding:20px}.monthly-table{font-size:12px}.employee-col{min-width:180px}.date-col{min-width:70px}}.monthly-in-out{background-color:#f9fafb;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px}.monthly-in-out-header{margin-bottom:20px}.monthly-in-out-title{color:#111827;font-size:24px;font-weight:600;margin:0}.monthly-in-out-filters{justify-content:space-between;margin-bottom:15px}.filter-left-section,.monthly-in-out-filters{align-items:center;display:flex;gap:15px}.member-selector-monthly-io{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.member-selector-monthly-io:hover{border-color:#3b82f6}.member-dropdown-monthly-io{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-monthly-io{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-monthly-io:hover{background-color:#f3f4f6}.member-option-monthly-io.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.month-picker-wrapper{position:relative}.month-selector-monthly-io{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.month-selector-monthly-io:hover{border-color:#3b82f6}.month-picker-dropdown-io{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);z-index:100}.year-navigation-io{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.year-nav-btn-io{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.year-nav-btn-io:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.year-display-io{color:#111827;font-size:16px;font-weight:600}.months-grid-io{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.month-option-io{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.month-option-io:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.month-option-io.selected{background-color:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.export-button-monthly-io{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.export-button-monthly-io:hover{background-color:#1d4ed8}.legend-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:20px;margin-bottom:15px;padding:10px 15px}.legend-container,.legend-item{align-items:center;display:flex}.legend-item{color:#6b7280;font-size:13px;gap:8px}.legend-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.na-badge{background-color:#f3f4f6;color:#6b7280}.absent-badge{background-color:#fee2e2;color:#991b1b}.monthly-in-out-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;margin-bottom:10px;overflow:hidden}.monthly-in-out-table-wrapper{height:100%;overflow:auto;position:relative;width:100%}.monthly-in-out-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.monthly-in-out-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.monthly-in-out-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:center;text-transform:capitalize;white-space:nowrap}.sticky-col-io{background-color:#fff!important;box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:11}.employee-col-io{min-width:200px;padding-left:16px;text-align:left}.date-main-header-io{background-color:#f9fafb;border-right:2px solid #d1d5db;color:#111827;font-size:12px;font-weight:600;min-width:140px;padding:12px 16px;text-align:center}.summary-col-header-io{min-width:120px;padding:12px 16px}.day-sub-col-io,.sub-header-row-io{background-color:#f9fafb}.day-sub-col-io{color:#6b7280;font-size:10px;font-weight:600;min-width:70px;padding:8px 12px;text-align:center}.monthly-in-out-table tbody tr{border-bottom:1px solid #e5e7eb}.monthly-in-out-table tbody tr:hover{background-color:#f9fafb}.monthly-in-out-table td{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:12px 16px;text-align:center}.employee-cell-io{background-color:#fff}.employee-info-monthly-io{align-items:center;display:flex;gap:12px;padding:8px}.employee-avatar-monthly-io{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-monthly-io{color:#111827;font-size:13px;font-weight:600;text-align:left}.employee-id-monthly-io{color:#9ca3af;font-size:11px;text-align:left}.data-cell-io{font-size:13px}.data-cell-io,.time-cell-io{color:#374151;font-weight:500}.time-cell-io{border-right:1px solid #e5e7eb;font-size:12px;min-width:70px;padding:10px 12px;text-align:center}.absent-cell-io{background-color:#fee2e2;color:#991b1b;font-weight:600}.table-footer-message{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;font-size:14px;padding:15px;text-align:center}.monthly-in-out-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.monthly-in-out-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.monthly-in-out-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.monthly-in-out-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.monthly-in-out{padding:20px}.monthly-in-out-table{font-size:12px}.employee-col-io{min-width:180px}.date-main-header-io{min-width:120px}}.late-clock-in{background-color:#f9fafb;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px}.late-clock-header{margin-bottom:20px}.late-clock-title{color:#111827;font-size:24px;font-weight:600;margin:0}.late-clock-filters{justify-content:space-between;margin-bottom:20px}.filter-left-section-late,.late-clock-filters{align-items:center;display:flex;gap:15px}.member-dropdown-wrapper-late{position:relative}.member-selector-late{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.member-selector-late:hover{border-color:#3b82f6}.member-dropdown-late{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-late{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-late:hover{background-color:#f3f4f6}.member-option-late.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.month-picker-wrapper-late{position:relative}.month-selector-late{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.month-selector-late:hover{border-color:#3b82f6}.month-picker-dropdown-late{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);z-index:100}.year-navigation-late{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.year-nav-btn-late{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.year-nav-btn-late:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.year-display-late{color:#111827;font-size:16px;font-weight:600}.months-grid-late{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.month-option-late{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.month-option-late:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.month-option-late.selected{border-color:#2563eb}.export-button-late,.month-option-late.selected{background-color:#2563eb;color:#fff;font-weight:600}.export-button-late{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s ease}.export-button-late:hover{background-color:#1d4ed8}.late-clock-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.late-clock-table-wrapper{flex:1 1;overflow:auto;width:100%}.late-clock-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.late-clock-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.late-clock-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:center;text-transform:capitalize;white-space:nowrap}.sticky-col-late{background-color:#fff!important;box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:11}.employee-col-late{min-width:200px;padding-left:16px;text-align:left}.summary-col-late{background-color:#fef3c7;min-width:120px;padding:12px 16px}.date-header-late{border-right:2px solid #d1d5db;color:#111827;font-size:12px;min-width:140px;padding:12px 16px}.date-header-late,.sub-header-late{background-color:#f9fafb;font-weight:600;text-align:center}.sub-header-late{color:#6b7280;font-size:10px;min-width:70px;padding:8px 12px}.late-clock-table tbody tr{border-bottom:1px solid #e5e7eb}.late-clock-table tbody tr:hover{background-color:#f9fafb}.late-clock-table td{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:12px 16px;text-align:center}.employee-cell-late{background-color:#fff}.employee-info-late{align-items:center;display:flex;gap:12px;padding:8px}.employee-avatar-late{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-late{color:#111827;font-size:13px;font-weight:600;text-align:left}.employee-id-late{color:#9ca3af;font-size:11px;text-align:left}.summary-cell-late{color:#374151;font-size:13px;font-weight:500}.late-count-cell{background-color:#fef3c7;font-weight:600}.time-cell-late{border-right:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:500;min-width:70px;padding:10px 12px;text-align:center}.late-bg{background-color:#fecaca;color:#991b1b;font-weight:600}.ontime-bg{background-color:#fff;color:#6b7280;font-weight:500}.table-footer-late{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:14px;padding:15px;text-align:center}.table-footer-late p{margin:0}.late-clock-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.late-clock-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.late-clock-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.late-clock-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.late-clock-in{padding:20px}.late-clock-table{font-size:12px}.employee-col-late{min-width:180px}.date-header-late{min-width:120px}}.over-time-report{background-color:#f9fafb;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px}.over-time-header{margin-bottom:20px}.over-time-title{color:#111827;font-size:24px;font-weight:600;margin:0}.over-time-filters{justify-content:space-between;margin-bottom:20px}.filter-left-section-overtime,.over-time-filters{align-items:center;display:flex;gap:15px}.member-dropdown-wrapper-overtime{position:relative}.member-selector-overtime{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.member-selector-overtime:hover{border-color:#3b82f6}.dropdown-arrow{color:#9ca3af;margin-left:8px}.member-dropdown-overtime{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-overtime{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-overtime:hover{background-color:#f3f4f6}.member-option-overtime.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.month-picker-wrapper-overtime{position:relative}.month-selector-overtime{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.month-selector-overtime:hover{border-color:#3b82f6}.month-picker-dropdown-overtime{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);z-index:100}.year-navigation-overtime{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.year-nav-btn-overtime{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.year-nav-btn-overtime:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.year-display-overtime{color:#111827;font-size:16px;font-weight:600}.months-grid-overtime{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.month-option-overtime{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.month-option-overtime:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.month-option-overtime.selected{background-color:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.export-button-overtime{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.export-button-overtime:hover{background-color:#1d4ed8}.over-time-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.over-time-table-wrapper{flex:1 1;overflow:auto;width:100%}.over-time-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.over-time-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.over-time-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:center;text-transform:capitalize;white-space:nowrap}.sticky-col-overtime{background-color:#fff!important;box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:11}.employee-col-overtime{min-width:200px;padding-left:16px;text-align:left}.summary-col-overtime{background-color:#fef3c7;min-width:120px;padding:12px 16px}.date-col-overtime{background-color:#f9fafb;color:#111827;font-size:12px;font-weight:600;min-width:80px;padding:12px 16px;text-align:center}.over-time-table tbody tr{border-bottom:1px solid #e5e7eb}.over-time-table tbody tr:hover{background-color:#f9fafb}.over-time-table td{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:12px 16px;text-align:center}.employee-cell-overtime{background-color:#fff}.employee-info-overtime{align-items:center;display:flex;gap:12px;padding:8px}.employee-avatar-overtime{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-overtime{color:#111827;font-size:13px;font-weight:600;text-align:left}.employee-id-overtime{color:#9ca3af;font-size:11px;text-align:left}.summary-cell-overtime{color:#374151;font-size:13px;font-weight:500}.overtime-days-cell{background-color:#fef3c7;font-weight:600}.time-cell-overtime{border-right:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:500;min-width:80px;padding:10px 12px;text-align:center}.has-overtime{background-color:#fecaca;color:#991b1b;font-weight:600}.table-footer-overtime{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:14px;padding:15px;text-align:center}.table-footer-overtime p{margin:0}.over-time-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.over-time-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.over-time-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.over-time-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.over-time-report{padding:20px}.over-time-table{font-size:12px}.employee-col-overtime{min-width:180px}.date-col-overtime{min-width:70px}}.custom-report{background-color:#f9fafb;padding:30px}.custom-report-header{margin-bottom:30px}.custom-report-title{color:#111827;font-size:24px;font-weight:600;margin:0}.custom-report-form{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-width:800px;padding:30px}.form-section{margin-bottom:30px}.form-section.full-width{width:100%}.form-label{margin-bottom:10px}.form-input,.form-select{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;max-width:400px;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6}.radio-group{display:flex;gap:30px}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-label input[type=radio]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.section-header-custom{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.unselect-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:500;text-decoration:underline}.unselect-btn:hover{color:#1d4ed8}.checkbox-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.form-actions{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px}.export-xlsx-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.export-xlsx-btn:hover{background-color:#1d4ed8}.date-picker-wrapper-custom{max-width:400px;position:relative;width:100%}.date-input-custom{background-color:#fff;cursor:pointer}.date-input-custom:hover{border-color:#3b82f6}.date-picker-dropdown-custom{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:600px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-custom{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-custom{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-custom{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-custom:hover{color:#111827}.calendar-month-custom{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-custom{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-custom{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-custom{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-custom{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-custom:hover{background-color:#f3f4f6}.calendar-day-custom.other-month-custom{color:#d1d5db}.calendar-day-custom.today-custom{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-custom.selected-custom{background-color:#2563eb;color:#fff;font-weight:600}.period-section-custom{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-custom{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-custom{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-custom{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-custom:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-custom.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-custom{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-custom,.cancel-btn-custom{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-custom{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-custom:hover{background-color:#f3f4f6}.apply-btn-custom{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-custom:hover{background-color:#1d4ed8}.team-dropdown-wrapper-custom{max-width:400px;position:relative;width:100%}.team-select-custom{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between}.team-select-custom:hover{border-color:#3b82f6}.dropdown-arrow-custom{color:#9ca3af;font-size:10px}.team-dropdown-custom{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.team-option-custom{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.team-option-custom:hover{background-color:#f3f4f6}.team-option-custom.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}@media (max-width:1024px){.checkbox-grid{grid-template-columns:repeat(2,1fr)}.date-picker-dropdown-custom{min-width:500px}.period-section-custom{width:220px}}@media (max-width:768px){.custom-report,.custom-report-form{padding:20px}.checkbox-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:15px}.date-picker-dropdown-custom{flex-direction:column;min-width:320px}.calendar-section-custom{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-custom{width:100%}}.apps-sites-usage{background-color:#f9fafb;padding:30px}.apps-sites-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.apps-sites-title{color:#111827;font-size:24px;font-weight:600;margin:0}.apps-sites-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.date-filter-apps,.employee-filter-apps{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.employee-filter-apps{min-width:250px}.date-filter-apps{min-width:150px}.export-button-apps{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-apps:hover{background-color:#1d4ed8}.member-dropdown-wrapper-apps{position:relative}.employee-filter-apps{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between}.employee-filter-apps:hover{border-color:#3b82f6}.dropdown-arrow-apps{color:#9ca3af;font-size:10px;margin-left:8px}.member-dropdown-apps{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-apps{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-apps:hover{background-color:#f3f4f6}.member-option-apps.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.date-picker-wrapper-apps{position:relative}.date-filter-apps{background-color:#fff;cursor:pointer}.date-filter-apps:hover{border-color:#3b82f6}.date-picker-dropdown-apps{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:600px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-apps{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-apps{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-apps{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-apps:hover{color:#111827}.calendar-month-apps{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-apps{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-apps{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-apps{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-apps{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-apps:hover{background-color:#f3f4f6}.calendar-day-apps.other-month-apps{color:#d1d5db}.calendar-day-apps.today-apps{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-apps.selected-apps{background-color:#2563eb;color:#fff;font-weight:600}.period-section-apps{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-apps{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-apps{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-apps{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-apps:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-apps.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-apps{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-apps,.cancel-btn-apps{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-apps{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-apps:hover{background-color:#f3f4f6}.apply-btn-apps{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-apps:hover{background-color:#1d4ed8}.apps-sites-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.active-filters-info{background-color:#f0f9ff;border-left:4px solid #2563eb;display:flex;gap:30px;padding:15px 20px}.filter-info-item{align-items:center;display:flex;gap:8px}.filter-label{color:#6b7280}.filter-label,.filter-value{font-size:13px;font-weight:600}.filter-value{background-color:#dbeafe;border-radius:4px;color:#2563eb;padding:4px 12px}.no-data-message{font-size:14px;padding:40px 20px}.apps-sites-table{border-collapse:collapse;width:100%}.apps-sites-table thead{background-color:#f9fafb}.apps-sites-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.sortable-header{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#e5e7eb;color:#2563eb}.apps-sites-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.apps-sites-table tbody tr:hover{background-color:#f9fafb}.apps-sites-table td{color:#374151;font-size:14px;padding:16px}.icon-cell{font-size:20px}.status-badge{border-radius:4px}.status-neutral{background-color:#e5e7eb;color:#374151}@media (max-width:1024px){.apps-sites-usage{padding:20px}.apps-sites-filters{flex-wrap:wrap}.date-picker-dropdown-apps{min-width:500px}.period-section-apps{width:220px}}@media (max-width:768px){.apps-sites-table{display:block;overflow-x:auto}.apps-sites-header{align-items:flex-start;flex-direction:column;gap:15px}.export-button-apps{margin-left:0}.date-picker-dropdown-apps{flex-direction:column;min-width:320px}.calendar-section-apps{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-apps{width:100%}.active-filters-info{flex-direction:column;gap:12px}}.work-activity-log{background-color:#f9fafb;padding:30px}.work-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.work-activity-title{color:#111827;font-size:24px;font-weight:600;margin:0}.work-activity-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.member-dropdown-wrapper-activity{position:relative}.employee-filter-activity{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:250px;padding:10px 14px;transition:border-color .2s ease}.employee-filter-activity:hover{border-color:#3b82f6}.dropdown-arrow-activity{color:#9ca3af;font-size:10px;margin-left:8px}.member-dropdown-activity{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-activity{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-activity:hover{background-color:#f3f4f6}.member-option-activity.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.date-picker-wrapper-activity{position:relative}.date-filter-activity{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px;transition:border-color .2s ease}.date-filter-activity:hover{border-color:#3b82f6}.date-picker-dropdown-activity{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:600px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-activity{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-activity{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-activity{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-activity:hover{color:#111827}.calendar-month-activity{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-activity{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-activity{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-activity{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-activity{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-activity:hover{background-color:#f3f4f6}.calendar-day-activity.other-month-activity{color:#d1d5db}.calendar-day-activity.today-activity{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-activity.selected-activity{background-color:#2563eb;color:#fff;font-weight:600}.period-section-activity{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-activity{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-activity{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-activity{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-activity:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-activity.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-activity{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-activity,.cancel-btn-activity{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-activity{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-activity:hover{background-color:#f3f4f6}.apply-btn-activity{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-activity:hover{background-color:#1d4ed8}.export-button-activity{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-activity:hover{background-color:#1d4ed8}.work-activity-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.active-filters-info-activity{background-color:#f0f9ff;border-left:4px solid #2563eb;border-radius:6px;display:flex;gap:30px;margin-bottom:20px;padding:15px 20px}.filter-info-item-activity{align-items:center;display:flex;gap:8px}.filter-label-activity{color:#6b7280;font-size:13px;font-weight:600}.filter-value-activity{background-color:#dbeafe;border-radius:4px;color:#2563eb;font-size:13px;font-weight:600;padding:4px 12px}.no-data-message-activity{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.work-activity-table{border-collapse:collapse;width:100%}.work-activity-table thead{background-color:#f9fafb}.work-activity-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.sortable-header-activity{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header-activity:hover{background-color:#e5e7eb;color:#2563eb}.work-activity-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.work-activity-table tbody tr:hover{background-color:#f9fafb}.work-activity-table td{color:#374151;font-size:14px;padding:16px}@media (max-width:1024px){.work-activity-log{padding:20px}.work-activity-filters{flex-wrap:wrap}.date-picker-dropdown-activity{min-width:500px}.period-section-activity{width:220px}}@media (max-width:768px){.work-activity-table{display:block;overflow-x:auto}.work-activity-header{align-items:flex-start;flex-direction:column;gap:15px}.export-button-activity{margin-left:0}.date-picker-dropdown-activity{flex-direction:column;min-width:320px}.calendar-section-activity{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-activity{width:100%}.active-filters-info-activity{flex-direction:column;gap:12px}}.workload-analysis-report{background-color:#f9fafb;padding:30px}.workload-analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.workload-analysis-title{color:#111827;font-size:24px;font-weight:600;margin:0}.workload-analysis-filters{align-items:center;display:flex;gap:15px;margin-bottom:30px}.member-dropdown-wrapper-workload{position:relative}.employee-filter-workload{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.employee-filter-workload:hover{border-color:#3b82f6}.dropdown-arrow-workload{color:#9ca3af;font-size:10px;margin-left:8px}.member-dropdown-workload{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-workload{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-workload:hover{background-color:#f3f4f6}.member-option-workload.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.date-picker-wrapper-workload{position:relative}.date-filter-workload{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:200px;padding:10px 14px;transition:border-color .2s ease}.date-filter-workload:hover{border-color:#3b82f6}.date-picker-dropdown-workload{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:600px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-workload{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-workload{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-workload{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-workload:hover{color:#111827}.calendar-month-workload{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-workload{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-workload{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-workload{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-workload{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-workload:hover{background-color:#f3f4f6}.calendar-day-workload.other-month-workload{color:#d1d5db}.calendar-day-workload.today-workload{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-workload.selected-workload{background-color:#2563eb;color:#fff;font-weight:600}.period-section-workload{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-workload{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-workload{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-workload{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-workload:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-workload.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-workload{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-workload,.cancel-btn-workload{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-workload{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-workload:hover{background-color:#f3f4f6}.apply-btn-workload{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-workload:hover{background-color:#1d4ed8}.export-button-workload{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-workload:hover{background-color:#1d4ed8}.custom-tooltip-workload{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px}.tooltip-header-workload{color:#111827;font-size:14px;font-weight:600;margin-bottom:8px}.tooltip-count-workload,.tooltip-date-workload{color:#6b7280;font-size:12px;margin-bottom:4px}.tooltip-hours-workload{color:#6b7280;font-size:12px}.workload-chart-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.chart-header-workload{margin-bottom:20px}.chart-title{color:#111827;font-size:18px;font-weight:600;margin:0}.chart-legend-workload{border-top:1px solid #e5e7eb;display:flex;gap:30px;justify-content:center;margin-top:20px;padding-top:20px}.legend-item-workload{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:8px}.legend-dot-workload{border-radius:2px;height:12px;width:12px}.workload-table-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;padding:20px}.workload-table{border-collapse:collapse;font-size:13px;width:100%}.workload-table thead{background-color:#f9fafb}.workload-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.workload-table tbody tr{border-bottom:1px solid #e5e7eb}.workload-table tbody tr:hover{background-color:#f9fafb}.workload-table td{color:#374151;font-size:14px;padding:12px 16px;text-align:center}.sticky-col-workload{background-color:#fff;box-shadow:2px 0 4px #0000000d;left:0;position:-webkit-sticky;position:sticky;z-index:10}.employee-name-workload{font-weight:600;text-align:left}.hours-cell{font-weight:500}.over-worked-cell{background-color:#fed7aa;color:#c2410c}.healthy-cell{background-color:#d1fae5;color:#065f46}.less-utilised-cell{background-color:#fed7aa;color:#c2410c}.no-data-message-workload{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1024px){.workload-analysis-report{padding:20px}.chart-legend-workload{gap:15px}.date-picker-dropdown-workload{min-width:500px}.period-section-workload{width:220px}}@media (max-width:768px){.workload-analysis-filters{flex-wrap:wrap}.workload-analysis-header{align-items:flex-start;flex-direction:column;gap:15px}.export-button-workload{margin-left:0}.date-picker-dropdown-workload{flex-direction:column;min-width:320px}.calendar-section-workload{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-workload{width:100%}.chart-legend-workload{flex-direction:column;gap:12px}}.manual-time-report-component{background-color:#f9fafb;padding:30px}.manual-time-report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.manual-time-report-title{color:#111827;font-size:24px;font-weight:600;margin:0}.manual-time-report-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.date-picker-wrapper-manual,.member-dropdown-wrapper-manual,.status-dropdown-wrapper-manual{position:relative}.filter-select-manual{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.filter-select-manual:hover{border-color:#3b82f6}.dropdown-arrow-manual{color:#9ca3af;font-size:10px;margin-left:8px}.member-dropdown-manual{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-manual{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-manual:hover{background-color:#f3f4f6}.member-option-manual.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.status-dropdown-manual{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.status-option-manual{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.status-option-manual:hover{background-color:#f3f4f6}.status-option-manual.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.date-picker-dropdown-manual{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:600px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-manual{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-manual{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-manual{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-manual:hover{color:#111827}.calendar-month-manual{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-manual{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-manual{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-manual{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-manual{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-manual:hover{background-color:#f3f4f6}.calendar-day-manual.other-month-manual{color:#d1d5db}.calendar-day-manual.today-manual{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-manual.selected-manual{background-color:#2563eb;color:#fff;font-weight:600}.period-section-manual{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-manual{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-manual{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-manual{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-manual:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-manual.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-manual{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-manual,.cancel-btn-manual{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-manual{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-manual:hover{background-color:#f3f4f6}.apply-btn-manual{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-manual:hover{background-color:#1d4ed8}.export-button-manual-report{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-manual-report:hover{background-color:#1d4ed8}.manual-time-report-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.manual-time-report-table{border-collapse:collapse;width:100%}.manual-time-report-table thead{background-color:#f9fafb}.manual-time-report-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.sortable-header-manual{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header-manual:hover{background-color:#e5e7eb;color:#2563eb}.manual-time-report-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.manual-time-report-table tbody tr:hover{background-color:#f9fafb}.manual-time-report-table td{color:#374151;font-size:14px;padding:16px}.review-status-cell{font-weight:500}.review-status-cell.approved{color:#10b981}.review-status-cell.rejected{color:#ef4444}.review-status-cell.pending{color:#f59e0b}.no-data-message-manual{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1024px){.manual-time-report-component{padding:20px}.manual-time-report-filters{flex-wrap:wrap}.date-picker-dropdown-manual{min-width:500px}.period-section-manual{width:220px}}@media (max-width:768px){.manual-time-report-table{display:block;overflow-x:auto}.manual-time-report-header{align-items:flex-start;flex-direction:column;gap:15px}.export-button-manual-report{margin-left:0}.date-picker-dropdown-manual{flex-direction:column;min-width:320px}.calendar-section-manual{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-manual{width:100%}}.shift-time-report{background-color:#f9fafb;min-height:calc(100vh - 100px);padding:30px}.shift-time-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.shift-time-title{color:#111827;font-size:24px;font-weight:600;margin:0}.create-shift-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.create-shift-btn:hover{background-color:#1d4ed8}.shift-time-content{min-height:400px}.empty-message-shift{color:#9ca3af;font-size:16px;padding:100px 20px;text-align:center}.shifts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shift-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;transition:all .2s ease}.shift-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.shift-card-header{gap:12px;margin-bottom:16px}.shift-card-header,.shift-icon{align-items:center;display:flex}.shift-icon{background-color:#dbeafe;border-radius:8px;color:#2563eb;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.shift-card-title{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0}.shift-menu-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px}.shift-card-body{margin-bottom:16px}.shift-time-info{color:#374151;font-size:14px;margin-bottom:8px}.shift-members-info{color:#6b7280;font-size:13px}.shift-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding-top:16px}.delete-shift-btn,.edit-shift-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-shift-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.edit-shift-btn:hover{background-color:#e5e7eb}.delete-shift-btn{background:none;border:none;color:#ef4444}.delete-shift-btn:hover{text-decoration:underline}.modal-overlay-shift{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-shift{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header-shift{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-shift{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-shift{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.modal-close-shift:hover{background-color:#f3f4f6}.modal-body-shift{padding:24px}.form-group-shift{margin-bottom:20px}.form-label-shift{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.info-icon-shift{color:#9ca3af;cursor:help;font-size:12px;margin-left:6px}.form-input-shift{border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input-shift:focus{border-color:#3b82f6;outline:none}.form-input-shift::placeholder{color:#9ca3af}.time-picker-wrapper-shift{position:relative}.time-dropdown-shift{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;display:flex;left:0;max-height:200px;position:absolute;top:calc(100% + 4px);z-index:100}.time-column-shift{border-right:1px solid #e5e7eb;overflow-y:auto}.time-column-shift:last-child{border-right:none}.time-option-shift{color:#374151;cursor:pointer;font-size:13px;min-width:60px;padding:8px 16px;text-align:center;transition:background-color .15s ease}.time-option-shift:hover{background-color:#f3f4f6}.time-option-shift.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.members-dropdown-wrapper-shift{position:relative}.form-select-shift{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-select-shift:hover{border-color:#3b82f6}.dropdown-arrow-shift{color:#9ca3af;font-size:10px}.members-dropdown-shift{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.members-search-shift{border:1px solid #e5e7eb;border-radius:4px;font-size:13px;margin:8px 12px;padding:8px 12px;width:calc(100% - 24px)}.members-search-shift:focus{border-color:#3b82f6;outline:none}.member-checkbox-shift{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background-color .15s ease}.member-checkbox-shift:hover{background-color:#f3f4f6}.member-checkbox-shift input[type=checkbox]{cursor:pointer}.modal-footer-shift{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn-shift,.create-btn-shift{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn-shift{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.cancel-btn-shift:hover{background-color:#e5e7eb}.create-btn-shift{background-color:#2563eb;border:none;color:#fff}.create-btn-shift:hover{background-color:#1d4ed8}.shift-detail-page{background-color:#f9fafb;min-height:calc(100vh - 100px);padding:30px}.shift-detail-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.back-btn-shift{background:none;border:none;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background-color .2s ease}.back-btn-shift:hover{background-color:#eff6ff}.shift-detail-title{color:#111827;flex:1 1;font-size:24px;font-weight:600;margin:0}.close-btn-shift{background:none;border:none;color:#6b7280;cursor:pointer;font-size:28px;padding:4px 12px}.shift-info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.shift-info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.shift-info-label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:8px}.shift-info-value{color:#111827;font-size:18px;font-weight:600}.shift-timesheet-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.shift-timesheet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.shift-timesheet-title{color:#111827;font-size:18px;font-weight:600;margin:0}.shift-timesheet-controls{align-items:center;display:flex;gap:12px}.date-picker-wrapper-shift{position:relative}.date-input-shift{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color .2s ease}.date-input-shift:hover{border-color:#3b82f6}.date-picker-dropdown-shift{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:300px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.calendar-header-shift{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav-shift{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s ease}.calendar-nav-shift:hover{color:#111827}.calendar-month-shift{color:#111827;font-size:14px;font-weight:600}.calendar-weekdays-shift{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-shift{color:#6b7280;font-size:11px;font-weight:600;padding:4px 0;text-align:center}.calendar-days-shift{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-shift{align-items:center;aspect-ratio:1;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;justify-content:center;transition:all .2s ease}.calendar-day-shift:hover{background-color:#f3f4f6}.calendar-day-shift.other-month-shift{color:#d1d5db}.calendar-day-shift.today-shift{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-shift.selected-shift,.export-btn-shift{background-color:#2563eb;color:#fff;font-weight:600}.export-btn-shift{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:background-color .2s ease}.export-btn-shift:hover{background-color:#1d4ed8}.shift-timesheet-note{background-color:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;margin-bottom:20px;padding:12px 16px}.shift-timesheet-table{border-collapse:collapse;width:100%}.shift-timesheet-table thead{background-color:#f9fafb}.shift-timesheet-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.shift-timesheet-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.shift-timesheet-table tbody tr:hover{background-color:#f9fafb}.shift-timesheet-table td{color:#374151;font-size:14px;padding:14px 16px}.employee-cell-shift{align-items:center;display:flex;gap:10px}.employee-avatar-shift{align-items:center;background-color:#dbeafe;border-radius:50%;color:#2563eb;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}@media (max-width:1024px){.shift-detail-page,.shift-time-report{padding:20px}.shift-info-cards,.shifts-grid{grid-template-columns:1fr}}@media (max-width:768px){.shift-timesheet-header{align-items:flex-start;flex-direction:column;gap:12px}.shift-timesheet-table{display:block;overflow-x:auto}.modal-content-shift{width:95%}.date-picker-dropdown-shift{left:0;right:auto}}.summary-report{background-color:#f9fafb;min-height:calc(100vh - 100px);padding:30px}.summary-report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.summary-report-title{color:#111827;font-size:24px;font-weight:600;margin:0}.header-actions-summary{align-items:center;display:flex;gap:15px}.add-users-btn-summary{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s ease}.add-users-btn-summary:hover{background-color:#1d4ed8}.add-icon-summary{font-size:16px;font-weight:700}.team-selector-wrapper-summary{position:relative}.team-selector-summary{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;min-width:180px;padding:8px 14px;transition:all .2s ease}.team-selector-summary:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.team-icon-summary{font-size:14px}.team-selector-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:350px;min-width:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:100%;z-index:1000}.team-selector-option{color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;transition:background-color .15s ease}.team-selector-option:hover{background-color:#f3f4f6}.team-selector-option.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.summary-report-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.filter-group-summary{display:flex;flex-direction:column;gap:8px}.filter-label-summary{color:#374151;font-size:13px;font-weight:600}.filter-input-summary,.filter-select-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.filter-input-summary{cursor:pointer}.filter-input-summary:hover,.filter-select-summary:hover{border-color:#3b82f6}.filter-select-summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.dropdown-arrow-summary{color:#9ca3af;font-size:10px}.date-picker-wrapper-summary{position:relative}.date-picker-dropdown-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;left:0;min-width:650px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-section-summary{border-right:1px solid #e5e7eb;flex:1 1;padding:20px}.calendar-header-summary{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-summary{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-summary:hover{color:#111827}.calendar-month-summary{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-summary{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-summary{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-summary{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-summary:hover{background-color:#f3f4f6}.calendar-day-summary.other-month-summary{color:#d1d5db}.calendar-day-summary.today-summary{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-summary.selected-summary{background-color:#2563eb;color:#fff;font-weight:600}.period-section-summary{display:flex;flex-direction:column;padding:20px;width:250px}.period-title-summary{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:15px}.period-buttons-summary{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-btn-summary{background-color:#f9fafb;border:1px solid #0000;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:10px 16px;text-align:left;transition:all .2s ease}.period-btn-summary:hover{background-color:#f3f4f6;border-color:#e5e7eb}.period-btn-summary.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.period-actions-summary{border-top:1px solid #e5e7eb;display:flex;gap:10px;margin-top:15px;padding-top:15px}.apply-btn-summary,.cancel-btn-summary{border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn-summary{background-color:#f9fafb;border:1px solid #e5e7eb;color:#374151}.cancel-btn-summary:hover{background-color:#f3f4f6}.apply-btn-summary{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.apply-btn-summary:hover{background-color:#1d4ed8}.report-type-dropdown-wrapper{position:relative}.report-type-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.report-type-option{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.report-type-option:hover{background-color:#f3f4f6}.report-type-option.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.team-dropdown-wrapper-summary{position:relative}.team-dropdown-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:300px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.team-option-summary{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.team-option-summary:hover{background-color:#f3f4f6}.team-option-summary.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.export-btn-summary{align-items:center;align-self:flex-end;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-btn-summary:hover{background-color:#1d4ed8}.summary-report-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.summary-report-table{border-collapse:collapse;width:100%}.summary-report-table thead{background-color:#f9fafb}.summary-report-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.sortable-header-summary{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sortable-header-summary:hover{background-color:#e5e7eb;color:#2563eb}.summary-report-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.summary-report-table tbody tr:hover{background-color:#f9fafb}.summary-report-table td{color:#374151;font-size:14px;padding:14px 16px}.employee-name-summary{color:#111827;font-weight:600}.table-footer-summary{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:14px;margin-top:20px;padding:20px;text-align:center}.table-footer-summary p{margin:0}@media (max-width:1024px){.summary-report{padding:20px}.summary-report-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions-summary{justify-content:space-between;width:100%}.add-users-btn-summary,.team-selector-wrapper-summary{flex:1 1}.team-selector-summary{width:100%}.summary-report-filters{align-items:stretch;flex-direction:column}.export-btn-summary{align-self:stretch;margin-left:0}.date-picker-dropdown-summary{min-width:500px}.period-section-summary{width:220px}}@media (max-width:768px){.summary-report-table{display:block;overflow-x:auto}.header-actions-summary{flex-direction:column;gap:10px}.add-users-btn-summary,.team-selector-summary{width:100%}.date-picker-dropdown-summary{flex-direction:column;min-width:320px}.calendar-section-summary{border-bottom:1px solid #e5e7eb;border-right:none}.period-section-summary{width:100%}}.input-activity-report{background-color:#f9fafb;min-height:calc(100vh - 100px);padding:30px}.input-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.input-activity-title{color:#111827;font-size:24px;font-weight:600;margin:0}.header-actions-input{align-items:center;display:flex;gap:15px}.add-users-btn-input{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s ease}.add-users-btn-input:hover{background-color:#1d4ed8}.add-icon-input{font-size:16px;font-weight:700}.team-selector-wrapper-input{position:relative}.team-selector-input{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;min-width:140px;padding:8px 14px;transition:all .2s ease}.team-selector-input:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.team-icon-input{font-size:14px}.input-activity-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.member-dropdown-wrapper-input{position:relative}.filter-select-input{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:250px;padding:10px 14px;transition:border-color .2s ease}.filter-select-input:hover{border-color:#3b82f6}.dropdown-arrow-input{color:#9ca3af;font-size:10px;margin-left:8px}.member-dropdown-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-height:250px;overflow-y:auto;position:absolute;top:calc(100% + 4px);width:100%;z-index:100}.member-option-input{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .15s ease}.member-option-input:hover{background-color:#f3f4f6}.member-option-input.selected{background-color:#eff6ff;color:#2563eb;font-weight:600}.date-picker-wrapper-input{position:relative}.filter-input-date{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:180px;padding:10px 14px;transition:border-color .2s ease}.filter-input-date:hover{border-color:#3b82f6}.date-picker-dropdown-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;left:0;min-width:320px;padding:20px;position:absolute;top:calc(100% + 8px);z-index:1000}.calendar-header-input{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav-input{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:5px 10px;transition:color .2s ease}.calendar-nav-input:hover{color:#111827}.calendar-month-input{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays-input{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday-input{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days-input{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-input{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s ease}.calendar-day-input:hover{background-color:#f3f4f6}.calendar-day-input.other-month-input{color:#d1d5db}.calendar-day-input.today-input{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day-input.selected-input,.export-button-input{background-color:#2563eb;color:#fff;font-weight:600}.export-button-input{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-button-input:hover{background-color:#1d4ed8}.download-icon{font-size:16px}.input-activity-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:30px}.activity-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.summary-card-input{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:15px;padding:20px}.summary-icon-input{align-items:center;border-radius:8px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.keyboard-icon{background-color:#eff6ff}.mouse-icon{background-color:#fef3c7}.scroll-icon{background-color:#f0fdf4;color:#15803d;font-size:28px;font-weight:600}.summary-info{flex:1 1}.summary-label{color:#6b7280;font-size:13px;margin-bottom:5px}.summary-value{color:#111827;font-size:24px;font-weight:600}.hourly-breakdown{margin-top:30px}.breakdown-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.breakdown-table-wrapper{overflow-x:auto}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table thead{background-color:#f9fafb}.breakdown-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.breakdown-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.breakdown-table tbody tr:hover{background-color:#f9fafb}.breakdown-table td{color:#374151;font-size:14px;padding:14px 16px}.time-cell{color:#111827;font-weight:600}.no-data-message{color:#9ca3af;font-size:15px;margin:0;padding:60px 20px;text-align:center}@media (max-width:1024px){.input-activity-report{padding:20px}.input-activity-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions-input{justify-content:space-between;width:100%}.add-users-btn-input,.team-selector-wrapper-input{flex:1 1}.team-selector-input{width:100%}.activity-summary{grid-template-columns:1fr}.input-activity-filters{align-items:stretch;flex-direction:column}.filter-input-date,.filter-select-input{width:100%}.export-button-input{margin-left:0;width:100%}}@media (max-width:768px){.input-activity-content{padding:20px}.header-actions-input{flex-direction:column;gap:10px}.add-users-btn-input,.team-selector-input{width:100%}.summary-card-input{flex-direction:column;text-align:center}.summary-value{font-size:20px}.breakdown-table{font-size:12px}.breakdown-table td,.breakdown-table th{padding:10px 12px}}.login-ip-report{background-color:#f9fafb;padding:30px}.login-ip-header{margin-bottom:20px}.login-ip-title{color:#111827;font-size:24px;font-weight:600;margin:0}.login-ip-filters{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(2,1fr) 2fr auto;margin-bottom:30px}.filter-group-ip{display:flex;flex-direction:column;gap:8px}.filter-label-ip{color:#374151;font-size:14px;font-weight:500}.filter-input-ip,.filter-select-ip{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.filter-input-ip:focus,.filter-select-ip:focus{border-color:#3b82f6}.custom-dropdown-ip{position:relative;width:100%}.dropdown-header-ip{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.dropdown-header-ip:hover{border-color:#3b82f6}.dropdown-arrow-ip{color:#6b7280;font-size:10px;transition:transform .2s ease}.dropdown-arrow-ip.open{transform:rotate(180deg)}.dropdown-menu-ip{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item-ip{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s ease}.dropdown-item-ip:hover{background-color:#f3f4f6}.dropdown-item-ip.selected{background-color:#eff6ff;color:#2563eb;font-weight:500}.date-range-text{color:#6b7280;font-size:14px;margin:0;padding:10px 0}.export-btn-ip{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.export-btn-ip:hover{background-color:#1d4ed8}.login-ip-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.filter-info-message{background-color:#eff6ff;border-left:4px solid #2563eb;border-radius:4px;color:#1e40af;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.login-ip-table{border-collapse:collapse;width:100%}.login-ip-table thead{background-color:#f9fafb}.login-ip-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.login-ip-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.login-ip-table tbody tr:hover{background-color:#f9fafb}.login-ip-table td{color:#374151;font-size:14px;padding:16px}.employee-name-ip{font-weight:600}.ip-count{text-align:center}.ip-addresses-list{display:flex;flex-wrap:wrap;gap:8px}.ip-badge{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#374151;display:inline-block;font-family:monospace;font-size:13px;padding:4px 12px}.no-data{font-style:italic;padding:40px 20px!important}@media (max-width:1200px){.login-ip-filters{grid-template-columns:1fr 1fr}.export-btn-ip{grid-column:1/-1}}@media (max-width:768px){.login-ip-report{padding:20px}.login-ip-filters{grid-template-columns:1fr}.login-ip-table{display:block;overflow-x:auto}.ip-addresses-list{flex-direction:column}}.real-time-alert-page{background-color:#f9fafb;max-width:1400px;padding:30px}.premium-notice{align-items:flex-start;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;display:flex;gap:12px;margin-bottom:30px;padding:16px 20px}.info-icon-alert{color:#1e40af;flex-shrink:0;font-size:20px}.premium-text{color:#1e40af;font-size:14px;line-height:1.6;margin:0}.email-link{color:#1e40af;font-weight:500;text-decoration:underline}.email-link:hover{color:#1e3a8a}.quick-guide-section{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:8px;margin-bottom:30px;padding:24px}.guide-header{gap:16px}.guide-header,.guide-icon{align-items:center;display:flex}.guide-icon{background-color:#1e40af;border-radius:8px;flex-shrink:0;height:50px;justify-content:center;width:50px}.bell-icon{font-size:24px}.guide-content{flex:1 1}.guide-title{color:#2563eb;font-size:20px;font-weight:600;margin:0 0 4px}.guide-subtitle{color:#3b82f6;font-size:14px;margin:0}.alert-types-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.alert-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.alert-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.alert-card-header{gap:12px;margin-bottom:12px}.alert-card-header,.alert-icon{align-items:center;display:flex}.alert-icon{border-radius:6px;font-size:20px;height:32px;justify-content:center;width:32px}.clock-icon{background-color:#fef3c7}.late-icon{background-color:#dbeafe}.absence-icon{background-color:#fef3c7}.alert-card-title{color:#111827;font-size:16px;font-weight:600;margin:0}.alert-description{color:#374151;font-size:15px;font-weight:600;margin:0 0 8px}.alert-subdescription{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 20px}.alert-steps{display:flex;flex-direction:column;gap:12px}.alert-step{align-items:flex-start;display:flex;gap:10px}.step-icon{color:#3b82f6;flex-shrink:0;font-size:14px;margin-top:2px}.step-text{color:#374151;font-size:13px;line-height:1.5}.tip-section{background-color:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:20px}.tip-title{color:#92400e;font-size:16px;font-weight:600;margin:0 0 8px}.tip-text{color:#78350f;font-size:14px;line-height:1.6;margin:0}@media (max-width:1200px){.alert-types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.real-time-alert-page{padding:20px}.alert-types-grid{grid-template-columns:1fr}.guide-header{text-align:center}.guide-header,.premium-notice{flex-direction:column}}.apply-leave-page{background-color:#f9fafb;padding:30px}.leave-balance-section{margin-bottom:30px}.leave-balance-title{color:#6b7280;font-size:16px;font-weight:500;margin-bottom:20px}.date-link{color:#111827;cursor:pointer;font-weight:600}.leave-balance-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.leave-balance-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;text-align:center}.leave-type-title{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 12px}.leave-code{font-size:36px;font-weight:700;margin:12px 0}.leave-details{margin-top:16px}.leave-detail-item{color:#6b7280;font-size:13px;margin:8px 0}.leave-detail-item strong{color:#111827}.applied-leave-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.applied-leave-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.applied-leave-title{color:#111827;font-size:18px;font-weight:600;margin:0}.applied-leave-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex:1 1;gap:0;margin:0 30px}.tab-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:color .2s ease}.tab-button.active{color:#2563eb}.tab-button.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.apply-leave-btn{align-items:center;background-color:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.apply-leave-btn:hover{background-color:#0d9488}.plus-icon{font-size:18px}.leave-filters{display:flex;gap:15px;margin-bottom:30px}.filter-dropdown-wrapper,.month-picker-wrapper{position:relative}.filter-dropdown{min-width:200px;outline:none}.filter-dropdown,.month-picker-btn{border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:10px 14px}.month-picker-btn{align-items:center;background-color:#fff;display:flex;gap:8px}.month-picker-dropdown{box-shadow:0 4px 6px #0000001a;margin-top:8px;min-width:280px}.year-nav-btn{font-size:20px;padding:4px 8px}.year-nav-btn:hover{color:#111827}.year-display{color:#111827;font-size:16px;font-weight:600}.month-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.month-btn:hover{background-color:#f3f4f6}.month-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.empty-state{padding:60px 20px;text-align:center}.empty-message{color:#9ca3af;font-size:15px;margin:0}.leaves-list{display:flex;flex-direction:column;gap:16px}.leave-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:box-shadow .2s ease}.leave-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.leave-item-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.leave-item-user{gap:12px}.leave-avatar,.leave-item-user{align-items:center;display:flex}.leave-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.leave-user-info{display:flex;flex-direction:column;gap:4px}.leave-user-name{color:#111827;font-size:16px;font-weight:600;margin:0}.leave-applied-date{color:#6b7280;font-size:13px;margin:0}.leave-actions{display:flex;gap:8px}.delete-leave-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s ease}.delete-leave-btn:hover{background-color:#fee2e2}.leave-item-body{display:flex;flex-direction:column;gap:16px}.leave-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-info-item{display:flex;flex-direction:column;gap:6px}.leave-info-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.leave-info-value{color:#111827;font-size:14px;font-weight:500}.leave-duration{color:#2563eb;font-weight:600}.leave-type-badge{border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.leave-reason{background-color:#f9fafb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.leave-reason-text{color:#374151;font-size:14px;line-height:1.5;margin:0}.leave-status{display:flex;justify-content:flex-end}.status-badge{border-radius:20px;font-size:13px;letter-spacing:.5px;padding:6px 16px}.modal-overlay-leave{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-leave{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header-leave{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-leave{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-leave{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.modal-close-leave:hover{color:#111827}.modal-body-leave{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.modal-left-section,.modal-right-section{display:flex;flex-direction:column;gap:20px}.form-group-leave{display:flex;flex-direction:column;gap:8px}.form-label-leave{color:#374151;font-size:14px;font-weight:500}.required-mark{color:#ef4444;font-weight:600;margin-left:4px}.form-input-leave,.form-select-leave{border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.form-input-leave:focus,.form-select-leave:focus{border-color:#3b82f6}.date-input-wrapper{position:relative}.calendar-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:8px;min-width:320px;padding:16px;position:absolute;top:100%;z-index:1001}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 12px;transition:color .2s ease}.calendar-nav-btn:hover{color:#111827}.calendar-month-year{color:#111827;font-size:16px;font-weight:600}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{color:#6b7280;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;transition:all .2s ease}.calendar-day:not(.empty):hover{background-color:#f3f4f6}.calendar-day.empty{cursor:default}.calendar-day.selected{background-color:#2563eb;color:#fff;font-weight:600}.calendar-day.selected:hover{background-color:#1d4ed8}.form-textarea-leave{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s ease}.form-textarea-leave:focus{border-color:#3b82f6}.submit-btn-leave{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:auto;padding:12px 24px;transition:all .2s ease}.submit-btn-leave:hover:not(:disabled){background-color:#1d4ed8}.submit-btn-leave:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.leave-details-panel{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:20px;text-align:center}.panel-title{color:#6b7280;font-size:15px;font-weight:600;margin:0 0 12px}.panel-subtitle{color:#9ca3af;font-size:13px;margin:0}.leave-details-content{display:flex;flex-direction:column;gap:12px}.leave-date-display{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;font-weight:500;padding:8px 12px}.leave-session-selector{display:flex;justify-content:center}.session-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 12px;transition:border-color .2s ease}.session-dropdown:focus{border-color:#3b82f6}.total-leave-panel{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.total-label{color:#6b7280;font-size:14px;font-weight:500}.total-value{color:#111827;font-size:18px;font-weight:600}@media (max-width:1024px){.leave-balance-cards{grid-template-columns:repeat(2,1fr)}.modal-body-leave{grid-template-columns:1fr}}@media (max-width:768px){.apply-leave-page{padding:20px}.leave-balance-cards{grid-template-columns:1fr}.applied-leave-header{align-items:flex-start;flex-direction:column;gap:15px}.applied-leave-tabs{margin:0}.leave-filters{flex-direction:column}.modal-content-leave{width:95%}}.leave-summary-page{background-color:#f9fafb;padding:30px}.leave-summary-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:30px}.tab-btn-ls{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 24px;position:relative;transition:color .2s ease}.tab-btn-ls.active{color:#2563eb}.tab-btn-ls.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.beta-badge{background-color:#dbeafe;border-radius:4px;color:#2563eb;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.leave-summary-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.filters-row{align-items:center;display:flex;gap:15px;margin-bottom:24px}.active-filters-info{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:20px;padding:10px 16px}.filter-info-text{color:#1e40af;font-size:14px}.filter-info-text strong{color:#1e3a8a;font-weight:600}.filter-input-ls,.filter-select-ls{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;min-width:200px;outline:none;padding:10px 14px}.filter-select-ls{cursor:pointer}.month-dropdown-wrapper,.year-dropdown-wrapper{position:relative}.month-dropdown-btn,.year-dropdown-btn{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:space-between;width:200px}.dropdown-arrow-icon{color:#6b7280;font-size:10px}.month-dropdown-menu,.year-dropdown-menu{border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;max-height:300px;overflow-y:auto;right:0}.month-dropdown-menu,.month-picker-dropdown,.year-dropdown-menu{background-color:#fff;left:0;margin-top:4px;position:absolute;top:100%;z-index:100}.month-picker-dropdown{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:320px;padding:16px}.month-picker-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.year-nav-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:4px 12px;transition:all .2s ease}.year-nav-btn:hover{background-color:#f3f4f6;color:#374151}.month-picker-year{color:#111827;font-size:18px;font-weight:600}.months-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.month-grid-item{background:none;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.month-grid-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.month-grid-item.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.month-dropdown-item,.year-dropdown-item{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s ease}.month-dropdown-item:hover,.year-dropdown-item:hover{background-color:#f3f4f6}.month-dropdown-item.active,.year-dropdown-item.active{background-color:#2563eb;color:#fff}.member-dropdown-wrapper{position:relative}.member-dropdown-btn{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:space-between}.dropdown-arrow{color:#6b7280;font-size:10px}.member-dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.member-dropdown-item{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s ease}.member-dropdown-item:hover{background-color:#f3f4f6}.export-btn-ls,.member-dropdown-item.active{background-color:#2563eb;color:#fff}.export-btn-ls{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-btn-ls:hover{background-color:#1d4ed8}.leave-table-wrapper{margin-bottom:20px;overflow-x:auto}.leave-balance-table,.leave-summary-table{border-collapse:collapse;min-width:800px;width:100%}.leave-balance-table thead,.leave-summary-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leave-balance-table th,.leave-summary-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left}.leave-type-header{border-left:1px solid #e5e7eb;text-align:center}.leave-balance-table tbody tr,.leave-summary-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.leave-balance-table tbody tr:hover,.leave-summary-table tbody tr:hover{background-color:#f9fafb}.leave-balance-table td,.leave-summary-table td{color:#374151;font-size:14px;padding:16px;text-align:left}.sticky-col{min-width:250px}.sticky-col,.sticky-col-balance{background-color:#fff;left:0;position:-webkit-sticky;position:sticky;z-index:5}.sticky-col-balance{min-width:300px}.leave-balance-table tbody tr:hover .sticky-col-balance,.leave-summary-table tbody tr:hover .sticky-col{background-color:#f9fafb}.employee-cell{padding:12px 16px}.employee-info{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name{color:#111827;font-weight:500}.edit-balance-btn{background-color:initial;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;margin-left:auto;padding:6px 12px;transition:all .2s ease}.edit-balance-btn:hover{background-color:#f3f4f6;color:#374151}.view-history-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .2s ease}.view-history-link:hover{color:#1d4ed8}.empty-state-ls{padding:60px 20px;text-align:center}.empty-state-ls p{color:#9ca3af;font-size:15px;margin:0}.table-footer{border-top:1px solid #e5e7eb;padding:16px;text-align:center}.table-footer p{color:#9ca3af;font-size:14px;margin:0}.modal-overlay-edit{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-edit{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header-edit{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-edit{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-edit{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.modal-close-edit:hover{color:#111827}.modal-body-edit{padding:24px}.form-group-edit{margin-bottom:20px}.form-label-edit{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.required-label{color:#dc2626;font-weight:600;margin-left:4px}.form-select-edit{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px;width:100%}.balance-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:20px}.balance-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:color .2s ease}.balance-tab.active{color:#2563eb}.balance-tab.active:after{background-color:#2563eb;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.balance-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.balance-input{border:1px solid #e5e7eb;border-radius:6px;color:#374151;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.balance-unit{color:#6b7280;font-size:14px;font-weight:500}.balance-note{color:#6b7280;font-size:13px;margin:0 0 20px}.balance-note-secondary{color:#6b7280;font-size:13px;line-height:1.5;margin:-12px 0 20px}.update-balance-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px 24px;transition:all .2s ease;width:100%}.update-balance-btn:hover{background-color:#1d4ed8}.balance-info{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.info-text{color:#6b7280;font-size:13px;line-height:1.6;margin:0 0 12px}.info-text:last-child{margin-bottom:0}.info-link{color:#2563eb;font-weight:500;text-decoration:none}.info-link:hover{text-decoration:underline}.modal-overlay-history{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-history{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.modal-header-history{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-history{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-history{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.modal-close-history:hover{color:#111827}.modal-body-history{padding:0}.leave-history-table{border-collapse:collapse;width:100%}.leave-history-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leave-history-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 24px;text-align:left}.leave-history-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.leave-history-table tbody tr:hover{background-color:#f9fafb}.leave-history-table td{color:#374151;font-size:14px;padding:16px 24px;text-align:left}.leave-days-badge{gap:4px}.info-icon-circle,.leave-days-badge{align-items:center;display:inline-flex}.info-icon-circle{background-color:#e5e7eb;border-radius:50%;color:#6b7280;cursor:help;font-size:10px;height:16px;justify-content:center;width:16px}.status-badge{font-weight:500}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.history-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;text-align:center}.history-footer p{color:#9ca3af;font-size:14px;margin:0}.no-history{color:#9ca3af;font-style:italic;padding:60px 20px;text-align:center}@media (max-width:1024px){.leave-summary-tabs{overflow-x:auto}.filters-row{flex-wrap:wrap}}@media (max-width:768px){.leave-summary-page{padding:20px}.tab-btn-ls{font-size:13px;padding:12px 16px}.filters-row{align-items:stretch;flex-direction:column}.filter-input-ls,.filter-select-ls{width:100%}.export-btn-ls{margin-left:0}.modal-content-edit{width:95%}}.manage-leave-page{background-color:#f9fafb;padding:30px}.manage-leave-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:30px}.tab-btn-ml{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:14px 24px;position:relative;transition:color .2s ease;white-space:nowrap}.tab-btn-ml.active{color:#2563eb}.tab-btn-ml.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.filters-row-ml{align-items:center;display:flex;gap:15px;margin-bottom:24px}.active-filters-info-ml{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:20px;padding:10px 16px}.filter-info-text-ml{color:#1e40af;font-size:14px}.filter-info-text-ml strong{color:#1e3a8a;font-weight:600}.dropdown-wrapper-ml{position:relative}.filter-dropdown-ml{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;min-width:200px;outline:none;padding:10px 14px;transition:border-color .2s ease}.filter-dropdown-ml:hover{border-color:#d1d5db}.dropdown-arrow-ml{color:#6b7280;font-size:10px}.dropdown-menu-ml{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-item-ml{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s ease}.dropdown-item-ml:hover{background-color:#f3f4f6}.dropdown-item-ml.active{background-color:#2563eb;color:#fff}.filter-input-ml{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;min-width:150px;outline:none;padding:10px 14px}.export-btn-ml{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.export-btn-ml:hover{background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb33}.export-btn-ml:active{transform:translateY(1px)}.download-icon-ml{align-items:center;display:flex;font-size:16px}.manage-leave-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-wrapper-ml{overflow-x:auto}.manage-leave-table{border-collapse:collapse;min-width:1000px;width:100%}.manage-leave-table thead{background-color:#f9fafb}.manage-leave-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;text-transform:capitalize}.manage-leave-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.manage-leave-table tbody tr:hover{background-color:#f9fafb}.manage-leave-table td{color:#374151;font-size:14px;padding:16px}.employee-cell-ml{padding:12px 16px}.employee-info-ml{align-items:center;display:flex;gap:12px}.employee-avatar-ml{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-ml{color:#111827;font-weight:500}.duration-cell-ml{position:relative}.duration-wrapper-ml{gap:6px;position:relative}.duration-wrapper-ml,.info-icon-ml{align-items:center;display:inline-flex}.info-icon-ml{color:#9ca3af;cursor:help;font-size:14px}.leave-tooltip-ml{background-color:#374151;border-radius:8px;box-shadow:0 4px 12px #00000040;color:#fff;margin-top:8px;min-width:240px;padding:12px 16px;top:100%;white-space:nowrap;z-index:1000}.leave-tooltip-ml,.leave-tooltip-ml:before{left:50%;position:absolute;transform:translateX(-50%)}.leave-tooltip-ml:before{border-bottom:6px solid #374151;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;top:-6px;width:0}.tooltip-item-ml{color:#fff;font-size:13px;line-height:1.8}.tooltip-type-ml{color:#d1d5db;font-weight:400}.table-footer-ml{border-top:1px solid #e5e7eb;padding:20px;text-align:center}.table-footer-ml p{color:#9ca3af;font-size:14px;margin:0}.load-more-btn{background-color:initial;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.load-more-btn:hover{background-color:#2563eb;color:#fff}@media (max-width:1024px){.manage-leave-tabs{overflow-x:auto}.filters-row-ml{flex-wrap:wrap}}@media (max-width:768px){.manage-leave-page{padding:20px}.tab-btn-ml{font-size:13px;padding:12px 16px}.filters-row-ml{align-items:stretch;flex-direction:column}.filter-dropdown-ml,.filter-input-ml{width:100%}.manage-leave-table{font-size:13px}}.manage-holiday-page{background-color:#f9fafb;padding:30px}.holiday-controls{align-items:center;display:flex;gap:15px;margin-bottom:30px}.year-input-mh{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px;width:120px}.holiday-filter-wrapper{position:relative}.holiday-filter-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;min-width:200px;outline:none;padding:10px 14px;transition:border-color .2s ease}.holiday-filter-btn:hover{border-color:#d1d5db}.dropdown-arrow-mh{color:#6b7280;font-size:10px}.holiday-filter-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:100}.holiday-filter-item{color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s ease}.holiday-filter-item:hover{background-color:#f3f4f6}.add-holiday-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.add-holiday-btn:hover{background-color:#1d4ed8}.plus-icon-mh{font-size:18px}.import-btn-mh{align-items:center;background-color:initial;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.import-btn-mh:hover{background-color:#f9fafb}.holiday-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.holiday-table{border-collapse:collapse;min-width:1200px;width:100%}.holiday-table thead{background-color:#f9fafb}.holiday-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 16px;text-align:left}.holiday-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.holiday-table tbody tr:hover{background-color:#f9fafb}.holiday-table td{color:#374151;font-size:14px;padding:16px}.holiday-title-cell{color:#111827;font-weight:500}.action-cell{align-items:center;display:flex;gap:8px}.edit-btn-mh,.view-btn-mh{align-items:center;background-color:initial;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.edit-btn-mh:hover,.view-btn-mh:hover{background-color:#f3f4f6}.edit-icon,.eye-icon{font-size:14px}.table-footer-mh{background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:20px;text-align:center}.table-footer-mh p{color:#9ca3af;font-size:14px;margin:0}.modal-overlay-mh{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-mh{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-width:550px;width:90%}.modal-header-mh{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title-mh{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-mh{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;width:32px}.modal-close-mh:hover{color:#111827}.modal-body-mh{padding:24px}.form-group-mh{margin-bottom:20px}.form-label-mh{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input-mh,.form-select-mh{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-input-mh:focus,.form-select-mh:focus{border-color:#3b82f6}.form-input-mh::placeholder{color:#9ca3af}.assign-toggle{justify-content:space-between;margin-bottom:12px}.assign-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{gap:8px}.lock-icon{font-size:16px}.toggle-text{color:#374151;font-size:14px;font-weight:500}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#10b981}input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.modal-footer-mh{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn-mh{background-color:initial;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn-mh:hover{background-color:#f9fafb}.submit-btn-mh{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.submit-btn-mh:hover{background-color:#1d4ed8}@media (max-width:1024px){.holiday-controls{flex-wrap:wrap}}@media (max-width:768px){.manage-holiday-page{padding:20px}.holiday-controls{align-items:stretch;flex-direction:column}.holiday-filter-btn,.year-input-mh{width:100%}.add-holiday-btn,.import-btn-mh{margin-left:0}.modal-content-mh{width:95%}.action-cell{flex-direction:column}}.review-apps-page{background-color:#f9fafb;padding:30px}.review-apps-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.header-info{flex:1 1}.header-title{color:#111827;font-size:18px;font-weight:400;margin:0 0 12px}.header-note,.header-title strong{font-weight:600}.header-note{color:#111827;font-size:14px;margin:0 0 4px}.header-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 4px}.download-btn-ra{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.download-btn-ra:hover{background-color:#1d4ed8}.download-icon-ra{font-size:16px}.review-apps-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px}.tab-btn-ra{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;position:relative;transition:color .2s ease;white-space:nowrap}.tab-btn-ra.active{color:#2563eb}.tab-btn-ra.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.review-apps-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.note-banner{background-color:#fef9c3;border:1px solid #fde68a;border-radius:6px;margin:20px;padding:16px 20px}.note-banner p{color:#92400e;font-size:14px;line-height:1.5;margin:0}.note-banner strong{font-weight:600}.search-bar-wrapper{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.search-input-ra{border:1px solid #e5e7eb;border-radius:6px;color:#374151;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.search-input-ra:focus{border-color:#3b82f6}.search-input-ra::placeholder{color:#9ca3af}.search-btn-ra{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.search-btn-ra:hover{background-color:#2563eb}.apps-table{border-collapse:collapse;width:100%}.apps-table thead{background-color:#f9fafb}.apps-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 20px;text-align:left}.apps-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.apps-table tbody tr:hover{background-color:#f9fafb}.apps-table td{color:#374151;font-size:14px;padding:16px 20px}.app-title-cell{gap:12px}.app-icon-ra,.app-title-cell{align-items:center;display:flex}.app-icon-ra{flex-shrink:0;font-size:18px;height:24px;justify-content:center;width:24px}.app-name-ra{color:#111827;font-weight:400}.hours-cell{color:#111827;font-weight:600}.status-cell{display:flex;gap:8px;justify-content:flex-end}.status-btn{border:1px solid;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s ease}.status-btn.productive{background-color:initial;border-color:#10b981;color:#10b981}.status-btn.productive:hover{background-color:#10b981;color:#fff}.status-btn.neutral{background-color:initial;border-color:#6b7280;color:#6b7280}.status-btn.neutral:hover{background-color:#6b7280;color:#fff}.status-btn.unproductive{background-color:initial;border-color:#ef4444;color:#ef4444}.status-btn.unproductive:hover{background-color:#ef4444;color:#fff}.load-more-wrapper{border-top:1px solid #e5e7eb;padding:24px;text-align:center}.load-more-btn-ra{background-color:initial;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.load-more-btn-ra:hover{background-color:#2563eb;color:#fff}.empty-state-ra{padding:60px 20px;text-align:center}.empty-state-ra p{color:#9ca3af;font-size:15px;margin:0}@media (max-width:1024px){.review-apps-tabs{overflow-x:auto}.status-cell{align-items:stretch;flex-direction:column}}@media (max-width:768px){.review-apps-page{padding:20px}.review-apps-header{flex-direction:column;gap:15px}.download-btn-ra{justify-content:center;width:100%}.tab-btn-ra{font-size:13px;padding:12px 16px}.search-bar-wrapper{flex-direction:column}.search-btn-ra{width:100%}.apps-table{display:block;overflow-x:auto}.app-title-cell{min-width:200px}.status-cell{min-width:250px}}.apps-history-page{background-color:#f9fafb;display:flex;height:calc(100vh - 60px)}.members-sidebar-ah{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:250px}.search-box-ah{border-bottom:1px solid #e5e7eb;padding:16px;position:relative}.search-input-ah{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:10px 14px 10px 36px;width:100%}.search-input-ah::placeholder{color:#9ca3af}.search-icon-ah{color:#9ca3af;font-size:14px;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.members-list-ah{flex:1 1;overflow-y:auto;padding:8px 0}.member-item-ah{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.member-item-ah:hover{background-color:#f3f4f6}.member-item-ah.active{background-color:#eff6ff;border-left:3px solid #3b82f6}.member-avatar-ah{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.member-name-ah{color:#374151;font-size:14px;font-weight:500}.no-results-ah{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.history-content-ah{flex:1 1;overflow-y:auto;padding:30px 40px}.history-header-ah{display:flex;justify-content:flex-end;margin-bottom:24px}.export-btn-ah{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.export-btn-ah:hover{background-color:#1d4ed8}.download-icon-ah{font-size:16px}.history-title-ah{color:#111827;font-size:18px;font-weight:600;margin:0 0 40px;text-align:center}.timeline-container-ah{margin:0 auto;max-width:900px;position:relative}.timeline-line-ah{background-color:#e5e7eb;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item-ah{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin-bottom:40px;position:relative}.timeline-left-ah{display:flex;justify-content:flex-end;text-align:right}.app-info-ah{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;gap:12px;padding:16px 20px}.app-icon-ah{flex-shrink:0;font-size:24px}.app-details-ah{text-align:left}.app-name-ah{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.app-duration-ah{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin:0}.clock-icon-ah{font-size:14px}.status-badge-ah{background-color:#f3f4f6;border-radius:12px;color:#6b7280;font-size:11px;padding:2px 8px}.timeline-dot-ah{background-color:#9ca3af;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:12px;width:12px;z-index:10}.timeline-right-ah{display:flex;justify-content:flex-start}.time-card-ah{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:inline-flex;padding:8px 16px}.time-text-ah{color:#6b7280;font-size:13px;margin:0}.modal-overlay-ah{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.date-picker-modal-ah{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-width:450px;padding:24px;width:90%}.calendar-header-ah{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.nav-btn-ah{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px}.month-year-ah{color:#111827;font-size:16px;font-weight:600}.calendar-grid-ah{margin-bottom:24px}.calendar-days-header-ah{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-days-header-ah div{color:#6b7280;font-size:12px;font-weight:600;padding:8px;text-align:center}.calendar-days-ah{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-ah{align-items:center;aspect-ratio:1;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:all .2s ease}.calendar-day-ah:not(.empty):hover{background-color:#f3f4f6}.calendar-day-ah.selected{background-color:#3b82f6;color:#fff;font-weight:600}.calendar-day-ah.empty{cursor:default}.period-filter-ah{margin-bottom:24px}.period-filter-ah h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.period-buttons-ah{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.period-btn-ah{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.period-btn-ah:hover{background-color:#f3f4f6}.period-btn-ah.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.modal-actions-ah{display:flex;gap:12px;justify-content:flex-end}.cancel-btn-ah{background-color:initial;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn-ah:hover{background-color:#f9fafb}.apply-btn-ah{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.apply-btn-ah:hover{background-color:#1d4ed8}.team-dropdown-ah{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;min-width:200px;position:absolute;right:120px;top:60px;z-index:100}.team-item-ah{color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s ease}.team-item-ah:hover{background-color:#f3f4f6}.team-item-ah.active{background-color:#eff6ff;color:#3b82f6;font-weight:600}@media (max-width:1024px){.timeline-item-ah{gap:16px;grid-template-columns:1fr}.timeline-line-ah{left:20px}.timeline-dot-ah{left:14px;position:absolute}.timeline-left-ah{justify-content:flex-start;margin-left:50px;text-align:left}.timeline-right-ah{margin-left:50px}}@media (max-width:768px){.apps-history-page{flex-direction:column}.members-sidebar-ah{max-height:200px;width:100%}.history-content-ah{padding:20px}.period-buttons-ah{grid-template-columns:repeat(2,1fr)}}.apps-summary-page{background-color:#f9fafb;padding:30px}.apps-summary-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 24px}.apps-summary-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;height:calc(100vh - 150px)}.apps-list-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:20px}.sidebar-title{color:#111827;font-size:14px;font-weight:600;margin:0 0 16px}.select-all-wrapper{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;gap:10px;margin-bottom:16px;padding:12px}.app-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.select-all-label{color:#374151;cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.apps-list-scrollable{flex:1 1;margin:-8px;overflow-y:auto;padding:8px}.app-item-as{margin-bottom:8px}.app-item-label{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.app-item-label:hover{background-color:#f9fafb;border-color:#d1d5db}.app-checkbox:checked+.app-item-label{background-color:#eff6ff;border-color:#3b82f6}.app-icon-as{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;width:28px}.app-info-as{flex:1 1;min-width:0}.app-name-as{color:#111827;font-size:13px;font-weight:500;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-time-as{color:#6b7280;font-size:12px;margin:0}.apps-summary-main{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.summary-tabs{border-bottom:2px solid #e5e7eb;display:flex;padding:0 20px}.summary-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;position:relative;transition:color .2s ease}.summary-tab.active{color:#2563eb}.summary-tab.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.usage-per-employee{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.employee-usage-table{border-collapse:collapse;width:100%}.employee-usage-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.employee-usage-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-align:left;text-transform:uppercase}.employee-usage-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.employee-usage-table tbody tr:hover{background-color:#f9fafb}.employee-usage-table td{color:#374151;font-size:14px;padding:16px 20px}.employee-cell-as{align-items:center;display:flex;gap:12px}.employee-avatar-as{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-name-as{color:#111827;font-weight:500}.time-cell-as{color:#111827;font-weight:600}.table-footer-as{background-color:#fff;border-top:1px solid #e5e7eb;padding:20px;text-align:center}.table-footer-as p{color:#9ca3af;font-size:14px;margin:0}.apps-list-scrollable::-webkit-scrollbar{width:6px}.apps-list-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.apps-list-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.apps-list-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.apps-summary-content{grid-template-columns:300px 1fr}}@media (max-width:768px){.apps-summary-page{padding:20px}.apps-summary-content{grid-template-columns:1fr;height:auto}.apps-list-sidebar{max-height:300px}.chart-container{padding:20px 10px}.employee-usage-table{display:block;overflow-x:auto}}.settings-page{background-color:#f9fafb;display:flex;height:calc(100vh - 60px)}.settings-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:24px 0;width:250px}.settings-sidebar-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 24px 24px}.settings-nav{display:flex;flex-direction:column}.settings-nav-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:12px 24px;transition:all .2s ease}.settings-nav-item:hover{background-color:#f9fafb}.settings-nav-item.active{background-color:#eff6ff;border-left-color:#3b82f6}.settings-nav-icon{align-items:center;display:flex;font-size:18px;justify-content:center;width:24px}.settings-nav-label{color:#374151;font-size:14px;font-weight:500}.settings-nav-item.active .settings-nav-label{color:#3b82f6}.settings-content{background-color:#fff;flex:1 1;overflow-y:auto}@media (max-width:1024px){.settings-sidebar{padding:20px 0;width:220px}.settings-sidebar-title{font-size:18px;margin:0 0 20px 20px}.settings-nav-item{padding:10px 20px}.settings-nav-icon{font-size:16px}.settings-nav-label{font-size:13px}}@media (max-width:768px){.settings-page{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:250px;padding:16px 0;width:100%}.settings-sidebar-title{margin:0 0 16px 16px}.settings-nav-item{padding:10px 16px}}@media (max-width:480px){.settings-sidebar{max-height:220px;padding:14px 0}.settings-sidebar-title{font-size:17px;margin:0 0 14px 14px}.settings-nav-item{padding:8px 14px}.settings-nav-icon{font-size:15px;width:20px}.settings-nav-label{font-size:12px}}.manage-teams-section{padding:30px}.section-header-mt{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-title-mt{color:#111827;font-size:24px;font-weight:600;margin:0}.create-team-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.create-team-btn:hover{background-color:#1d4ed8}.teams-table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.teams-table{border-collapse:collapse;width:100%}.teams-table thead{background-color:#f9fafb}.teams-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px 20px;text-align:left}.teams-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.teams-table tbody tr:hover{background-color:#f9fafb}.teams-table td{color:#374151;font-size:14px;padding:16px 20px}.team-name-cell{gap:12px}.team-avatar,.team-name-cell{align-items:center;display:flex}.team-avatar{border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.actions-cell{text-align:right}.action-btn-icon{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px}.modal-overlay-mt{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-mt{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%}.modal-header-mt{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header-mt h3{font-size:18px;font-weight:600;margin:0}.modal-header-mt button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:28px}.modal-body-mt{padding:20px}.modal-body-mt label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-body-mt input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;margin-bottom:20px;padding:10px 14px;width:100%}.create-btn-mt{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;width:100%}.settings-placeholder{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.settings-placeholder h2{color:#111827;font-size:24px;font-weight:600;margin:0 0 12px}.settings-placeholder p{color:#6b7280;font-size:14px;margin:0}.risk-user-settings-page{background-color:#f9fafb;flex:1 1;min-height:100vh;overflow-y:auto}.risk-settings-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px}.settings-tabs{display:flex;gap:30px}.settings-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:10px 0;transition:all .2s ease}.settings-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.settings-tab:hover{color:#374151}.create-trigger-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.create-trigger-btn:hover{background-color:#1d4ed8}.risk-triggers-section{padding:30px}.section-title{font-size:20px;margin:0 0 24px}.triggers-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{grid-gap:20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:250px 1fr 400px;padding:16px 24px}.header-col{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{grid-gap:20px;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:250px 1fr 400px;padding:20px 24px;transition:background-color .2s ease}.table-row:hover{background-color:#f9fafb}.table-row.inactive{opacity:.5}.table-row:last-child{border-bottom:none}.table-col{align-items:center;display:flex}.trigger-title{color:#111827;font-size:15px;font-weight:600}.trigger-condition{color:#6b7280;font-size:14px;line-height:1.5}.actions-col{display:flex;gap:12px;justify-content:flex-end}.action-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.action-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.action-btn.edit-btn:hover{border-color:#3b82f6;color:#3b82f6}.action-btn.toggle-btn:hover{border-color:#10b981;color:#10b981}.action-btn.delete-btn{color:#dc2626}.action-btn.delete-btn:hover{background-color:#fef2f2;border-color:#dc2626}.btn-icon{font-size:14px}@media (max-width:1400px){.table-header,.table-row{grid-template-columns:200px 1fr 350px}}@media (max-width:1024px){.risk-settings-header{align-items:flex-start;flex-direction:column;gap:16px}.table-header,.table-row{gap:12px;grid-template-columns:1fr}.actions-col{flex-wrap:wrap;justify-content:flex-start}.header-col.actions-col,.header-col.condition-col{display:none}}@media (max-width:640px){.risk-triggers-section{padding:20px}.action-btn{padding:6px 10px}.action-btn,.btn-icon{font-size:12px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-trigger-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.label-hint{color:#9ca3af;font-size:13px;font-weight:400}.form-input{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;outline:none}.rule-builder{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rule-text{font-weight:500}.rule-select,.rule-text{color:#374151;font-size:14px}.rule-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;min-width:120px;padding:8px 12px;transition:border-color .2s ease}.rule-select:focus{border-color:#3b82f6;outline:none}.add-rule-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;transition:color .2s ease}.add-rule-btn:hover{color:#2563eb;text-decoration:underline}.excluded-users-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.user-tag{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:6px;padding:6px 10px}.user-tag-name{color:#374151;font-size:13px;font-weight:500}.user-tag-remove{align-items:center;background:none;border:none;border-radius:2px;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.user-tag-remove:hover{background-color:#fee2e2;color:#ef4444}.rule-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;line-height:1.5;margin-top:16px;padding:16px;text-align:center}.modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:16px 24px}.update-trigger-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 32px;transition:all .2s ease}.update-trigger-btn:hover{background-color:#1d4ed8}@media (max-width:640px){.modal-overlay{padding:10px}.edit-trigger-modal{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:16px}.rule-builder{align-items:flex-start;flex-direction:column}.rule-select{width:100%}}.billing-page{background-color:#f9fafb;margin:0 auto;max-width:1400px;padding:30px 60px}.billing-header{margin-bottom:30px}.billing-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0}.billing-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:14px 24px;position:relative;transition:color .2s ease}.billing-tab.active{color:#2563eb}.billing-tab.active:after{background-color:#2563eb;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.billing-cycle-toggle{display:flex;gap:0;justify-content:center;margin:40px 0}.cycle-btn{background-color:#fff;border:2px solid #2563eb;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.cycle-btn:first-child{border-radius:20px 0 0 20px}.cycle-btn:last-child{border-left:none;border-radius:0 20px 20px 0}.cycle-btn.active{background-color:#2563eb;color:#fff}.pricing-plans{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.pricing-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 20px #0000001a}.pro-plan{background-color:#334155;border-color:#334155;color:#fff}.popular-badge{background-color:#14b8a6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:16px}.plan-name{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 20px}.pro-plan .plan-name{color:#fff}.plan-price{align-items:baseline;display:flex;margin-bottom:8px}.currency{font-size:24px;font-weight:600}.amount{font-size:48px;font-weight:700;margin:0 4px}.period{color:#6b7280;font-size:14px;font-weight:400}.pro-plan .period{color:#cbd5e1}.plan-billing{color:#6b7280;font-size:13px;margin:0 0 16px}.pro-plan .plan-billing{color:#cbd5e1}.plan-description{color:#6b7280;font-size:13px;line-height:1.6;margin:0 0 24px}.pro-plan .plan-description{color:#cbd5e1}.current-plan-notice{background-color:#f59e0b;border-radius:6px;margin-bottom:24px;padding:12px 16px}.current-plan-notice strong{color:#fff;display:block;font-size:14px;margin-bottom:4px}.current-plan-notice p{color:#fff;font-size:12px;margin:0}.plan-features{list-style:none;margin:0 0 32px;padding:0}.plan-features li{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-bottom:12px}.pro-plan .plan-features li{color:#fff}.checkmark{flex-shrink:0;font-weight:700}.checkmark,.pro-plan .checkmark{color:#10b981}.feature-plain{color:#9ca3af}.plan-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.downgrade-btn{background-color:#6b7280;color:#fff}.downgrade-btn:hover{background-color:#4b5563}.current-plan-btn{background-color:#f59e0b;color:#fff}.upgrade-btn{background-color:#2563eb;color:#fff}.upgrade-btn:hover{background-color:#1d4ed8}.billing-terms{margin-bottom:40px;text-align:center}.billing-terms p{color:#6b7280;font-size:13px;line-height:1.6;margin:8px 0}.billing-terms a{color:#2563eb;font-weight:500;text-decoration:none}.billing-terms a:hover{text-decoration:underline}.faq-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:32px}.faq-title{color:#111827;font-size:22px;font-weight:600;margin:0 0 24px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid #e5e7eb}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:20px 0;transition:color .2s ease}.faq-question:hover{color:#2563eb}.faq-icon{color:#6b7280;font-size:20px;font-weight:300}.faq-answer{animation:slideDown .3s ease;padding:0 0 20px}.faq-answer p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.billing-notes{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px 32px}.notes-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.notes-list{list-style:disc;margin:0;padding-left:20px}.notes-list li{color:#6b7280;font-size:14px;line-height:1.8;margin-bottom:8px}.invoice-section{background-color:#fff;border-radius:12px;margin-top:30px;padding:32px}.invoice-header-section{margin-bottom:32px}.invoice-title{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.invoice-description{color:#6b7280;font-size:14px;margin:0}.invoice-table-wrapper{margin-bottom:24px;overflow-x:auto}.invoice-table{border-collapse:collapse;font-size:14px;width:100%}.invoice-table thead{background-color:#f9fafb}.invoice-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.invoice-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.invoice-table tbody tr:hover{background-color:#f9fafb}.invoice-table td{color:#374151;padding:16px}.invoice-number{color:#2563eb;font-family:Courier New,monospace;font-weight:600}.invoice-amount{color:#111827;font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.paid{background-color:#d1fae5;color:#065f46}.download-invoice-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.download-invoice-btn:hover{background-color:#1d4ed8;box-shadow:0 2px 4px #2563eb4d}.download-icon{font-size:14px}.invoice-footer{border-top:1px solid #e5e7eb;padding-top:24px;text-align:center}.invoice-footer p{color:#6b7280;font-size:14px;margin:0}.invoice-footer a{color:#2563eb;font-weight:500;text-decoration:none}.invoice-footer a:hover{text-decoration:underline}@media (max-width:1200px){.pricing-plans{grid-template-columns:repeat(2,1fr)}.free-plan{grid-column:1/-1}}@media (max-width:768px){.billing-page{padding:20px}.pricing-plans{grid-template-columns:1fr}.free-plan{grid-column:auto}.billing-cycle-toggle{flex-direction:column;margin:30px auto;max-width:300px}.cycle-btn:first-child{border-radius:6px 6px 0 0}.cycle-btn:last-child{border-left:2px solid #2563eb;border-radius:0 0 6px 6px;border-top:none}}.checkout-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.checkout-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.checkout-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-modal-btn:hover{background-color:#f3f4f6;color:#111827}.checkout-steps{border-bottom:1px solid #e5e7eb;display:flex;gap:40px;justify-content:center;padding:24px 32px}.checkout-step{align-items:center;color:#9ca3af;display:flex;gap:12px}.checkout-step.active{color:#2563eb}.step-number{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.checkout-step.active .step-number{background-color:#2563eb;color:#fff}.checkout-content{padding:32px}.checkout-section{margin-bottom:32px}.checkout-section h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.plan-summary-item{border-bottom:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.plan-summary-item strong{color:#111827}.users-selector{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:12px 20px;width:-webkit-fit-content;width:fit-content}.users-selector button{background-color:#fff;border:2px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:20px;font-weight:600;height:36px;transition:all .2s ease;width:36px}.users-selector button:hover{background-color:#2563eb;color:#fff}.users-selector input{background-color:initial;border:none;color:#111827;font-size:18px;font-weight:600;text-align:center;width:60px}.coupon-input-wrapper{display:flex;gap:12px;margin-bottom:12px}.coupon-input-wrapper input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;text-transform:uppercase;transition:all .2s ease}.coupon-input-wrapper input:focus{border-color:#2563eb;outline:none}.coupon-input-wrapper input.error{border-color:#ef4444}.apply-coupon-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.apply-coupon-btn:hover{background-color:#1d4ed8}.coupon-error{color:#ef4444;font-size:13px;margin:0}.coupon-applied{align-items:center;background-color:#d1fae5;border:1px solid #10b981;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.coupon-applied span{color:#065f46;font-size:14px;font-weight:500}.coupon-applied button{background:none;border:none;color:#065f46;cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline}.available-coupons{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px}.available-coupons p{color:#92400e;font-size:13px;margin:0 0 12px}.available-coupons ul{list-style:none;margin:0;padding:0}.available-coupons li{color:#78350f;font-size:13px;margin:6px 0}.available-coupons code{background-color:#fbbf24;border-radius:4px;color:#78350f;font-family:Courier New,monospace;font-weight:600;padding:2px 8px}.payment-breakdown{background-color:#f9fafb;border-radius:8px;padding:20px}.breakdown-item{color:#6b7280;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.breakdown-item.discount{color:#10b981}.breakdown-item.total{border-top:2px solid #e5e7eb;color:#111827;font-size:16px;margin-top:10px;padding-top:16px}.checkout-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.checkout-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method-option{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.payment-method-option:hover{background-color:#f9fafb;border-color:#2563eb}.payment-method-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-method-option span{color:#374151;font-size:14px;font-weight:500}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-weight:600}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#2563eb}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkout-actions{display:flex;gap:16px}.back-btn{background-color:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.back-btn:hover{background-color:#e5e7eb}.checkout-btn{flex:2 1}@media (max-width:640px){.checkout-modal{max-width:100%}.checkout-content,.checkout-header,.checkout-steps{padding:20px}.checkout-steps{font-size:14px;gap:20px}.form-row{grid-template-columns:1fr}.checkout-actions{flex-direction:column}}.user-detail-page{background-color:#f9fafb;min-height:100vh;padding:24px}.user-detail-layout{display:flex;gap:20px;height:calc(100vh - 48px)}.members-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;overflow-y:auto;padding:20px;width:300px}.search-members-container{margin-bottom:20px;position:relative}.search-members-input{border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:border-color .2s ease;width:100%}.search-members-input:focus{border-color:#3b82f6}.search-icon,.search-members-input::placeholder{color:#9ca3af}.search-icon{font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.member-item:hover{background-color:#f3f4f6}.member-item.active{background-color:#dbeafe}.member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.member-name{color:#111827;font-size:14px;font-weight:500}.member-item.active .member-name{color:#3b82f6;font-weight:600}.no-results{color:#9ca3af;font-size:13px;padding:20px 10px;text-align:center}.user-detail-content{flex:1 1;overflow-y:auto}.user-detail-header{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.back-button{align-items:center;background-color:initial;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;margin-bottom:20px;padding:8px 0}.back-button:hover{color:#2563eb}.user-detail-info{align-items:center;display:flex;gap:20px}.user-detail-avatar{align-items:center;background-color:#f59e0b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:32px;font-weight:600;height:80px;justify-content:center;width:80px}.user-detail-text{flex:1 1}.user-detail-name{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.user-detail-email{color:#6b7280;font-size:14px;margin:0 0 4px}.user-detail-empid{color:#9ca3af;font-size:13px;margin:0}.user-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.user-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.stat-label{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin-bottom:8px}.stat-value{color:#111827;font-size:24px;font-weight:600}.user-sections{display:flex;flex-direction:column;gap:20px}.user-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.section-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.no-data{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1024px){.user-detail-layout{flex-direction:column;height:auto}.members-sidebar{max-height:300px;width:100%}}@media (max-width:768px){.user-detail-page{padding:16px}.user-stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.user-detail-info{align-items:flex-start;flex-direction:column}.stat-value{font-size:20px}.members-sidebar{max-height:250px}}.account-settings-page{margin:0 auto;max-width:1200px;padding:24px}.account-settings-header{margin-bottom:32px}.tabs{border-bottom:2px solid var(--border-primary);display:flex;gap:8px}.tab{border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.account-settings-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);padding:32px}.info-tab h2,.password-tab h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;max-width:500px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.disabled-input{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.profile-picture-upload{align-items:center;display:flex;gap:20px}.profile-picture-preview{align-items:center;background:var(--bg-secondary);border-radius:8px;cursor:default;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-picture-preview.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.profile-picture-preview.clickable:hover{box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-2px)}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.profile-placeholder{color:var(--text-tertiary);font-size:32px}.profile-picture-info{flex:1 1}.upload-link{color:var(--accent-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.upload-link:hover{color:var(--accent-hover);text-decoration:underline}.upload-hint{color:var(--text-tertiary);font-size:12px;margin-top:4px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.password-input-wrapper{max-width:500px;position:relative}.password-input-wrapper input{box-sizing:border-box;padding-right:50px;width:100%}.toggle-password{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.toggle-password:hover{color:var(--text-primary)}.save-btn{background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 32px;transition:all .2s}.save-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #007bff33;transform:translateY(-1px)}.delete-account-section{border-top:1px solid var(--border-primary);margin-top:48px;padding-top:32px}.delete-account-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.delete-account-section p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px;max-width:600px}.delete-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.delete-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}[data-theme=dark] .account-settings-content{background:var(--bg-secondary)}[data-theme=dark] .form-group input[type=email],[data-theme=dark] .form-group input[type=password],[data-theme=dark] .form-group input[type=text]{background:var(--bg-tertiary)}[data-theme=dark] .form-group input.disabled-input{background:var(--bg-primary)}@media (max-width:768px){.account-settings-page{padding:16px}.account-settings-content{padding:20px}.profile-picture-upload{align-items:flex-start;flex-direction:column}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.password-input-wrapper{max-width:100%}}.legal-page{background-color:#f9fafb;min-height:100vh;padding:40px 20px}.legal-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:60px}.legal-header{border-bottom:2px solid #e5e7eb;margin-bottom:40px;padding-bottom:30px}.back-link{color:#2563eb;display:inline-block;font-size:14px;font-weight:500;margin-bottom:20px;text-decoration:none;transition:color .2s}.back-link:hover{color:#1d4ed8;text-decoration:underline}.legal-header h1{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 10px}.last-updated{color:#6b7280;font-size:14px;margin:0}.legal-content{color:#374151;line-height:1.8}.legal-content section{margin-bottom:40px}.legal-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 16px}.legal-content h3{color:#374151;font-size:18px;font-weight:600;margin:24px 0 12px}.legal-content p{font-size:16px;margin:0 0 16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{font-size:16px;margin-bottom:8px}.legal-content strong{color:#1f2937;font-weight:600}@media (max-width:768px){.legal-container{padding:40px 30px}.legal-header h1{font-size:28px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}.legal-content li,.legal-content p{font-size:14px}}
/*# sourceMappingURL=main.75b3e210.css.map*/