@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100vh;transition:background-color .2s ease}html{background-color:#1a1a1a}[data-theme=light] html{background-color:#e0e0e0}[data-theme=dark] html{background-color:#1a1a1a}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}#root{min-height:100vh;width:100%}[data-theme=light]{--bg-primary: #e0e0e0;--bg-secondary: #f5f5f5;--text-primary: #333;--text-secondary: #666;--shadow-light: #ffffff;--shadow-dark: #bebebe}[data-theme=dark]{--bg-primary: #2d2d2d;--bg-secondary: #1a1a1a;--text-primary: #fff;--text-secondary: #b0b0b0;--shadow-light: #3a3a3a;--shadow-dark: #1a1a1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.neo-select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px!important}[data-theme=light] .neo-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.neo-input,.date-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;background:var(--bg-primary);color:var(--text-primary);box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);box-sizing:border-box}.neo-input:focus,.date-input:focus{box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}input[type=date].neo-input,input[type=date].date-input{appearance:none;-webkit-appearance:none;position:relative;cursor:pointer}::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:4px;padding:2px;transition:opacity .3s ease}[data-theme=light] ::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.6}[data-theme=dark] ::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}.neo-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.neo-button:hover{transform:translateY(-1px);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.neo-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.neo-filters-bar{display:flex;gap:24px;align-items:flex-start;padding:24px;border-radius:16px;background:var(--bg-primary);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);flex-wrap:wrap;transition:all .3s ease;margin-bottom:32px}.neo-filter-group{display:flex;flex-direction:column;gap:12px}.neo-filter-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;margin-left:4px;color:var(--text-secondary);line-height:1.2}.neo-filters-bar .neo-input,.neo-filters-bar .neo-select-button,.neo-filters-bar .neo-datepicker-input,.neo-filters-bar .search-input{height:44px!important;box-sizing:border-box}.neo-filter-search-group{flex:1;min-width:280px}.neo-search-container{position:relative;width:100%;display:flex;align-items:center}.neo-search-input{width:100%;height:44px!important;padding:12px 42px 12px 16px!important;border:none!important;border-radius:12px!important;font-family:Poppins,sans-serif!important;font-size:14px!important;transition:all .3s ease!important;outline:none!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)!important;box-sizing:border-box!important}.neo-search-icon-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;object-fit:contain;pointer-events:none;z-index:2;transition:all .3s ease}.neo-dashboard-filter .neo-select-button{border-radius:20px!important;height:38px!important;padding:0 16px!important;background:var(--bg-primary)!important;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)!important;border:none!important;transition:all .3s ease!important}.neo-dashboard-filter .neo-select-button:hover{box-shadow:inset 8px 8px 16px var(--shadow-dark),inset -8px -8px 16px var(--shadow-light)!important}.error-message{padding:12px 16px;border-radius:12px;font-size:.875rem;font-weight:500;transition:all .3s ease}.login-container.light .error-message{background:#e0e0e0;color:#dc2626;box-shadow:inset 4px 4px 8px #ffcdd2,inset -4px -4px 8px #fff}.login-container.dark .error-message{background:#2d2d2d;color:#f87171;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.password-input-container{position:relative;width:100%}.password-input{padding-right:48px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .3s ease}.login-container.light .password-toggle-btn{color:#666}.login-container.light .password-toggle-btn:hover{background:#0000000d;color:#333}.login-container.dark .password-toggle-btn{color:#a0a0a0}.login-container.dark .password-toggle-btn:hover{background:#ffffff0d;color:#fff}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background-color .3s ease;position:relative}.theme-toggle{position:absolute;top:20px;right:20px;width:50px;height:50px;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;padding:0;overflow:hidden}.theme-toggle img{width:28px;height:28px;object-fit:contain;pointer-events:none}.login-container.light .theme-toggle{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;color:#333}.login-container.dark .theme-toggle{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;color:#fff}.theme-toggle:hover{transform:scale(1.05)}.login-container.light .theme-toggle:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.login-container.dark .theme-toggle:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.login-container.light{background:#e0e0e0}.login-container.dark{background:#1a1a1a}.login-card{width:100%;max-width:420px;padding:48px 40px;border-radius:24px;transition:all .3s ease}.login-container.light .login-card{background:#e0e0e0;box-shadow:16px 16px 32px #bebebe,-16px -16px 32px #fff}.login-container.dark .login-card{background:#2d2d2d;box-shadow:16px 16px 32px #1a1a1a,-16px -16px 32px #404040}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:2rem;font-weight:700;margin-bottom:8px;transition:color .3s ease}.login-container.light .login-title{color:#333}.login-container.dark .login-title{color:#fff}.login-subtitle{font-size:.95rem;font-weight:400;transition:color .3s ease}.login-container.light .login-subtitle{color:#666}.login-container.dark .login-subtitle{color:#b0b0b0}.login-form{display:flex;flex-direction:column;gap:24px}.error-message,.success-message{padding:12px 16px;border-radius:12px;font-size:.875rem;font-weight:500;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.login-container.light .error-message,.login-container.light .success-message{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.login-container.dark .error-message,.login-container.dark .success-message{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:.875rem;font-weight:500;margin-left:4px;transition:color .3s ease}.login-container.light .input-label{color:#555}.login-container.dark .input-label{color:#d1d5db}.neo-input{width:100%;padding:14px 18px;border:none;border-radius:14px;font-size:1rem;font-weight:400;font-family:Poppins,sans-serif;transition:all .3s ease;outline:none}.login-container.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.login-container.light .neo-input::placeholder{color:#999}.login-container.light .neo-input:focus{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.login-container.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.login-container.dark .neo-input::placeholder{color:#666}.login-container.dark .neo-input:focus{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.neo-button{width:100%;padding:14px 24px;border:none;border-radius:14px;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;outline:none;text-align:center;display:flex;align-items:center;justify-content:center}.login-container.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.login-container.light .neo-button-primary:hover:not(:disabled){box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff;transform:translateY(-2px)}.login-container.light .neo-button-primary:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0);color:#1a1a1a}.login-container.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.login-container.dark .neo-button-primary:hover:not(:disabled){box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040;transform:translateY(-2px)}.login-container.dark .neo-button-primary:active:not(:disabled){box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);transform:translateY(0)}.login-footer{text-align:center;margin-top:8px}.forgot-link{font-size:.875rem;font-weight:400;text-decoration:none;transition:all .3s ease}.login-container.light .forgot-link{color:#666}.login-container.dark .forgot-link{color:#b0b0b0}.forgot-link:hover{text-decoration:underline}@media(max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:1.75rem}}.spinner-overlay{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.spinner{width:30px;height:30px;border:2px solid rgba(0,0,0,.1);border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.dark .spinner{border-color:#ffffff1a;border-left-color:#60a5fa}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:Inter,sans-serif;font-size:.9rem;color:#6b7280;font-weight:500;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .loading-text{color:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pi-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.pi-modal-content{width:100%;max-width:600px;border-radius:24px;padding:32px;transition:all .3s ease;animation:piModalFadeIn .3s ease-out}@keyframes piModalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pi-modal-content.light{background:#e0e0e0;box-shadow:4px 4px 12px #a0a0a066,-4px -4px 12px #fff9}.pi-modal-content.dark{background:#242424;box-shadow:10px 10px 30px #080808,-10px -10px 30px #323232}.pi-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pi-modal-title{font-size:24px;font-weight:600;margin:0}.pi-modal-content.light{color:#333}.pi-modal-content.dark{color:#fff}.pi-modal-close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pi-modal-content.light .pi-modal-close{color:#666}.pi-modal-content.dark .pi-modal-close{color:#aaa}.pi-modal-close:hover{background:#0000000d}.pi-modal-body{margin-bottom:32px}.pi-modal-footer{display:flex;justify-content:flex-end;gap:16px}.pi-modal-centered .pi-modal-header{justify-content:center;position:relative;padding-bottom:8px}.pi-modal-centered .pi-modal-close{position:absolute;right:0;top:0}.pi-modal-centered .pi-modal-title{text-align:center}.pi-modal-centered .pi-modal-footer{justify-content:center}.pi-modal-content .pi-form-group{margin-bottom:20px}.pi-modal-content label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;margin-left:4px}.pi-modal-content.light label{color:#555}.pi-modal-content.dark label{color:#fffc}.pi-modal-content .pi-modal-input .neo-input{background:transparent!important;box-shadow:none!important;border:none!important;outline:none!important}.pi-modal-content.dark .pi-modal-input .neo-input-wrapper{background:#2a2a2a!important;box-shadow:inset 5px 5px 10px #181818,inset -5px -5px 10px #3c3c3c!important}.pi-modal-content.dark .pi-modal-input .neo-input{color:#fff!important}.pi-modal-content.dark .pi-modal-input .neo-input::placeholder{color:#fff6!important}.pi-modal-content.light .pi-modal-input .neo-input-wrapper{background:#e0e0e0!important;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff!important}.pi-modal-content .pi-modal-datepicker .neo-datepicker-input{background:transparent!important;box-shadow:none!important;border:none!important}.pi-modal-content.dark .pi-modal-datepicker{background:#2a2a2a!important;border-radius:10px;box-shadow:inset 5px 5px 10px #181818,inset -5px -5px 10px #3c3c3c!important;color:#fff!important}.pi-modal-content.dark .pi-modal-datepicker .neo-datepicker-input{color:#fff!important}.pi-modal-content.light .pi-modal-datepicker{background:#e0e0e0!important;border-radius:10px;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff!important}.pi-modal-button{padding:10px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.pi-modal-content.light .pi-modal-button-secondary{background:#e0e0e0;color:#333;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff}.pi-modal-content.dark .pi-modal-button-secondary{background:#242424;color:#fff;box-shadow:4px 4px 10px #080808,-4px -4px 10px #323232}.pi-modal-content.light .pi-modal-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 15px #bebebe,-6px -6px 15px #fff!important}.pi-modal-content.dark .pi-modal-button-primary{background:#242424!important;color:#fff;box-shadow:6px 6px 15px #080808,-6px -6px 15px #323232!important}.pi-modal-button:hover{transform:translateY(-2px)}.pi-modal-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffff1a}.layout-container{position:relative;width:100%;min-height:100vh;transition:background-color .3s ease}.layout-container.light{background:#e0e0e0}.layout-container.dark{background:#1a1a1a}.topbar-container{position:fixed;top:16px;left:24px;right:24px;height:72px;z-index:100}.topbar-content{width:100%;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-radius:20px;transition:all .3s ease}.layout-container.light .topbar-content{background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.layout-container.dark .topbar-content{background:#2d2d2d;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.topbar-left{display:flex;align-items:center;gap:16px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.layout-container.light .sidebar-toggle-btn{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.layout-container.light .sidebar-toggle-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.layout-container.light .sidebar-toggle-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.layout-container.dark .sidebar-toggle-btn{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.layout-container.dark .sidebar-toggle-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.layout-container.dark .sidebar-toggle-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.topbar-logo{font-family:Poppins,sans-serif;font-weight:700;font-size:28px;letter-spacing:.4px;transition:color .3s ease}.layout-container.light .topbar-logo{color:#333}.layout-container.dark .topbar-logo{color:#fff}.topbar-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0;overflow:hidden}.theme-toggle-btn img{width:24px;height:24px;object-fit:contain;pointer-events:none}.layout-container.light .theme-toggle-btn{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.layout-container.light .theme-toggle-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.layout-container.light .theme-toggle-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.layout-container.dark .theme-toggle-btn{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.layout-container.dark .theme-toggle-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.layout-container.dark .theme-toggle-btn:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.topbar-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.layout-container.light .topbar-icon-btn{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.layout-container.light .topbar-icon-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.layout-container.light .topbar-icon-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.layout-container.dark .topbar-icon-btn{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.layout-container.dark .topbar-icon-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.layout-container.dark .topbar-icon-btn:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.topbar-label{margin-top:4px;font-size:10px;font-weight:500;font-family:Poppins,sans-serif;transition:color .3s ease}.layout-container.light .topbar-label{color:#666}.layout-container.dark .topbar-label{color:#ffffffb3}.sidebar-container{position:fixed;top:108px;left:24px;bottom:24px;width:340px;z-index:90;transition:all .3s ease;transform-origin:left}.sidebar-container.sidebar-open{transform:translate(0);opacity:1;pointer-events:auto}.sidebar-container.sidebar-closed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.sidebar-content{width:100%;height:100%;padding:16px;border-radius:20px;overflow-y:auto;position:relative}.layout-container.light .sidebar-content{background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.layout-container.dark .sidebar-content{background:#2d2d2d;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.sidebar-section-title{margin-top:8px;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;transition:color .3s ease}.layout-container.light .sidebar-section-title{color:#666}.layout-container.dark .sidebar-section-title{color:#fff9}.sidebar-item{display:flex;align-items:center;height:44px;padding:0 12px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:4px;text-decoration:none}.layout-container.light .sidebar-item{color:#555}.layout-container.light .sidebar-item:hover{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#333}.layout-container.light .sidebar-item-active{background:#e0e0e0;color:#333;font-weight:600;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.layout-container.dark .sidebar-item{color:#fffc}.layout-container.dark .sidebar-item:hover{background:#2d2d2d;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040;color:#fff}.layout-container.dark .sidebar-item-active{background:#2d2d2d;color:#fff;font-weight:600;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.main-content{position:absolute;top:108px;right:24px;bottom:24px;overflow-y:auto;z-index:1;transition:all .3s ease}.main-content-sidebar-open{left:384px}.main-content-sidebar-closed{left:24px}.profile-dialog-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.profile-dialog{width:100%;max-width:520px;border-radius:20px;padding:0;transition:all .3s ease}.layout-container.light .profile-dialog{background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.layout-container.dark .profile-dialog{background:#2d2d2d;box-shadow:20px 20px 40px #1a1a1a,-20px -20px 40px #404040}.profile-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid;transition:border-color .3s ease}.layout-container.light .profile-dialog-header{border-color:#0000001a}.layout-container.dark .profile-dialog-header{border-color:#ffffff1a}.profile-dialog-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.layout-container.light .profile-dialog-header h2{color:#333}.layout-container.dark .profile-dialog-header h2{color:#fff}.profile-dialog-close{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.layout-container.light .profile-dialog-close{color:#333}.layout-container.light .profile-dialog-close:hover{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.layout-container.dark .profile-dialog-close{color:#fff}.layout-container.dark .profile-dialog-close:hover{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.profile-dialog-content{padding:32px}.profile-info{margin-bottom:24px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid;transition:border-color .3s ease}.layout-container.light .profile-info-row{border-color:#0000001a}.layout-container.dark .profile-info-row{border-color:#ffffff1a}.profile-info-row:last-child{border-bottom:none}.profile-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.layout-container.light .profile-label{color:#666}.layout-container.dark .profile-label{color:#ffffffb3}.profile-value{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease}.layout-container.light .profile-value{color:#333}.layout-container.dark .profile-value{color:#fff}.profile-logout-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.layout-container.light .profile-logout-btn{background:#e0e0e0;color:#dc2626;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.layout-container.light .profile-logout-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.layout-container.light .profile-logout-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.layout-container.dark .profile-logout-btn{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.layout-container.dark .profile-logout-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.layout-container.dark .profile-logout-btn:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.sidebar-content::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{border-radius:4px;transition:background .3s ease}.layout-container.light .sidebar-content::-webkit-scrollbar-thumb,.layout-container.light .main-content::-webkit-scrollbar-thumb{background:#bebebe}.layout-container.dark .sidebar-content::-webkit-scrollbar-thumb,.layout-container.dark .main-content::-webkit-scrollbar-thumb{background:#404040}.layout-container.light .sidebar-content::-webkit-scrollbar-thumb:hover,.layout-container.light .main-content::-webkit-scrollbar-thumb:hover{background:#999}.layout-container.dark .sidebar-content::-webkit-scrollbar-thumb:hover,.layout-container.dark .main-content::-webkit-scrollbar-thumb:hover{background:#666}@media(max-width:1024px){.topbar-container{left:16px;right:16px}.sidebar-container{left:16px}.sidebar-container.sidebar-open{width:300px}.main-content-sidebar-open{left:332px}.main-content-sidebar-closed{left:16px}.main-content{right:16px}.topbar-logo{font-size:24px}.topbar-actions{gap:8px}.topbar-icon-btn{width:48px;height:44px}.topbar-label{font-size:9px}}@media(max-width:768px){.topbar-container{top:12px;left:12px;right:12px;height:64px}.sidebar-container{top:88px;left:12px;bottom:12px;width:280px}.main-content-sidebar-open{left:304px}.main-content{top:88px;right:12px;bottom:12px}.main-content-sidebar-closed{left:12px}.topbar-left{gap:12px}.topbar-logo{font-size:20px}.sidebar-toggle-btn,.theme-toggle-btn,.topbar-icon-btn{width:44px;height:44px}.topbar-actions{gap:6px}.topbar-label{display:none}.users-table-container{overflow-x:auto}.roles-grid{grid-template-columns:1fr}}.layout-container.light .logout-modal-text{color:#444}.layout-container.dark .logout-modal-text{color:#fffc}@media(max-width:480px){.topbar-container{top:8px;left:8px;right:8px;height:60px}.topbar-content{padding:0 12px}.sidebar-container{top:76px;left:8px;bottom:8px;width:calc(100vw - 16px);max-width:320px;z-index:200}.sidebar-container.sidebar-open{box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}.main-content{inset:76px 8px 8px}.main-content-sidebar-open{left:8px}.topbar-logo{font-size:18px}.sidebar-toggle-btn,.theme-toggle-btn,.topbar-icon-btn{width:40px;height:40px}.theme-toggle-btn img{width:20px;height:20px}.topbar-icon-btn{width:40px;height:36px}.search-filter-bar{flex-direction:column;gap:12px}.search-input-wrapper{max-width:100%}.filter-select{width:100%}}.employee-dashboard-page{padding:32px;min-height:100%;transition:background-color .3s ease}.employee-dashboard-page.light,.employee-dashboard-page.dark{background:transparent}.page-header{margin-bottom:24px}.punch-section{margin-bottom:32px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.punch-group{display:flex;flex-direction:column;align-items:center;gap:12px}.punch-group-title{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0;transition:color .3s ease}.employee-dashboard-page.light .punch-group-title{color:#666}.employee-dashboard-page.dark .punch-group-title{color:#ffffffb3}.punch-btn{padding:16px 48px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;min-width:200px;justify-content:center}.punch-in-btn{background:#e0e0e0;color:#22c55e;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .punch-in-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.light .punch-in-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.punch-out-btn{background:#e0e0e0;color:#ef4444;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .punch-out-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.light .punch-out-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.employee-dashboard-page.dark .punch-in-btn{background:#2d2d2d;color:#22c55e;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .punch-in-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.employee-dashboard-page.dark .punch-in-btn:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.employee-dashboard-page.dark .punch-out-btn{background:#2d2d2d;color:#ef4444;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .punch-out-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.employee-dashboard-page.dark .punch-out-btn:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.punch-break-start-btn{background:#e0e0e0;color:#3b82f6;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .punch-break-start-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.light .punch-break-start-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.employee-dashboard-page.dark .punch-break-start-btn{background:#2d2d2d;color:#3b82f6;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .punch-break-start-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.employee-dashboard-page.dark .punch-break-start-btn:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.punch-break-end-btn{background:#e0e0e0;color:#f59e0b;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .punch-break-end-btn:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.light .punch-break-end-btn:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.employee-dashboard-page.dark .punch-break-end-btn{background:#2d2d2d;color:#f59e0b;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .punch-break-end-btn:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.employee-dashboard-page.dark .punch-break-end-btn:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.punch-btn:disabled{opacity:.6;cursor:not-allowed}.employee-dashboard-page.light .page-title{color:#333}.employee-dashboard-page.dark .page-title{color:#fff}.employee-dashboard-page.light .page-subtitle{color:#666}.employee-dashboard-page.dark .page-subtitle{color:#ffffffb3}.employee-dashboard-page.light .loading-state{color:#666}.employee-dashboard-page.dark .loading-state{color:#ffffffb3}.employee-dashboard-page.light .stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.employee-dashboard-page.light .stat-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;transform:translateY(-2px)}.employee-dashboard-page.dark .stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.employee-dashboard-page.dark .stat-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040;transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.employee-dashboard-page.light .stat-icon{background:#d0d0d0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.employee-dashboard-page.dark .stat-icon{background:#1a1a1a;color:#fff;box-shadow:inset 4px 4px 8px #0f0f0f,inset -4px -4px 8px #252525}.employee-dashboard-page.light .stat-label{color:#666}.employee-dashboard-page.dark .stat-label{color:#ffffffb3}.employee-dashboard-page.light .stat-value{color:#333}.employee-dashboard-page.dark .stat-value{color:#fff}.section{margin-bottom:32px}.section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 28px!important;transition:color .3s ease}.employee-dashboard-page.light .section-title{color:#333}.employee-dashboard-page.dark .section-title{color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.employee-dashboard-page.light .view-all-button{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.employee-dashboard-page.light .view-all-button:hover{box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;transform:translateY(-1px)}.employee-dashboard-page.dark .view-all-button{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.employee-dashboard-page.dark .view-all-button:hover{box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #404040;transform:translateY(-1px)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.neo-task-card{padding:24px;border-radius:16px;transition:all .3s ease;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.modal-content.light .neo-task-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;border:none}.modal-content.light .neo-task-card:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.modal-content.dark .neo-task-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;border:none}.modal-content.dark .neo-task-card:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.status-card{padding:20px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.employee-dashboard-page.light .status-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .status-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.dark .status-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .status-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.status-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.status-open .status-icon{background:#3b82f633;color:#3b82f6}.status-in-progress .status-icon{background:#fbbf2433;color:#fbbf24}.status-testing .status-icon{background:#8b5cf633;color:#8b5cf6}.status-completed .status-icon{background:#22c55e33;color:#22c55e}.status-overdue .status-icon{background:#ef444433;color:#ef4444}.status-content{flex:1}.status-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.employee-dashboard-page.light .status-label{color:#666}.employee-dashboard-page.dark .status-label{color:#ffffffb3}.status-value{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;transition:color .3s ease}.employee-dashboard-page.light .status-value{color:#333}.employee-dashboard-page.dark .status-value{color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.chart-card{padding:24px;border-radius:16px;transition:all .3s ease}.employee-dashboard-page.light .chart-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.employee-dashboard-page.dark .chart-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.chart-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px;transition:color .3s ease}.employee-dashboard-page.light .chart-title{color:#333}.employee-dashboard-page.dark .chart-title{color:#fff}.chart-content{display:flex;flex-direction:column;gap:12px}.priority-item,.type-item{padding:12px 16px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.employee-dashboard-page.light .priority-item,.employee-dashboard-page.light .type-item{background:#d0d0d0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.employee-dashboard-page.light .priority-item:hover,.employee-dashboard-page.light .type-item:hover{box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.employee-dashboard-page.dark .priority-item,.employee-dashboard-page.dark .type-item{background:#1a1a1a;box-shadow:inset 3px 3px 6px #0f0f0f,inset -3px -3px 6px #252525}.employee-dashboard-page.dark .priority-item:hover,.employee-dashboard-page.dark .type-item:hover{box-shadow:inset 2px 2px 4px #0f0f0f,inset -2px -2px 4px #252525}.priority-label,.type-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.employee-dashboard-page.light .priority-label,.employee-dashboard-page.light .type-label{color:#333}.employee-dashboard-page.dark .priority-label,.employee-dashboard-page.dark .type-label{color:#fff}.priority-value,.type-value{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:color .3s ease}.employee-dashboard-page.light .priority-value,.employee-dashboard-page.light .type-value{color:#333}.employee-dashboard-page.dark .priority-value,.employee-dashboard-page.dark .type-value{color:#fff}.recent-tasks-list{display:flex;flex-direction:column;gap:12px}.recent-task-item{padding:16px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.employee-dashboard-page.light .recent-task-item{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.employee-dashboard-page.light .recent-task-item:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.employee-dashboard-page.dark .recent-task-item{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.employee-dashboard-page.dark .recent-task-item:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.task-item-content{flex:1}.task-item-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.employee-dashboard-page.light .task-item-title{color:#333}.employee-dashboard-page.dark .task-item-title{color:#fff}.task-item-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-badge{padding:4px 10px;border-radius:6px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-badge-urgent{background:#ef444433;color:#ef4444}.task-badge-high{background:#fb923c33;color:#fb923c}.task-badge-medium{background:#fbbf2433;color:#fbbf24}.task-badge-low{background:#22c55e33;color:#22c55e}.task-category{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:color .3s ease}.employee-dashboard-page.light .task-category{color:#666}.employee-dashboard-page.dark .task-category{color:#ffffffb3}.task-due-date{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:color .3s ease}.employee-dashboard-page.light .task-due-date{color:#666}.employee-dashboard-page.dark .task-due-date{color:#ffffffb3}.task-arrow{transition:color .3s ease}.employee-dashboard-page.light .task-arrow{color:#666}.employee-dashboard-page.dark .task-arrow{color:#ffffffb3}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.light{background:#e0e0e0}.modal-content.dark{background:#2d2d2d}.modal-content.dark .modal-header{border-bottom-color:#ffffff1a;box-shadow:inset 0 -2px 4px #0003}.modal-content.light .modal-header{border-bottom-color:#0000000d;box-shadow:inset 0 -2px 4px #0000000d}.modal-icon-title{display:flex;align-items:center;gap:12px}.modal-icon-title svg{flex-shrink:0;margin-top:2px}.task-modal-item{padding:16px;border-radius:12px;transition:all .3s ease}.modal-content.light .task-modal-item{background:#f5f5f5}.modal-content.dark .task-modal-item{background:#2d2d2d}.task-modal-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.modal-content.light .task-modal-title{color:#333}.modal-content.dark .task-modal-title{color:#fff}.task-modal-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.task-modal-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin:0;transition:color .3s ease}.modal-content.light .task-modal-description{color:#666}.modal-content.dark .task-modal-description{color:#ffffffb3}.employee-dashboard-page.light .empty-state p{color:#666}.employee-dashboard-page.dark .empty-state p{color:#ffffffb3}.modal-content.light .task-due-date{color:#000}.modal-content.dark .task-due-date{color:#fff}.modal-content.light .task-category{color:#000}.modal-content.dark .task-category{color:#fff}.attendance-modal-card{max-width:600px!important;width:90%;padding:0}.attendance-modal-card .modal-header{padding:12px 24px}.attendance-modal-body{padding:12px 24px!important;min-height:30px;display:flex;align-items:center;justify-content:center}.attendance-message-content{width:100%;text-align:center}.attendance-message-text{margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;line-height:1.5;word-wrap:break-word}.modal-content.light .attendance-message-text{color:#333}.modal-content.dark .attendance-message-text{color:#fff}.attendance-modal-footer{padding:12px 24px;display:flex;justify-content:center;gap:12px;border-top:1px solid rgba(0,0,0,.1)}.modal-content.dark .attendance-modal-footer{border-top-color:#ffffff1a}.modal-content.light .attendance-modal-footer{border-top-color:#0000000d}.attendance-modal-btn{min-width:150px;padding:12px 32px;font-size:16px;font-weight:600;border-radius:12px;transition:all .3s ease}.attendance-modal-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #0003,-6px -6px 12px #ffffff1a}.modal-content.dark .attendance-modal-btn:hover{box-shadow:6px 6px 12px #0006,-6px -6px 12px #ffffff0d}@media(max-width:768px){.employee-dashboard-page{padding:20px}.stats-grid,.status-grid,.charts-grid{grid-template-columns:1fr}.modal-content{max-width:95vw}.attendance-modal-card{max-width:95vw!important;width:95%}.attendance-modal-body{padding:10px 20px!important;min-height:25px}.attendance-message-text{font-size:16px}.attendance-modal-footer{padding:16px 20px}.attendance-modal-btn{min-width:120px;padding:10px 24px;font-size:14px}}.employee-dashboard-page.light .birthday-card{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.employee-dashboard-page.light .birthday-card:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.employee-dashboard-page.dark .birthday-card{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.employee-dashboard-page.dark .birthday-card:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.employee-dashboard-page.light .birthday-icon,.employee-dashboard-page.dark .birthday-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.employee-dashboard-page.light .birthday-name{color:#333}.employee-dashboard-page.dark .birthday-name{color:#fff}.employee-dashboard-page.light .birthday-email{color:#666}.employee-dashboard-page.dark .birthday-email{color:#ffffffb3}.attendance-excluded-banner{background:linear-gradient(135deg,#fb923c1a,#fb923c0d);border:1px solid rgba(251,146,60,.2);border-radius:16px;padding:32px;margin-bottom:32px;display:flex;justify-content:center;align-items:center}.employee-dashboard-page.dark .attendance-excluded-banner{background:linear-gradient(135deg,#ea580c1a,#ea580c0d);border:1px solid rgba(234,88,12,.2)}.excluded-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.excluded-icon{color:#fb923c;filter:drop-shadow(0 4px 6px rgba(251,146,60,.2))}.excluded-text h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;color:#fb923c}.excluded-text p{font-family:Poppins,sans-serif;font-size:16px;margin:0;color:#666}.employee-dashboard-page.dark .excluded-text p{color:#ffffffb3}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.neo-datepicker-container{position:relative;width:100%}.neo-datepicker-input{width:100%;padding:12px 40px 12px 16px;border:none;border-radius:10px;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-sizing:border-box}.neo-datepicker-container.light .neo-datepicker-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.neo-datepicker-container.dark .neo-datepicker-input{background:#2d2d2d;color:#fff;box-shadow:inset 6px 6px 12px #161616,inset -6px -6px 12px #3a3a3a}.neo-datepicker-container.light .neo-datepicker-input:focus{box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.neo-datepicker-container.dark .neo-datepicker-input:focus{box-shadow:inset 7px 7px 14px #141414,inset -7px -7px 14px #3e3e3e}.neo-datepicker-container.has-error .neo-datepicker-input{border:1px solid #ef4444}.neo-datepicker-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5;transition:opacity .3s ease}.neo-datepicker-container.dark .neo-datepicker-icon{color:#fff}.neo-datepicker-container.light .neo-datepicker-icon{color:#000}.neomorphic-calendar{border:none!important;border-radius:12px!important;font-family:Poppins,sans-serif!important;overflow:hidden}.neomorphic-calendar.light-theme{background-color:#e0e0e0!important;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff!important}.neomorphic-calendar.dark-theme{background-color:#2d2d2d!important;box-shadow:8px 8px 16px #161616,-8px -8px 16px #3a3a3a!important;color:#fff!important}.react-datepicker__header{background-color:transparent!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker__day{color:inherit!important}.react-datepicker__day:hover{background-color:#0000000d!important;border-radius:8px!important}.dark-theme .react-datepicker__day:hover{background-color:#ffffff0d!important}.react-datepicker__day--selected{background-color:#0000001a!important;font-weight:600!important}.dark-theme .react-datepicker__day--selected{background-color:#ffffff1a!important}.react-datepicker__header__custom{padding:12px 10px;display:flex;flex-direction:column;gap:12px}.react-datepicker__header__top{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.react-datepicker__custom-nav{background:transparent;border:none;cursor:pointer;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:all .2s ease;padding:0 8px;border-radius:6px;z-index:2}.react-datepicker__custom-nav:hover:not(:disabled){opacity:1;background:#0000000d}.dark-theme .react-datepicker__custom-nav:hover:not(:disabled){background:#ffffff0d}.react-datepicker__custom-nav:disabled{opacity:.2;cursor:not-allowed}.neo-datepicker-nav-arrow{display:inline-block;padding-bottom:4px}.react-datepicker__current-month{display:block!important;font-size:15px!important;font-weight:700!important;margin:0!important;color:inherit!important;text-align:center;flex:1}.react-datepicker__header{padding:0!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.dark-theme .react-datepicker__header{border-bottom:1px solid rgba(255,255,255,.05)!important}.react-datepicker__header__dropdown{display:flex;justify-content:center;align-items:center;gap:12px}.react-datepicker__header__dropdown select{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;color:inherit}.dark-theme .react-datepicker__header__dropdown select{background-color:#2d2d2d;border-color:#fff3;color:#fff;color-scheme:dark}.light-theme .react-datepicker__header__dropdown select{background-color:#e0e0e0;border-color:#0000001a;color:#333;color-scheme:light}.react-datepicker__month-container{padding:8px}.neo-select-container{position:relative;width:100%;min-width:180px;font-family:Poppins,sans-serif}.neo-select-trigger{padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.neo-select-container.light .neo-select-trigger{background:#e0e0e0;color:#333;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.neo-select-container.light .neo-select-trigger:hover,.neo-select-container.light .neo-select-trigger:active,.neo-select-container.light .neo-select-trigger.open{box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.neo-select-container.dark .neo-select-trigger{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.neo-select-container.dark .neo-select-trigger:hover,.neo-select-container.dark .neo-select-trigger:active,.neo-select-container.dark .neo-select-trigger.open{box-shadow:inset 6px 6px 12px #1a1a1a,inset -6px -6px 12px #404040}.neo-select-value{font-size:14px;font-weight:500}.neo-select-arrow{transition:transform .3s ease}.neo-select-arrow.open{transform:rotate(180deg)}.neo-select-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:100%;border-radius:12px;overflow:hidden;z-index:100;padding:8px;box-sizing:border-box;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.neo-select-container.light .neo-select-dropdown{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.neo-select-container.dark .neo-select-dropdown{background:#2d2d2d;color:#fff;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.neo-select-option{padding:10px 12px;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s ease;margin-bottom:4px}.neo-select-option:last-child{margin-bottom:0}.neo-select-container.light .neo-select-option:hover{background:#0000000d}.neo-select-container.light .neo-select-option.selected{background:#0000000d;font-weight:600;color:#3b82f6}.neo-select-container.dark .neo-select-option:hover{background:#ffffff0d}.neo-select-container.dark .neo-select-option.selected{background:#ffffff0d;font-weight:600;color:#60a5fa}.neo-select-option.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;text-decoration:line-through}.neo-select-search{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.neo-select-container.dark .neo-select-search{border-bottom:1px solid rgba(255,255,255,.1)}.neo-select-search-input{width:100%;background:transparent;border:none;font-family:Poppins,sans-serif;font-size:14px;outline:none;color:inherit}.neo-select-options-list{max-height:200px;overflow-y:auto;padding:4px}.neo-select-value-wrapper{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.neo-select-option-icon{display:flex;align-items:center;justify-content:center}.neo-select-actions{display:flex;align-items:center;gap:8px}.neo-select-clear{opacity:.5;transition:opacity .2s;display:flex;align-items:center}.neo-select-clear:hover{opacity:1}.neo-select-placeholder{opacity:.6}.neo-select-no-results{padding:12px;text-align:center;opacity:.6;font-size:13px}.neo-select-container.disabled{opacity:.6;pointer-events:none}.add-user-modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.add-user-modal-content{width:100%;max-width:600px;border-radius:20px;padding:0;max-height:90vh;overflow-y:auto;transition:all .3s ease;position:relative;z-index:10001}.add-user-modal-overlay.light .add-user-modal-content{background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.add-user-modal-overlay.dark .add-user-modal-content{background:#2d2d2d;box-shadow:20px 20px 40px #1a1a1a,-20px -20px 40px #404040}.add-user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid;transition:border-color .3s ease}.add-user-modal-overlay.light .add-user-modal-header{background:#e0e0e0;border-color:#0000001a}.add-user-modal-overlay.dark .add-user-modal-header{background:#2d2d2d;border-color:#ffffff1a}.add-user-modal-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.add-user-modal-overlay.light .add-user-modal-header h2{color:#333}.add-user-modal-overlay.dark .add-user-modal-header h2{color:#fff}.add-user-modal-close{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.add-user-modal-overlay.light .add-user-modal-close{color:#333}.add-user-modal-overlay.light .add-user-modal-close:hover{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.add-user-modal-overlay.dark .add-user-modal-close{color:#fff}.add-user-modal-overlay.dark .add-user-modal-close:hover{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.add-user-modal-body{padding:32px;transition:background .3s ease}.add-user-modal-overlay.light .add-user-modal-body{background:#e0e0e0}.add-user-modal-overlay.dark .add-user-modal-body{background:#2d2d2d}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-row .form-group{margin-bottom:0}.form-group label.light{color:#555}.form-group label.dark{color:#fff}.add-user-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;box-sizing:border-box}.add-user-input.light{background:#e0e0e0!important;color:#333!important;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.add-user-input.light::placeholder{color:#999!important}.add-user-input.light:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.add-user-input.dark{background:#2d2d2d!important;color:#fff!important;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.add-user-input.dark::placeholder{color:#ffffff80!important}.add-user-input.dark:focus{background:#2d2d2d!important;color:#fff!important;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.add-user-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important}select.add-user-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:right center!important;padding-right:16px}.add-user-input.dark select,select.add-user-input.dark{background:#2d2d2d!important;color:#fff!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:right center!important}.add-user-input.dark option,select.add-user-input.dark option{background:#2d2d2d!important;color:#fff!important}.add-user-input.light select,select.add-user-input.light{background:#e0e0e0!important;color:#333!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:right center!important}.add-user-input.light option,select.add-user-input.light option{background:#e0e0e0!important;color:#333!important}.password-input-wrapper .add-user-input{flex:1;padding-right:100px}.generate-password-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;padding:8px 12px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.generate-password-btn.light{background:#e0e0e0;color:#333;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.generate-password-btn.light:hover{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.generate-password-btn.dark{background:#2d2d2d;color:#fff;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.generate-password-btn.dark:hover{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.add-user-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid;transition:border-color .3s ease}.add-user-modal-overlay.light .add-user-modal-footer{background:#e0e0e0;border-color:#0000001a}.add-user-modal-overlay.dark .add-user-modal-footer{background:#2d2d2d;border-color:#ffffff1a}.add-user-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.add-user-btn:disabled{opacity:.6;cursor:not-allowed}.add-user-btn-primary.light{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.add-user-btn-primary.light:hover:not(:disabled){box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.add-user-btn-primary.light:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.add-user-btn-primary.dark{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.add-user-btn-primary.dark:hover:not(:disabled){box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.add-user-btn-primary.dark:active:not(:disabled){box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040;transform:translateY(0)}.add-user-btn-secondary.light{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.add-user-btn-secondary.light:hover:not(:disabled){box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.add-user-btn-secondary.light:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.add-user-btn-secondary.dark{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.add-user-btn-secondary.dark:hover:not(:disabled){box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.add-user-btn-secondary.dark:active:not(:disabled){box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040;transform:translateY(0)}@media(max-width:768px){.add-user-modal-content{max-width:95vw;margin:10px}.form-row{grid-template-columns:1fr}.add-user-modal-header,.add-user-modal-body,.add-user-modal-footer{padding:20px}}.modal-content{width:100%;max-width:600px;border-radius:20px;padding:0;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;position:relative;z-index:10001}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid;transition:border-color .3s ease;flex-shrink:0}.modal-body{padding:32px;flex:1;overflow-y:auto;min-height:0}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid;transition:border-color .3s ease;flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.neo-input{width:100%;padding:10px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none}select.neo-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;padding-right:16px}.modal-overlay.dark .neo-input,.modal-content.dark .neo-input{background:#2d2d2d!important;color:#fff!important;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.modal-overlay.dark .neo-input::placeholder,.modal-content.dark .neo-input::placeholder{color:#ffffff80!important}.modal-overlay.dark .neo-input:focus,.modal-content.dark .neo-input:focus{background:#2d2d2d!important;color:#fff!important;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-overlay.dark select.neo-input,.modal-content.dark select.neo-input{background:#2d2d2d!important;color:#fff!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:right center!important}.modal-overlay.dark select.neo-input option,.modal-content.dark select.neo-input option{background:#2d2d2d!important;color:#fff!important}.modal-overlay.light select.neo-input,.modal-content.light select.neo-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:right center!important}.password-input-wrapper{position:relative;display:flex;gap:8px}.password-input-wrapper .neo-input{flex:1;padding-right:100px}.password-toggle,.generate-password-btn{position:absolute;right:50px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.generate-password-btn{right:8px;width:auto;padding:8px 12px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif}.modal-overlay.light .password-toggle,.modal-overlay.light .generate-password-btn{color:#333}.modal-overlay.light .password-toggle:hover,.modal-overlay.light .generate-password-btn:hover{background:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.modal-overlay.dark .password-toggle,.modal-overlay.dark .generate-password-btn{color:#fff}.modal-overlay.dark .password-toggle:hover,.modal-overlay.dark .generate-password-btn:hover{background:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.modal-overlay.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.modal-overlay.light .neo-button-primary:hover:not(:disabled){box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.modal-overlay.light .neo-button-primary:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.modal-overlay.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.modal-overlay.dark .neo-button-primary:hover:not(:disabled){box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.modal-overlay.dark .neo-button-primary:active:not(:disabled){box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040;transform:translateY(0)}.modal-overlay.light .neo-button-secondary:hover:not(:disabled){box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-overlay.light .neo-button-secondary:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.modal-overlay.dark .neo-button-secondary:hover:not(:disabled){box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.modal-overlay.dark .neo-button-secondary:active:not(:disabled){box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040;transform:translateY(0)}.user-directory-page{padding:32px;min-height:100%}.user-directory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-user{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-user svg{width:14.4px;height:14.4px}.user-directory-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.user-directory-page.light .user-directory-title{color:#333}.user-directory-page.dark .user-directory-title{color:#fff}.user-directory-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.user-directory-page.light .user-directory-subtitle{color:#666}.user-directory-page.dark .user-directory-subtitle{color:#ffffffb3}.search-filter-bar{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:16px;margin-bottom:24px;padding:16px 20px;border-radius:16px;transition:all .3s ease;width:100%;box-sizing:border-box}.user-directory-page.light .search-filter-bar{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.user-directory-page.dark .search-filter-bar{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.user-directory-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-directory-page.light .search-input::placeholder{color:#666}.user-directory-page.light .search-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-directory-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.user-directory-page.dark .search-input::placeholder{color:#fff9}.user-directory-page.dark .search-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.filter-select{width:240px;flex-shrink:0;padding:10px 36px 10px 16px!important;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;line-height:20px;transition:all .3s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;cursor:pointer;box-sizing:border-box}.neo-input.filter-select{padding:10px 36px 10px 16px!important}.user-directory-page.light .filter-select{background-color:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.user-directory-page.light .filter-select:hover{box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;transform:translateY(-1px)}.user-directory-page.light .filter-select:focus{box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff}.user-directory-page.light .filter-select:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff;transform:translateY(0)}.user-directory-page.dark .filter-select{background-color:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.user-directory-page.dark .filter-select:hover{box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #404040;transform:translateY(-1px)}.user-directory-page.dark .filter-select:focus{box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #404040}.user-directory-page.dark .filter-select:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040;transform:translateY(0)}.users-table-container{padding:24px;border-radius:16px;transition:all .3s ease}.user-directory-page.light .users-table-container{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.user-directory-page.dark .users-table-container{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.loading-state,.empty-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease}.user-directory-page.light .loading-state,.user-directory-page.light .empty-state{color:#666}.user-directory-page.dark .loading-state,.user-directory-page.dark .empty-state{color:#ffffffb3}.users-table{width:100%;border-collapse:separate;border-spacing:0}.users-table thead th{text-align:left;padding:16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease;border-bottom:1px solid}.user-directory-page.light .users-table thead th{color:#333;border-color:#0000001a}.user-directory-page.dark .users-table thead th{color:#fff;border-color:#ffffff1a}.users-table tbody tr{transition:all .2s ease}.users-table tbody tr:hover{background:#00000005}.user-directory-page.dark .users-table tbody tr:hover{background:#ffffff05}.users-table tbody td{padding:16px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.user-directory-page.light .users-table tbody td{color:#555}.user-directory-page.dark .users-table tbody td{color:#ffffffe6}.user-name-cell{display:flex;align-items:center;gap:12px}.user-avatar,.user-avatar-placeholder{width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease;flex-shrink:0}.user-avatar{object-fit:cover}.user-avatar-placeholder{font-family:Poppins,sans-serif;transition:all .3s ease}.user-directory-page.light .user-avatar-placeholder{background:#e0e0e0;color:#333;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-directory-page.dark .user-avatar-placeholder{background:#2d2d2d;color:#fff;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;transition:all .3s ease;display:inline-block;font-family:Poppins,sans-serif}.user-directory-page.light .status-active{background:#e0e0e0;color:#22c55e;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.user-directory-page.dark .status-active{background:#2d2d2d;color:#4ade80;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.user-directory-page.light .status-blocked{background:#e0e0e0;color:#ef4444;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.user-directory-page.dark .status-blocked{background:#2d2d2d;color:#f87171;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.actions-cell{display:flex;align-items:center;gap:8px;position:relative}.action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.user-directory-page.light .action-btn{background:#e0e0e0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.user-directory-page.light .action-btn:hover{box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;transform:translateY(-1px)}.user-directory-page.light .action-btn:active{box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.user-directory-page.dark .action-btn{background:#2d2d2d;color:#fff;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.user-directory-page.dark .action-btn:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;transform:translateY(-1px)}.user-directory-page.dark .action-btn:active{box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.action-menu{position:absolute;top:100%;right:0;margin-top:8px;padding:8px;border-radius:12px;min-width:180px;z-index:100;transition:all .3s ease}.user-directory-page.light .action-menu{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.user-directory-page.dark .action-menu{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.menu-item{width:100%;padding:12px 16px;border:none;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-align:left;transition:all .3s ease;background:transparent}.user-directory-page.light .menu-item{color:#333}.user-directory-page.light .menu-item:hover{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-directory-page.dark .menu-item{color:#fff}.user-directory-page.dark .menu-item:hover{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.menu-item-danger{color:#ef4444!important}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal-content{width:100%;max-width:500px;border-radius:20px;padding:0;max-height:90vh;overflow-y:auto;transition:all .3s ease;position:relative;z-index:10001}.user-directory-page.light .modal-content{background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.user-directory-page.dark .modal-content{background:#2d2d2d;box-shadow:20px 20px 40px #1a1a1a,-20px -20px 40px #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid;transition:border-color .3s ease}.user-directory-page.light .modal-header{border-color:#0000001a}.user-directory-page.dark .modal-header{border-color:#ffffff1a}.user-directory-page.light .modal-header h2{color:#333}.user-directory-page.dark .modal-header h2{color:#fff}.user-directory-page.light .modal-close{color:#333}.user-directory-page.light .modal-close:hover{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-directory-page.dark .modal-close{color:#fff}.user-directory-page.dark .modal-close:hover{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.user-directory-page.light .modal-body p{color:#555}.user-directory-page.dark .modal-body p{color:#ffffffe6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid;transition:border-color .3s ease}.user-directory-page.light .modal-footer{border-color:#0000001a}.user-directory-page.dark .modal-footer{border-color:#ffffff1a}.neo-button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.user-directory-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.user-directory-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.user-directory-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-directory-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.user-directory-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.user-directory-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.user-directory-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-directory-page.light .neo-button-danger,.modal-overlay.light .neo-button-danger{background:#e0e0e0;color:#dc2626;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.user-directory-page.light .neo-button-danger:hover,.modal-overlay.light .neo-button-danger:hover{background:#ef44441a!important;color:#ef4444!important;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.user-directory-page.light .neo-button-danger:active,.modal-overlay.light .neo-button-danger:active{background:#e0e0e0!important;color:#ef4444!important;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-directory-page.dark .neo-button-danger,.modal-overlay.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-directory-page.dark .neo-button-danger:hover,.modal-overlay.dark .neo-button-danger:hover{background:#ef444426!important;color:#f87171!important;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.user-directory-page.dark .neo-button-danger:active,.modal-overlay.dark .neo-button-danger:active{background:#2d2d2d!important;color:#f87171!important;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.neo-input{padding:10px 16px!important;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none}.user-directory-page.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-directory-page.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.user-directory-page.light .neo-input::placeholder{color:#999}.user-directory-page.dark .neo-input::placeholder{color:#666}.user-directory-page.light .neo-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-directory-page.dark .neo-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}@media(max-width:768px){.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px}.users-table{min-width:800px;font-size:12px}.users-table thead th,.users-table tbody td{padding:12px 8px}.user-name-cell{gap:8px}.user-avatar,.user-avatar-placeholder{width:32px;height:32px;min-width:32px;min-height:32px;font-size:12px}.action-btn{width:32px;height:32px}.search-filter-bar{flex-direction:column;gap:12px}.search-input-wrapper{max-width:100%}.filter-select{width:100%;min-width:auto;padding:10px 36px 10px 16px}}@media(max-width:480px){.user-directory-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.search-filter-bar{padding:16px}.users-table-container{padding:12px}}.roles-page{padding:32px;min-height:100%}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-role{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-role svg{width:14.4px;height:14.4px}.roles-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.roles-page.light .roles-title{color:#333}.roles-page.dark .roles-title{color:#fff}.roles-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.roles-page.light .roles-subtitle{color:#666}.roles-page.dark .roles-subtitle{color:#ffffffb3}.roles-page.light .loading-state{color:#666}.roles-page.dark .loading-state{color:#ffffffb3}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.role-card{padding:24px;border-radius:16px;transition:all .3s ease}.roles-page.light .role-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.roles-page.dark .role-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.role-card:hover{transform:translateY(-4px)}.roles-page.light .role-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.roles-page.dark .role-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.role-info{flex:1}.role-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.roles-page.light .role-name{color:#333}.roles-page.dark .role-name{color:#fff}.role-meta{display:flex;align-items:center;gap:16px}.role-users{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.roles-page.light .role-users{color:#666}.roles-page.dark .role-users{color:#ffffffb3}.role-delete-btn{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#ef4444}.roles-page.light .role-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.roles-page.light .role-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.roles-page.light .role-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.roles-page.dark .role-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.roles-page.dark .role-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.roles-page.dark .role-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.role-description{font-family:Poppins,sans-serif;font-size:14px;margin:0 0 16px;transition:color .3s ease}.roles-page.light .role-description{color:#666}.roles-page.dark .role-description{color:#ffffffb3}.role-permissions{margin-top:16px;padding-top:16px;border-top:1px solid;transition:border-color .3s ease}.roles-page.light .role-permissions{border-color:#0000001a}.roles-page.dark .role-permissions{border-color:#ffffff1a}.permissions-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;display:block;margin-bottom:8px;transition:color .3s ease}.roles-page.light .permissions-label{color:#666}.roles-page.dark .permissions-label{color:#ffffffb3}.permissions-tags{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{padding:6px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:all .3s ease}.roles-page.light .permission-tag{background:#e0e0e0;color:#333;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.roles-page.dark .permission-tag{background:#2d2d2d;color:#fff;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.roles-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.roles-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.roles-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.roles-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.roles-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.roles-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.roles-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.neo-button-danger:hover{background:#ef44441a;transform:translateY(-2px)}.roles-page.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.roles-page.dark .neo-button-danger:hover{background:#ef444426;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0}.modal-body p{font-family:Poppins,sans-serif;font-size:16px;margin:0}.form-group label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500}@media(max-width:768px){.roles-page{padding:16px}.roles-header{flex-direction:column;align-items:flex-start;gap:16px}.roles-title{font-size:24px}.roles-grid{grid-template-columns:1fr;gap:16px}.role-card{padding:20px}}@media(max-width:480px){.roles-page{padding:12px}.roles-title{font-size:20px}.role-card{padding:16px}}.departments-page{padding:32px;min-height:100%}.departments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-department{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-department svg{width:14.4px;height:14.4px}.departments-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.departments-page.light .departments-title{color:#333}.departments-page.dark .departments-title{color:#fff}.departments-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.departments-page.light .departments-subtitle{color:#666}.departments-page.dark .departments-subtitle{color:#ffffffb3}.departments-page.light .loading-state{color:#666}.departments-page.dark .loading-state{color:#ffffffb3}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.department-card{padding:24px;border-radius:16px;transition:all .3s ease}.departments-page.light .department-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.departments-page.dark .department-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.department-card:hover{transform:translateY(-4px)}.departments-page.light .department-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.departments-page.dark .department-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.department-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.department-info{flex:1}.department-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.departments-page.light .department-name{color:#333}.departments-page.dark .department-name{color:#fff}.department-meta{display:flex;flex-direction:column;gap:8px}.department-users{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.departments-page.light .department-users{color:#666}.departments-page.dark .department-users{color:#ffffffb3}.department-manager{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.departments-page.light .department-manager{color:#666}.departments-page.dark .department-manager{color:#fff9}.department-actions{display:flex;gap:8px;align-items:center}.department-edit-btn,.department-delete-btn{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.department-edit-btn{color:#667eea}.departments-page.light .department-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.departments-page.light .department-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.departments-page.light .department-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.departments-page.dark .department-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.departments-page.dark .department-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.departments-page.dark .department-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.department-delete-btn{color:#ef4444}.departments-page.light .department-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.departments-page.light .department-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.departments-page.light .department-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.departments-page.dark .department-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.departments-page.dark .department-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.departments-page.dark .department-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.department-description{font-family:Poppins,sans-serif;font-size:14px;margin:0;line-height:1.6;transition:color .3s ease}.departments-page.light .department-description{color:#666}.departments-page.dark .department-description{color:#ffffffb3}.departments-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.departments-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.departments-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.departments-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.departments-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.departments-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.departments-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.neo-button-secondary:active{box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.departments-page.dark .neo-button-secondary:active{box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.departments-page.light .neo-button-danger{background:#e0e0e0;color:#ef4444;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.departments-page.light .neo-button-danger:hover{background:#ef44441a;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.departments-page.light .neo-button-danger:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.departments-page.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.departments-page.dark .neo-button-danger:hover{background:#ef444426;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.departments-page.dark .neo-button-danger:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:768px){.departments-page{padding:16px}.departments-header{flex-direction:column;align-items:flex-start;gap:16px}.departments-title{font-size:24px}.departments-grid{grid-template-columns:1fr;gap:16px}.department-card{padding:20px}}@media(max-width:480px){.departments-page{padding:12px}.departments-title{font-size:20px}.department-card{padding:16px}}.holiday-calendar-page{padding:32px;min-height:100%}.holiday-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-holiday{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-holiday svg{width:14.4px;height:14.4px}.holiday-calendar-page.dark .neo-button-add-holiday{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;background:#2d2d2d;color:#fffffff2}.holiday-calendar-page.dark .neo-button-add-holiday:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;background:#323232;color:#fff}.holiday-calendar-page.dark .neo-button-add-holiday:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.holiday-calendar-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.holiday-calendar-page.light .holiday-calendar-title{color:#333}.holiday-calendar-page.dark .holiday-calendar-title{color:#fff}.holiday-calendar-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.holiday-calendar-page.light .holiday-calendar-subtitle{color:#666}.holiday-calendar-page.dark .holiday-calendar-subtitle{color:#ffffffb3}.holiday-calendar-page.light .loading-state,.holiday-calendar-page.light .empty-state{color:#666}.holiday-calendar-page.dark .loading-state,.holiday-calendar-page.dark .empty-state{color:#ffffffb3}.holidays-list{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;transition:all .3s ease}.holiday-calendar-page.light .holidays-list{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.holiday-calendar-page.dark .holidays-list{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.holiday-card{padding:16px 20px;border-radius:12px;transition:all .3s ease;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;width:100%}.holiday-calendar-page.light .holiday-card{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.holiday-calendar-page.dark .holiday-card{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.holiday-card:hover{transform:translateY(-2px)}.holiday-calendar-page.light .holiday-card:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.holiday-calendar-page.dark .holiday-card:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.holiday-card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;box-sizing:border-box}.holiday-info{display:flex;gap:20px;flex:1;min-width:0;align-items:center}.holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;min-width:100px;padding:8px 12px;border-radius:10px;transition:all .3s ease;box-sizing:border-box;flex-shrink:0;gap:2px}.holiday-calendar-page.light .holiday-date{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.holiday-calendar-page.dark .holiday-date{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.holiday-day{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;transition:color .3s ease;white-space:nowrap;text-align:center;width:100%}.holiday-calendar-page.light .holiday-day{color:#666}.holiday-calendar-page.dark .holiday-day{color:#ffffffbf}.holiday-month{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;transition:color .3s ease;white-space:nowrap;text-align:center;width:100%}.holiday-calendar-page.light .holiday-month{color:#333}.holiday-calendar-page.dark .holiday-month{color:#fff}.holiday-full-date{font-family:Poppins,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;transition:color .3s ease;text-align:center;width:100%}.holiday-calendar-page.light .holiday-full-date{color:#4b5563}.holiday-calendar-page.dark .holiday-full-date{color:#ffffffd9}.holiday-details{flex:1;display:flex;flex-direction:row;align-items:center;gap:16px;min-width:0}.holiday-event{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease;flex:1;min-width:0}.holiday-calendar-page.light .holiday-event{color:#333}.holiday-calendar-page.dark .holiday-event{color:#fff}.holiday-type{display:inline-block;padding:4px 12px;border-radius:12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize;transition:all .3s ease}.holiday-calendar-page.light .holiday-type-regular{background:#e0e0e0;color:#22c55e;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.holiday-calendar-page.dark .holiday-type-regular{background:#2d2d2d;color:#4ade80;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.holiday-calendar-page.light .holiday-type-floater{background:#e0e0e0;color:#667eea;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.holiday-calendar-page.dark .holiday-type-floater{background:#2d2d2d;color:#818cf8;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.holiday-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.holiday-edit-btn,.holiday-delete-btn{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.holiday-edit-btn{color:#667eea}.holiday-calendar-page.light .holiday-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.holiday-calendar-page.light .holiday-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.holiday-calendar-page.light .holiday-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.holiday-calendar-page.dark .holiday-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.holiday-calendar-page.dark .holiday-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.holiday-calendar-page.dark .holiday-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.holiday-delete-btn{color:#ef4444}.holiday-calendar-page.light .holiday-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.holiday-calendar-page.light .holiday-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.holiday-calendar-page.light .holiday-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.holiday-calendar-page.dark .holiday-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.holiday-calendar-page.dark .holiday-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.holiday-calendar-page.dark .holiday-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-content{width:100%;max-width:500px;border-radius:20px;padding:0;transition:all .3s ease}@media(max-width:768px){.holiday-calendar-page{padding:16px}.holiday-calendar-header{flex-direction:column;align-items:flex-start;gap:16px}.holiday-calendar-title{font-size:24px}.holidays-list{padding:16px;gap:10px}.holiday-card{padding:14px 16px}.holiday-info{gap:12px}.holiday-date{width:90px;min-width:90px}}@media(max-width:480px){.holiday-calendar-page{padding:12px}.holiday-calendar-title{font-size:20px}.holiday-card{padding:12px;flex-direction:column;align-items:flex-start}.holiday-info{flex-direction:column;gap:12px;width:100%}.holiday-card-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.holiday-actions{align-self:flex-end}}.leave-requests-page{padding:32px;min-height:100%}.leave-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-request{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-request svg{width:14.4px;height:14.4px}.leave-requests-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.leave-requests-page.light .leave-requests-title{color:#333}.leave-requests-page.dark .leave-requests-title{color:#fff}.leave-requests-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.leave-requests-page.light .leave-requests-subtitle{color:#666}.leave-requests-page.dark .leave-requests-subtitle{color:#ffffffb3}.leave-balance-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:32px}.comp-off-full-width{grid-column:1 / -1}.leave-requests-page.light .balance-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.leave-requests-page.dark .balance-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.balance-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease}.leave-requests-page.light .balance-header{color:#555}.leave-requests-page.dark .balance-header{color:#fffc}.balance-info{display:flex;flex-direction:column;gap:12px}.balance-stat{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.balance-label{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.leave-requests-page.light .balance-label{color:#666}.leave-requests-page.dark .balance-label{color:#ffffffb3}.balance-value{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;transition:color .3s ease}.leave-requests-page.light .balance-value{color:#333}.leave-requests-page.dark .balance-value{color:#fff}.balance-remaining{font-family:Poppins,sans-serif;font-size:20px!important;font-weight:700;color:#22c55e!important}.next-quarter-preview{border:1px solid;transition:all .3s ease}.leave-requests-page.light .next-quarter-preview{background-color:#22c55e1f;border-color:#22c55e66;box-shadow:0 2px 8px #22c55e26}.leave-requests-page.light .next-quarter-preview>div:first-child{color:#15803d;font-weight:600}.leave-requests-page.light .next-quarter-preview .balance-label{color:#166534;font-weight:500}.leave-requests-page.light .next-quarter-preview .balance-value{color:#15803d;font-weight:700}.leave-requests-page.light .next-quarter-preview>div:last-child{color:#166534}.leave-requests-page.dark .next-quarter-preview{background-color:#22c55e26;border-color:#22c55e66;box-shadow:0 2px 8px #22c55e33}.leave-requests-page.dark .next-quarter-preview>div:first-child{color:#fffffff2;font-weight:600}.leave-requests-page.dark .next-quarter-preview .balance-label{color:#ffffffd9}.leave-requests-page.dark .next-quarter-preview .balance-value{color:#4ade80;font-weight:700}.leave-requests-page.dark .next-quarter-preview>div:last-child{color:#ffffffbf}.section-header{font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.leave-requests-page.light .section-header{color:#333}.leave-requests-page.dark .section-header{color:#ffffffe6}.section-subheader{font-size:12px;margin-bottom:4px;transition:color .3s ease}.leave-requests-page.light .section-subheader{color:#666}.leave-requests-page.dark .section-subheader{color:#ffffffb3}.info-text{font-size:12px;margin-top:4px;font-style:italic;transition:color .3s ease}.leave-requests-page.light .info-text{color:#666}.leave-requests-page.dark .info-text{color:#ffffffb3}.monthly-summary{border:1px solid;transition:all .3s ease}.leave-requests-page.light .monthly-summary{background-color:#3b82f614;border-color:#3b82f633}.leave-requests-page.dark .monthly-summary{background-color:#3b82f61a;border-color:#3b82f64d}.monthly-value{font-size:18px!important;font-weight:600!important}.leave-requests-page.light .monthly-value{color:#2563eb!important}.leave-requests-page.dark .monthly-value{color:#60a5fa!important}.quarter-summary{transition:all .3s ease}.leave-requests-page.light .quarter-summary{background-color:#00000005}.leave-requests-page.dark .quarter-summary{background-color:#ffffff0d}.annual-summary{transition:all .3s ease}.leave-requests-page.light .annual-summary{background-color:#00000003}.leave-requests-page.dark .annual-summary{background-color:#ffffff08}.monthly-available-box{border:1px solid;transition:all .3s ease}.leave-requests-page.light .monthly-available-box{background-color:#22c55e14;border-color:#22c55e33}.leave-requests-page.dark .monthly-available-box{background-color:#22c55e1a;border-color:#22c55e4d}.monthly-label{font-size:12px;margin-bottom:4px;transition:color .3s ease}.leave-requests-page.light .monthly-label{color:#666}.leave-requests-page.dark .monthly-label{color:#fffc}.monthly-available-value{font-size:24px;font-weight:700;color:#22c55e;transition:color .3s ease}.monthly-used-section{border-top:1px solid;transition:border-color .3s ease}.leave-requests-page.light .monthly-used-section{border-color:#0000001a}.leave-requests-page.dark .monthly-used-section{border-color:#ffffff1a}.monthly-used-label{font-size:13px;transition:color .3s ease}.leave-requests-page.light .monthly-used-label{color:#666}.leave-requests-page.dark .monthly-used-label{color:#fffc}.monthly-used-value{font-size:16px;font-weight:600;transition:color .3s ease}.leave-requests-page.light .monthly-used-value{color:#333}.leave-requests-page.dark .monthly-used-value{color:#fff}.monthly-note{border-top:1px solid;transition:all .3s ease}.leave-requests-page.light .monthly-note{color:#666;border-color:#0000000d}.leave-requests-page.dark .monthly-note{color:#ffffffb3;border-color:#ffffff0d}.leaves-remaining{color:#22c55e!important}.leaves-exhausted{color:#ef4444!important}.leave-requests-page.light .loading-state,.leave-requests-page.light .empty-state{color:#666}.leave-requests-page.dark .loading-state,.leave-requests-page.dark .empty-state{color:#ffffffb3}.leave-requests-page.light .request-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.leave-requests-page.dark .request-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.request-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.request-date{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.leave-requests-page.light .request-date{color:#333}.leave-requests-page.dark .request-date{color:#fff}.date-separator{font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.leave-requests-page.light .date-separator{color:#666}.leave-requests-page.dark .date-separator{color:#ffffffb3}.leave-requests-page.dark .status-pending{background:#2d2d2d;color:#fbbf24;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.leave-requests-page.dark .status-approved{background:#2d2d2d;color:#4ade80;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.leave-requests-page.dark .status-rejected{background:#2d2d2d;color:#f87171;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.leave-requests-page.light .request-type,.leave-requests-page.light .request-days{color:#666}.leave-requests-page.dark .request-type,.leave-requests-page.dark .request-days{color:#ffffffb3}.leave-requests-page.light .request-reason{color:#666;border-color:#0000001a}.leave-requests-page.dark .request-reason{color:#ffffffb3;border-color:#ffffff1a}.leave-requests-page.light .request-reason strong{color:#333}.leave-requests-page.dark .request-reason strong{color:#fff}.leave-requests-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.leave-requests-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.leave-requests-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.leave-requests-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.leave-requests-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.leave-requests-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.leave-requests-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content{width:100%;max-width:600px;border-radius:20px;padding:0;transition:all .3s ease}.days-info{margin-bottom:20px;padding:12px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease}.leave-requests-page.light .days-info{background:#e0e0e0;color:#333;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-requests-page.dark .days-info{background:#2d2d2d;color:#fff;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}@media(max-width:768px){.leave-requests-page{padding:16px}.leave-requests-header{flex-direction:column;align-items:flex-start;gap:16px}.leave-requests-title{font-size:24px}.leave-balance-section{grid-template-columns:1fr;min-width:0}.balance-card{min-width:0}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.leave-requests-page{padding:12px}.leave-requests-title{font-size:20px}.request-meta{flex-direction:column;align-items:flex-start;gap:8px}}.leave-management-page{padding:32px;min-height:100%}.leave-management-page.light .page-title{color:#333}.leave-management-page.dark .page-title{color:#fff}.leave-management-page.light .page-subtitle{color:#666}.leave-management-page.dark .page-subtitle{color:#ffffffb3}.tabs-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.lm-settings-button-in-row{margin-left:auto}.tab-button{padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.leave-management-page.light .tab-button{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .tab-button:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.leave-management-page.light .tab-button.active{background:#d0d0d0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff;font-weight:600}.leave-management-page.dark .tab-button{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .tab-button:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.leave-management-page.dark .tab-button.active{background:#1a1a1a;box-shadow:inset 2px 2px 4px #0a0a0a,inset -2px -2px 4px #2a2a2a;font-weight:600}.balances-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:900px){.balances-list{grid-template-columns:1fr}}.balance-card{padding:20px;border-radius:16px;transition:all .3s ease}.leave-management-page.light .balance-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.leave-management-page.dark .balance-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.balance-card-header{margin-bottom:16px}.balance-details{display:flex;flex-direction:column;gap:16px}.balance-row{display:flex;flex-direction:column;gap:8px}.balance-type{display:flex;justify-content:space-between;align-items:center}.balance-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease}.leave-management-page.light .balance-label{color:#333}.leave-management-page.dark .balance-label{color:#fff}.balance-info{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.leave-management-page.light .balance-info{color:#666}.leave-management-page.dark .balance-info{color:#ffffffb3}.balance-progress{display:flex;flex-direction:column;gap:6px}.progress-bar-container{width:100%;height:8px;border-radius:4px;overflow:hidden;transition:all .3s ease}.leave-management-page.light .progress-bar-container{background:#d0d0d0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.leave-management-page.dark .progress-bar-container{background:#1a1a1a;box-shadow:inset 2px 2px 4px #0a0a0a,inset -2px -2px 4px #2a2a2a}.progress-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.balance-remaining{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.leave-management-page.light .balance-remaining{color:#666}.leave-management-page.dark .balance-remaining{color:#fff9}.leave-management-page.light .stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.leave-management-page.dark .stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.leave-management-page.light .stat-label{color:#666}.leave-management-page.dark .stat-label{color:#ffffffb3}.leave-management-page.light .stat-value{color:#333}.leave-management-page.dark .stat-value{color:#fff}.stat-approved{color:#22c55e!important}.stat-rejected{color:#ef4444!important}.leave-filters-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.lm-search-wrapper{position:relative;max-width:500px;width:100%;margin:0;display:flex;align-items:center}.lm-search-icon{position:absolute;right:16px;left:auto;top:50%;transform:translateY(-50%);transition:color .3s ease;pointer-events:none;z-index:1}.leave-management-page.light .lm-search-icon{color:#666}.leave-management-page.dark .lm-search-icon{color:#ffffffb3}.lm-search-input{width:100%;height:48px;padding:0 44px 0 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;box-sizing:border-box}.leave-management-page.light .lm-search-input{background:#e0e0e0;color:#333;box-shadow:inset 8px 8px 16px #bebebe,inset -8px -8px 16px #fff}.leave-management-page.light .lm-search-input::placeholder{color:#999}.leave-management-page.light .lm-search-input:focus{box-shadow:inset 10px 10px 20px #bebebe,inset -10px -10px 20px #fff}.leave-management-page.dark .lm-search-input{background:#2d2d2d;color:#fff;box-shadow:inset 8px 8px 16px #1a1a1a,inset -8px -8px 16px #404040}.leave-management-page.dark .lm-search-input::placeholder{color:#ffffffa6}.leave-management-page.dark .lm-search-icon{color:#ffffffd9}.leave-management-page.dark .lm-search-input:focus{box-shadow:inset 10px 10px 20px #1a1a1a,inset -10px -10px 20px #404040}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0!important}.filter-btn{padding:0 16px;height:48px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.leave-management-page.light .filter-btn{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .filter-btn:hover{box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;transform:translateY(-1px)}.leave-management-page.light .filter-btn.active{background:#e0e0e0;color:#667eea;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-management-page.dark .filter-btn{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .filter-btn:hover{box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #404040;transform:translateY(-1px)}.leave-management-page.dark .filter-btn.active{background:#2d2d2d;color:#818cf8;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.leave-management-page.light .loading-state,.leave-management-page.light .empty-state{color:#666}.leave-management-page.dark .loading-state,.leave-management-page.dark .empty-state{color:#ffffffb3}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{padding:20px;border-radius:16px;transition:all .3s ease}.leave-management-page.light .request-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.leave-management-page.dark .request-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.request-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.request-info{flex:1}.leave-management-page.light .employee-name{color:#333}.leave-management-page.dark .employee-name{color:#fff}.request-dates{display:flex;align-items:center;gap:8px;margin-bottom:8px}.request-date{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.leave-management-page.light .request-date{color:#555}.leave-management-page.dark .request-date{color:#fffc}.date-separator{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.leave-management-page.light .date-separator{color:#666}.leave-management-page.dark .date-separator{color:#ffffffb3}.request-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{padding:4px 12px;border-radius:12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize;transition:all .3s ease}.status-pending{background:#e0e0e0;color:#f59e0b;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.leave-management-page.dark .status-pending{background:#2d2d2d;color:#fbbf24;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.status-approved{background:#e0e0e0;color:#22c55e;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.leave-management-page.dark .status-approved{background:#2d2d2d;color:#4ade80;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.status-rejected{background:#e0e0e0;color:#ef4444;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.leave-management-page.dark .status-rejected{background:#2d2d2d;color:#f87171;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.request-type,.request-days{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.leave-management-page.light .request-type,.leave-management-page.light .request-days{color:#666}.leave-management-page.dark .request-type,.leave-management-page.dark .request-days{color:#ffffffb3}.request-actions{display:flex;gap:8px}.action-btn{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-approve{color:#22c55e}.leave-management-page.light .action-approve{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .action-approve:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.leave-management-page.light .action-approve:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-management-page.dark .action-approve{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .action-approve:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.leave-management-page.dark .action-approve:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.action-reject{color:#ef4444}.leave-management-page.light .action-reject{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .action-reject:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.leave-management-page.light .action-reject:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-management-page.dark .action-reject{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .action-reject:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426}.leave-management-page.dark .action-reject:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.action-edit{color:#3b82f6}.leave-management-page.light .action-edit{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .action-edit:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.leave-management-page.light .action-edit:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-management-page.dark .action-edit{background:#2d2d2d;color:#60a5fa;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .action-edit:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.leave-management-page.dark .action-edit:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.action-revert{color:#6b7280}.leave-management-page.light .action-revert{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.leave-management-page.light .action-revert:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.leave-management-page.light .action-revert:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.leave-management-page.dark .action-revert{background:#2d2d2d;color:#9ca3af;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .action-revert:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.leave-management-page.dark .action-revert:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.request-reason{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid;transition:all .3s ease}.leave-management-page.light .request-reason{color:#666;border-color:#0000001a}.leave-management-page.dark .request-reason{color:#ffffffb3;border-color:#ffffff1a}.request-reason strong{transition:color .3s ease}.leave-management-page.light .request-reason strong{color:#333}.leave-management-page.dark .request-reason strong{color:#fff}@media(max-width:768px){.leave-management-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.stats-section{grid-template-columns:1fr}.request-card-header{flex-direction:column}.request-actions{align-self:flex-end}}@media(max-width:480px){.leave-management-page{padding:12px}.page-title{font-size:20px}.request-meta{flex-direction:column;align-items:flex-start;gap:8px}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999!important;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:500px;border-radius:20px;padding:0;transition:all .3s ease;z-index:100000!important}.modal-overlay.light .modal-content{background:#e0e0e0;box-shadow:12px 12px #bebebe,-12px -12px #fff}.modal-overlay.dark .modal-content{background:#2d2d2d;box-shadow:12px 12px #1a1a1a,-12px -12px #404040}.modal-overlay.light .modal-close:hover{background:#0000000d}.modal-overlay.dark .modal-close:hover{background:#ffffff1a}.modal-body{padding:24px 32px}.neo-button{padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.neo-button-secondary,.modal-overlay.light .neo-button-secondary{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-overlay.light .neo-button-secondary:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-overlay.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-overlay.dark .neo-button-secondary:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.neo-button-danger{background:#e0e0e0;color:#ef4444;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.neo-button-danger:hover:not(:disabled){background:#ef44441a;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.neo-button-danger:active:not(:disabled){box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff;transform:translateY(0)}.modal-overlay.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-overlay.dark .neo-button-danger:hover:not(:disabled){background:#ef444426;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.form-group{margin-bottom:16px}.modal-overlay.light .form-group label{color:#333}.neo-input{width:100%;padding:12px 16px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease}.modal-overlay.light .neo-input:focus{outline:none;box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.modal-overlay.dark .neo-input:focus{outline:none;box-shadow:inset 6px 6px 12px #1a1a1a,inset -6px -6px 12px #404040}.reject-modal-info{transition:all .3s ease}.modal-overlay.light .reject-modal-info{background-color:#00000005}.modal-overlay.dark .reject-modal-info{background-color:#ffffff0d}.reject-modal-label{font-size:13px;margin-bottom:4px;transition:color .3s ease}.modal-overlay.light .reject-modal-label{color:#666}.modal-overlay.dark .reject-modal-label{color:#fffc}.reject-modal-value{font-size:15px;font-weight:600;transition:color .3s ease}.modal-overlay.light .reject-modal-value{color:#333}.modal-overlay.dark .reject-modal-value{color:#fff}.reject-modal-question{margin-bottom:12px;font-size:14px;transition:color .3s ease}.modal-overlay.light .reject-modal-question,.modal-overlay.light .reject-modal-question strong{color:#333}.modal-overlay.dark .reject-modal-question{color:#ffffffe6}.modal-overlay.dark .reject-modal-question strong{color:#fff}.modal-content.neo-modal-compact{height:auto!important;min-height:auto!important;max-height:90vh!important;flex:none!important;padding:32px!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.neo-modal-compact .modal-body{flex:none!important;padding:0!important;overflow:visible!important;min-height:auto!important}.neo-modal-compact .modal-header{padding:0!important;border:none!important;margin-bottom:20px;flex-shrink:0;justify-content:center!important}.neo-modal-compact .modal-header h2{font-size:20px!important;margin:0!important}.neo-modal-compact .modal-footer{padding:0!important;border:none!important;margin-top:24px;flex-shrink:0;justify-content:center!important;gap:12px!important}.neo-modal-compact .reject-modal-question{line-height:1.5;margin:0}.modal-overlay.light .neo-modal-compact .reject-modal-question{color:#666}.modal-overlay.dark .neo-modal-compact .reject-modal-question{color:#aaa}.lm-modal-text{margin:0;font-size:15px;line-height:1.5;transition:color .3s ease}.modal-overlay.light .lm-modal-text{color:#666}.modal-overlay.dark .lm-modal-text{color:#e0e0e0}.lm-modal-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;margin:0;transition:color .3s ease}.modal-overlay.light .lm-modal-title{color:#333}.modal-overlay.dark .lm-modal-title{color:#fff}.neo-search-fix{border:none!important;border-radius:12px!important;padding:0 16px!important;height:48px!important;outline:none!important;width:100%!important}.leave-management-page.light .neo-search-fix{background:#e0e0e0!important;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff!important;color:#333!important}.leave-management-page.dark .neo-search-fix{background:#2d2d2d!important;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040!important;color:#fff!important}.lm-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.lm-modal-content{border-radius:20px;width:90%;max-width:500px;position:relative;transition:all .3s ease}.modal-overlay.light .lm-modal-content,.leave-management-page.light .lm-modal-content{background:#e0e0e0!important;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.modal-overlay.dark .lm-modal-content,.leave-management-page.dark .lm-modal-content{background:#2d2d2d!important;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.lm-settings-modal-overlay{justify-content:center;align-items:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lm-settings-modal-content{width:100%;max-width:320px!important;min-width:280px;align-self:center;border-radius:20px;transition:all .3s ease}.lm-settings-modal-content.light{background:#e0e0e0!important;max-width:440px!important;min-width:320px;box-shadow:2px 2px 6px #d0d0d0,-2px -2px 6px #f8f8f8,inset 1px 1px 2px #fff6}.lm-settings-modal-content.dark{background:#2d2d2d!important;max-width:440px!important;min-width:320px;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040,inset 2px 2px 4px #ffffff08}� � .lm-settings-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.leave-management-page.light .lm-settings-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.leave-management-page.dark .lm-settings-input{background:#2d2d2d;color:#fff;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.lm-settings-input:focus{outline:2px solid #3b82f6;outline-offset:2px}.lm-settings-modal-content .neo-button{padding:10px 24px!important;min-width:100px}.lm-settings-button{display:inline-flex;align-items:center;gap:6px;padding:10px 24px!important;min-width:100px;font-size:13px!important;font-weight:500;white-space:nowrap;margin-left:auto;width:auto;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.leave-management-page.light .lm-settings-button{color:#333;background:#e0e0e0;padding:10px 24px!important;font-size:13px!important;box-shadow:2px 2px 4px #c5c5c5,-2px -2px 4px #f5f5f5}.leave-management-page.light .lm-settings-button:hover{box-shadow:3px 3px 6px #c5c5c5,-3px -3px 6px #f5f5f5;transform:translateY(-1px)}.leave-management-page.dark .lm-settings-button{color:#fff;background:#2d2d2d;padding:10px 24px!important;font-size:13px!important;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.leave-management-page.dark .lm-settings-button:hover{box-shadow:5px 5px 10px #1a1a1a,-5px -5px 10px #404040;transform:translateY(-1px)}.leave-management-page .tabs-section .lm-settings-button-in-row{padding:12px 24px!important;min-height:44px;box-sizing:border-box}.user-journal-page{padding:32px;min-height:100%}.user-journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-journal{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-journal svg{width:14.4px;height:14.4px}.user-journal-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.user-journal-page.light .user-journal-title{color:#333}.user-journal-page.dark .user-journal-title{color:#fff}.user-journal-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.user-journal-page.light .user-journal-subtitle{color:#666}.user-journal-page.dark .user-journal-subtitle{color:#ffffffb3}.user-journal-page.light .loading-state,.user-journal-page.light .empty-state{color:#666}.user-journal-page.dark .loading-state,.user-journal-page.dark .empty-state{color:#ffffffb3}.journals-list{display:flex;flex-direction:column;gap:20px}.user-journal-page.light .journal-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.user-journal-page.dark .journal-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.user-journal-page.light .journal-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.user-journal-page.dark .journal-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.journal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-journal-page.light .journal-date-section svg{color:#666}.user-journal-page.dark .journal-date-section svg{color:#ffffffb3}.journal-date{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.user-journal-page.light .journal-date{color:#333}.user-journal-page.dark .journal-date{color:#fff}.journal-actions{display:flex;gap:8px}.journal-edit-btn,.journal-delete-btn{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.journal-edit-btn{color:#667eea}.user-journal-page.light .journal-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.user-journal-page.light .journal-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.user-journal-page.light .journal-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-journal-page.dark .journal-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-journal-page.dark .journal-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.user-journal-page.dark .journal-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.journal-delete-btn{color:#ef4444}.user-journal-page.light .journal-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.user-journal-page.light .journal-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.user-journal-page.light .journal-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-journal-page.dark .journal-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-journal-page.dark .journal-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426}.user-journal-page.dark .journal-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.user-journal-page.light .journal-content{color:#555}.user-journal-page.dark .journal-content{color:#ffffffe6}.user-journal-page.light .journal-footer{border-color:#0000001a}.user-journal-page.dark .journal-footer{border-color:#ffffff1a}.user-journal-page.light .journal-updated{color:#666}.user-journal-page.dark .journal-updated{color:#fff9}.user-journal-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.user-journal-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.user-journal-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.user-journal-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.user-journal-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.user-journal-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.user-journal-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-journal-page.light .neo-button-danger{background:#e0e0e0;color:#dc2626;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.user-journal-page.light .neo-button-danger:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.user-journal-page.light .neo-button-danger:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.user-journal-page.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.user-journal-page.dark .neo-button-danger:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426}.user-journal-page.dark .neo-button-danger:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:99999!important;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay.dark .form-group label{color:#ffffffe6}@media(max-width:768px){.user-journal-page{padding:16px}.user-journal-header{flex-direction:column;align-items:flex-start;gap:16px}.user-journal-title{font-size:24px}.journal-card{padding:20px}}@media(max-width:480px){.user-journal-page{padding:12px}.user-journal-title{font-size:20px}.journal-card{padding:16px}.modal-content{max-width:100%}}.journal-management-page{padding:32px;min-height:100%}.journal-management-page.light .page-title{color:#333}.journal-management-page.dark .page-title{color:#fff}.journal-management-page.light .page-subtitle{color:#666}.journal-management-page.dark .page-subtitle{color:#ffffffb3}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{padding:20px;border-radius:16px;transition:all .3s ease;text-align:center}.journal-management-page.light .stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.journal-management-page.dark .stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.stat-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.journal-management-page.light .stat-label{color:#666}.journal-management-page.dark .stat-label{color:#ffffffb3}.journal-management-page.light .stat-value{color:#333}.journal-management-page.dark .stat-value{color:#fff}.journal-management-page.light .loading-state,.journal-management-page.light .empty-state{color:#666}.journal-management-page.dark .loading-state,.journal-management-page.dark .empty-state{color:#ffffffb3}.journals-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.journal-card{padding:24px;border-radius:16px;transition:all .3s ease}.journal-management-page.light .journal-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.journal-management-page.dark .journal-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.journal-card:hover{transform:translateY(-2px)}.journal-management-page.light .journal-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.journal-management-page.dark .journal-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.journal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.journal-user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.journal-management-page.light .user-avatar{background:#e0e0e0;color:#333;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.journal-management-page.dark .user-avatar{background:#2d2d2d;color:#fff;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.journal-management-page.light .user-name{color:#333}.journal-management-page.dark .user-name{color:#fff}.user-email{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.journal-management-page.light .user-email{color:#666}.journal-management-page.dark .user-email{color:#ffffffb3}.journal-date-section{display:flex;align-items:center;gap:8px}.journal-date-section svg{transition:color .3s ease}.journal-management-page.light .journal-date-section svg{color:#666}.journal-management-page.dark .journal-date-section svg{color:#ffffffb3}.journal-date{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.journal-management-page.light .journal-date{color:#555}.journal-management-page.dark .journal-date{color:#fffc}.journal-content{font-family:Poppins,sans-serif;font-size:15px;line-height:1.8;transition:color .3s ease;white-space:pre-wrap;word-wrap:break-word}.journal-management-page.light .journal-content{color:#555}.journal-management-page.dark .journal-content{color:#ffffffe6}.journal-content p{margin:0 0 12px}.journal-content p:last-child{margin-bottom:0}.journal-footer{margin-top:16px;padding-top:16px;border-top:1px solid;transition:border-color .3s ease}.journal-management-page.light .journal-footer{border-color:#0000001a}.journal-management-page.dark .journal-footer{border-color:#ffffff1a}.journal-updated{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.journal-management-page.light .journal-updated{color:#666}.journal-management-page.dark .journal-updated{color:#fff9}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.journal-management-page.light .pagination-btn{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.journal-management-page.light .pagination-btn:hover:not(:disabled){box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.journal-management-page.light .pagination-btn:active:not(:disabled){box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.journal-management-page.light .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.journal-management-page.dark .pagination-btn{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.journal-management-page.dark .pagination-btn:hover:not(:disabled){box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.journal-management-page.dark .pagination-btn:active:not(:disabled){box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.journal-management-page.dark .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.journal-management-page.light .pagination-info{color:#555}.journal-management-page.dark .pagination-info{color:#fffc}@media(max-width:768px){.journal-management-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.filters-section{grid-template-columns:1fr;gap:16px}.search-wrapper,.filter-group{width:100%}.stats-section{grid-template-columns:1fr}.journal-card{padding:20px}.journal-card-header{flex-direction:column;gap:12px}}@media(max-width:480px){.journal-management-page{padding:12px}.page-title{font-size:20px}.journal-card{padding:16px}.pagination{flex-direction:column;gap:12px}}.modal-content{width:100%;max-width:800px;max-height:90vh;height:90vh;display:flex;flex-direction:column;border-radius:16px;transition:all .3s ease;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid;transition:border-color .3s ease;flex-shrink:0}.modal-title-section{flex:1;min-width:0}.modal-icon-title{display:flex;align-items:flex-start;gap:12px}.modal-icon-title svg{flex-shrink:0;margin-top:5px;margin-bottom:5px;align-self:flex-start;position:relative;top:2px}.modal-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0 0 12px;word-break:break-word;transition:color .3s ease}.modal-badges{display:flex;gap:8px;flex-wrap:wrap}.category-badge,.priority-badge{padding:4px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-content.light .modal-close{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.light .modal-close:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-content.light .modal-close:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-content.dark .modal-close{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content.dark .modal-close:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.modal-content.dark .modal-close:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-body{padding:24px;overflow-y:auto!important;overflow-x:hidden;flex:1;min-height:0;height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;-ms-overflow-style:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-content.light .modal-body::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.modal-content.light .modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-content.dark .modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content.dark .modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.details-section{margin-bottom:24px}.details-section:last-child{margin-bottom:0}.section-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px;transition:color .3s ease}.modal-content.light .section-title{color:#333}.modal-content.dark .section-title{color:#fff}.description-content{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;transition:color .3s ease}.modal-content.light .description-content{color:#555}.modal-content.dark .description-content{color:#fffc}.task-description-link{color:#3b82f6;text-decoration:underline;cursor:pointer;transition:color .3s ease}.task-description-link:hover{color:#2563eb}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.details-list{display:flex;flex-direction:column;gap:12px}.details-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid;transition:border-color .3s ease}.modal-content.light .details-row{border-color:#0000000d}.modal-content.dark .details-row{border-color:#ffffff0d}.details-row:last-child{border-bottom:none}.details-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:color .3s ease}.modal-content.light .details-label{color:#666}.modal-content.dark .details-label{color:#fff9}.details-value{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-align:right;word-break:break-word;transition:color .3s ease}.modal-content.light .details-value{color:#333}.modal-content.dark .details-value{color:#ffffffe6}@media(max-width:768px){.modal-content{max-width:100%;margin:10px}.modal-header,.modal-body{padding:20px}.modal-title{font-size:20px}.details-grid{grid-template-columns:1fr;gap:20px}}.individual-tasks-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.individual-tasks-page.light,.individual-tasks-page.dark{background:transparent}.individual-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.individual-tasks-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.individual-tasks-page.light .individual-tasks-title{color:#333}.individual-tasks-page.dark .individual-tasks-title{color:#fff}.individual-tasks-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.individual-tasks-page.light .individual-tasks-subtitle{color:#666}.individual-tasks-page.dark .individual-tasks-subtitle{color:#ffffffb3}.filters-section{display:flex;flex-direction:row;gap:20px;margin-bottom:24px;padding:20px;border-radius:16px;transition:all .3s ease;align-items:flex-start;flex-wrap:wrap}.individual-tasks-page.light .filters-section{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-page.dark .filters-section{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.search-group{flex:0 0 auto;min-width:250px;max-width:400px;width:auto;padding-left:18px}.search-input-container{position:relative;width:100%;margin:0;padding:0;display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;isolation:isolate}.search-icon-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;object-fit:contain;pointer-events:none;z-index:10}.search-input{width:100%;padding:10px 48px 10px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;height:48px;margin:0!important;box-sizing:border-box;vertical-align:top;flex-shrink:0;min-width:0}.individual-tasks-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.individual-tasks-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.individual-tasks-page.light .search-input::placeholder{color:#999}.individual-tasks-page.dark .search-input::placeholder{color:#666}.filter-group{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;min-width:200px;max-width:300px;width:auto;align-items:flex-start;justify-content:flex-start;margin:0;position:relative;box-sizing:border-box;padding:0 0 0 18px}.filter-group .filter-select{margin-top:0!important;top:0!important;transform:translateY(0)}.filter-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:color .3s ease;height:20px;line-height:20px;margin:0;padding:0;display:block;flex-shrink:0;width:100%}.individual-tasks-page.light .filter-label{color:#555}.individual-tasks-page.dark .filter-label{color:#fffc}.filter-select{padding:12px 16px 10px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:100%;height:48px;margin:0!important;box-sizing:border-box;vertical-align:top;flex-shrink:0;position:relative;top:0;min-width:0}select.neo-input{height:48px;margin:0!important;padding:12px 16px 10px;vertical-align:top;box-sizing:border-box;position:relative;top:0!important}.individual-tasks-page.light .filter-select{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.individual-tasks-page.dark .filter-select{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.individual-tasks-page.light .loading-state,.individual-tasks-page.light .empty-state{color:#666}.individual-tasks-page.dark .loading-state,.individual-tasks-page.dark .empty-state{color:#ffffffb3}.tasks-list{display:flex;flex-direction:column;gap:12px;padding:16px;margin:0;width:100%;box-sizing:border-box;border:none;outline:none;box-shadow:none;border-radius:16px}.individual-tasks-page.light .tasks-list{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-page.dark .tasks-list{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.task-card{padding:20px;border-radius:16px;transition:all .3s ease;border:none;width:100%;box-sizing:border-box;flex-shrink:0}.individual-tasks-page.light .task-card{background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.individual-tasks-page.dark .task-card{background:#2d2d2d;box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040}.task-card:hover{transform:translateY(-2px)}.individual-tasks-page.light .task-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.individual-tasks-page.dark .task-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.task-info{flex:1}.task-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.task-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.individual-tasks-page.light .task-title{color:#333}.individual-tasks-page.dark .task-title{color:#fff}.priority-badge{padding:4px 10px;border-radius:8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;transition:all .3s ease}.category-select{height:32px;padding:0 28px 0 12px;border:1px solid;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;transition:all .3s ease;outline:none;min-width:120px}.individual-tasks-page.light .category-select{background-color:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.individual-tasks-page.light .category-select:hover{box-shadow:inset 1px 1px 3px #bebebe,inset -1px -1px 3px #fff}.individual-tasks-page.dark .category-select{background-color:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.individual-tasks-page.dark .category-select:hover{box-shadow:inset 1px 1px 3px #1a1a1a,inset -1px -1px 3px #404040}.individual-tasks-page.light .assignee-info{color:#666}.individual-tasks-page.dark .assignee-info{color:#ffffffb3}.due-date{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.individual-tasks-page.light .due-date{color:#666}.individual-tasks-page.dark .due-date{color:#ffffffb3}.task-actions{display:flex;gap:8px}.task-edit-btn,.task-delete-btn,.task-remarks-btn{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.task-edit-btn{color:#667eea}.individual-tasks-page.light .task-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.individual-tasks-page.light .task-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.individual-tasks-page.light .task-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.individual-tasks-page.dark .task-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.individual-tasks-page.dark .task-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.individual-tasks-page.dark .task-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.task-delete-btn{color:#ef4444}.individual-tasks-page.light .task-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.individual-tasks-page.light .task-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.individual-tasks-page.light .task-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.individual-tasks-page.dark .task-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.individual-tasks-page.dark .task-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.individual-tasks-page.dark .task-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.task-remarks-btn{color:#3b82f6}.individual-tasks-page.light .task-remarks-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.individual-tasks-page.light .task-remarks-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.individual-tasks-page.light .task-remarks-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.individual-tasks-page.dark .task-remarks-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.individual-tasks-page.dark .task-remarks-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.individual-tasks-page.dark .task-remarks-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.task-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid;transition:all .3s ease;white-space:pre-wrap}.individual-tasks-page.light .task-description{color:#666;border-color:#0000001a}.individual-tasks-page.dark .task-description{color:#ffffffb3;border-color:#ffffff1a}.individual-tasks-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.individual-tasks-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.individual-tasks-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.individual-tasks-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.individual-tasks-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.individual-tasks-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.neo-button-secondary{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.individual-tasks-page.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.neo-button-secondary:hover{transform:translateY(-1px)}.individual-tasks-page.light .neo-button-danger{background:#e0e0e0;color:#ef4444;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.individual-tasks-page.light .neo-button-danger:hover{background:#ef44441a;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.individual-tasks-page.light .neo-button-danger:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.individual-tasks-page.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.individual-tasks-page.dark .neo-button-danger:hover{background:#ef444426;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.remarks-history{max-height:300px;overflow-y:auto;margin-bottom:24px;padding-right:8px;display:flex;flex-direction:column;gap:16px}.modal-content.light .remark-card{background:#e0e0e0;box-shadow:3px 3px 6px #bebebe66,-3px -3px 6px #fffc;padding:16px;border-radius:12px;transition:all .3s ease}.modal-content.dark .remark-card{background:#2d2d2d;box-shadow:3px 3px 6px #1a1a1a99,-3px -3px 6px #40404066;padding:16px;border-radius:12px;transition:all .3s ease}.remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid}.modal-content.light .remark-header{border-color:#0000001a}.modal-content.dark .remark-header{border-color:#ffffff1a}.remark-author{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.modal-content.light .remark-author{color:#333}.modal-content.dark .remark-author{color:#fff}.remark-timestamp{font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.modal-content.light .remark-timestamp{color:#666}.modal-content.dark .remark-timestamp{color:#fff9}.remark-text{font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.modal-content.light .remark-text{color:#444}.modal-content.dark .remark-text{color:#fff}.remarks-history::-webkit-scrollbar{width:6px}.remarks-history::-webkit-scrollbar-track{background:transparent}.modal-content.light .remarks-history::-webkit-scrollbar-thumb{background:#bebebe;border-radius:3px}.modal-content.dark .remarks-history::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.modal-content.dark .remarks-history label{color:#fff!important}.individual-tasks-page.dark .neo-button-danger:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:700px;border-radius:20px;padding:0;transition:all .3s ease}.modal-overlay.light .modal-content{background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.modal-overlay.dark .modal-content{background:#2d2d2d;box-shadow:20px 20px 40px #1a1a1a,-20px -20px 40px #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid}.modal-overlay.light .modal-header{border-color:#0000001a}.modal-overlay.dark .modal-header{border-color:#ffffff1a}.modal-overlay.light .modal-header h2{color:#333}.modal-overlay.dark .modal-header h2{color:#fff}.modal-close{width:36px;height:36px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.modal-overlay.light .modal-close{color:#333}.modal-overlay.light .modal-close:hover{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-overlay.dark .modal-close{color:#fff}.modal-overlay.dark .modal-close:hover{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-body{padding:32px}.modal-body p{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.modal-overlay.light .modal-body p{color:#555}.modal-overlay.dark .modal-body p{color:#ffffffe6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid}.modal-overlay.light .modal-footer{border-color:#0000001a}.modal-overlay.dark .modal-footer{border-color:#ffffff1a}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.modal-overlay.light .form-group label{color:#555}.modal-overlay.dark .form-group label{color:#fff}.neo-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;resize:vertical}.modal-overlay.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.modal-overlay.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.modal-overlay.light .neo-input::placeholder{color:#999}.modal-overlay.dark .neo-input::placeholder{color:#666}.modal-overlay.light .neo-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-overlay.dark .neo-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-overlay select.neo-input{margin-top:0!important;margin-bottom:0!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px;cursor:pointer}.modal-overlay.dark select.neo-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.modal-overlay input[type=date].neo-input{position:relative;padding:12px 16px!important;box-sizing:border-box;height:auto;line-height:normal}.modal-overlay.light input[type=date].neo-input::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7;cursor:pointer}.modal-overlay.light input[type=date].neo-input::-moz-calendar-picker-indicator{filter:invert(0);opacity:.7;cursor:pointer}.modal-overlay.dark input[type=date].neo-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer}.modal-overlay.dark input[type=date].neo-input::-moz-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer}.user-selector{position:relative;width:100%}.user-select-button{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;text-align:left}.individual-tasks-page.light .user-select-button{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.individual-tasks-page.light .user-select-button:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-page.dark .user-select-button{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.individual-tasks-page.dark .user-select-button:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.user-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:16px;z-index:1000;max-height:300px;overflow-y:auto;padding:8px}.individual-tasks-page.light .user-dropdown{background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.individual-tasks-page.dark .user-dropdown{background:#2d2d2d;box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040}.user-search{width:calc(100% - 16px);padding:10px 12px;margin:4px 8px 12px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;outline:none;transition:all .3s ease}.individual-tasks-page.light .user-search{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.individual-tasks-page.dark .user-search{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.user-item{padding:12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;margin-bottom:4px}.individual-tasks-page.light .user-item:hover{background:#0000000d}.individual-tasks-page.dark .user-item:hover{background:#ffffff0d}.user-name{font-weight:600;font-size:14px;display:block}.user-email{font-size:11px;opacity:.7}.error-text{font-family:Poppins,sans-serif;font-size:12px;color:#ef4444;margin-top:4px}@media(max-width:768px){.individual-tasks-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.filters-section{grid-template-columns:1fr;gap:16px;align-items:stretch}.search-group{width:100%;max-width:100%}.filter-group{width:100%}.form-row{grid-template-columns:1fr}.task-card{padding:16px}}@media(max-width:480px){.individual-tasks-page{padding:12px}.page-title{font-size:20px}.task-title-row{flex-direction:column;align-items:flex-start}.task-meta{flex-direction:column;align-items:flex-start;gap:8px}}.individual-task-card{position:relative;z-index:1;overflow:visible!important}.individual-task-card:hover{z-index:100!important}.individual-task-card .neo-select-dropdown{z-index:1002}.individual-tasks-dashboard-page{padding:32px;min-height:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.individual-tasks-dashboard-page.light .page-title{color:#333}.individual-tasks-dashboard-page.dark .page-title{color:#fff}.individual-tasks-dashboard-page.light .page-subtitle{color:#666}.individual-tasks-dashboard-page.dark .page-subtitle{color:#ffffffb3}.individual-tasks-dashboard-page.light .loading-state{color:#666}.individual-tasks-dashboard-page.dark .loading-state{color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{padding:24px;border-radius:16px;transition:all .3s ease;display:flex;align-items:center;gap:16px}.individual-tasks-dashboard-page.light .stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-dashboard-page.dark .stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.stat-card:hover{transform:translateY(-2px)}.individual-tasks-dashboard-page.light .stat-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.individual-tasks-dashboard-page.dark .stat-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.individual-tasks-dashboard-page.light .stat-icon{background:#e0e0e0;color:#667eea;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.individual-tasks-dashboard-page.dark .stat-icon{background:#2d2d2d;color:#818cf8;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.stat-content{flex:1}.individual-tasks-dashboard-page.light .stat-label{color:#666}.individual-tasks-dashboard-page.dark .stat-label{color:#ffffffb3}.stat-value{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;transition:color .3s ease}.individual-tasks-dashboard-page.light .stat-value{color:#333}.individual-tasks-dashboard-page.dark .stat-value{color:#fff}.section-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0 0 20px;transition:color .3s ease}.individual-tasks-dashboard-page.light .section-title{color:#333}.individual-tasks-dashboard-page.dark .section-title{color:#fff}.category-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.category-stat-card{padding:20px;border-radius:16px;transition:all .3s ease}.individual-tasks-dashboard-page.light .category-stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-dashboard-page.dark .category-stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.category-stat-card:hover{transform:translateY(-2px)}.category-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.category-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.individual-tasks-dashboard-page.light .category-name{color:#333}.individual-tasks-dashboard-page.dark .category-name{color:#fff}.category-stat-numbers{display:flex;align-items:baseline;gap:8px}.category-count{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;transition:color .3s ease}.individual-tasks-dashboard-page.light .category-count{color:#333}.individual-tasks-dashboard-page.dark .category-count{color:#fff}.category-percentage{font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.individual-tasks-dashboard-page.light .category-percentage{color:#666}.individual-tasks-dashboard-page.dark .category-percentage{color:#ffffffb3}.assignee-stats-list{display:flex;flex-direction:column;gap:12px}.assignee-stat-card{padding:16px 20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.individual-tasks-dashboard-page.light .assignee-stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-dashboard-page.dark .assignee-stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.assignee-stat-card:hover{transform:translateY(-2px)}.individual-tasks-dashboard-page.light .assignee-stat-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.individual-tasks-dashboard-page.dark .assignee-stat-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.assignee-info{display:flex;align-items:center;gap:12px}.assignee-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.individual-tasks-dashboard-page.light .assignee-avatar{background:#e0e0e0;color:#333;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.individual-tasks-dashboard-page.dark .assignee-avatar{background:#2d2d2d;color:#fff;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.assignee-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:color .3s ease}.individual-tasks-dashboard-page.light .assignee-name{color:#333}.individual-tasks-dashboard-page.dark .assignee-name{color:#fff}.assignee-task-count{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.individual-tasks-dashboard-page.light .assignee-task-count{color:#666}.individual-tasks-dashboard-page.dark .assignee-task-count{color:#fffc}.assignee-modal{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:20px;transition:all .3s ease;display:flex;flex-direction:column}.assignee-modal.light{background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.assignee-modal.dark{background:#2d2d2d;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid;transition:border-color .3s ease;gap:20px}.assignee-modal.light .modal-header{border-color:#0000001a}.assignee-modal.dark .modal-header{border-color:#ffffff1a}.modal-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0 0 4px;transition:color .3s ease}.assignee-modal.light .modal-title{color:#333}.assignee-modal.dark .modal-title{color:#fff}.modal-subtitle{font-family:Poppins,sans-serif;font-size:14px;margin:0;transition:color .3s ease}.assignee-modal.light .modal-subtitle{color:#666}.assignee-modal.dark .modal-subtitle{color:#ffffffb3}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;flex-shrink:0}.assignee-modal.light .modal-close{color:#666}.assignee-modal.light .modal-close:hover{background:#0000000d;color:#333}.assignee-modal.dark .modal-close{color:#ffffffb3}.assignee-modal.dark .modal-close:hover{background:#ffffff0d;color:#fff}.assignee-tasks-list{display:flex;flex-direction:column;gap:16px}.assignee-task-item{padding:20px;border-radius:12px;transition:all .3s ease}.assignee-modal.light .assignee-task-item{background:#f0f0f0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.assignee-modal.dark .assignee-task-item{background:#1a1a1a;box-shadow:inset 3px 3px 6px #0a0a0a,inset -3px -3px 6px #2a2a2a}.task-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.task-item-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0;flex:1;transition:color .3s ease}.assignee-modal.light .task-item-title{color:#333}.assignee-modal.dark .task-item-title{color:#fff}.task-item-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin:0 0 12px;transition:color .3s ease}.assignee-modal.light .task-item-description{color:#666}.assignee-modal.dark .task-item-description{color:#ffffffb3}.task-item-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.task-date,.task-due-date{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.assignee-modal.light .task-date,.assignee-modal.light .task-due-date{color:#666}.assignee-modal.dark .task-date,.assignee-modal.dark .task-due-date{color:#fff9}.empty-state{text-align:center;padding:40px 20px}.assignee-modal.light .empty-state p{color:#666}.assignee-modal.dark .empty-state p{color:#ffffffb3}@media(max-width:768px){.assignee-modal{max-width:95vw}.modal-header{padding:16px}.modal-title{font-size:20px}.modal-body,.assignee-task-item{padding:16px}.task-item-header{flex-direction:column;align-items:flex-start}}.long-running-tasks-list{display:flex;flex-direction:column;gap:12px}.long-running-task-card{padding:16px 20px;border-radius:16px;transition:all .3s ease}.individual-tasks-dashboard-page.light .long-running-task-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.individual-tasks-dashboard-page.dark .long-running-task-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.long-running-task-card:hover{transform:translateY(-2px)}.task-info{display:flex;flex-direction:column;gap:8px}.task-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.individual-tasks-dashboard-page.light .task-title{color:#333}.individual-tasks-dashboard-page.dark .task-title{color:#fff}.task-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-badge{padding:4px 12px;border-radius:12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .3s ease}.assignee-info{display:flex;align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.individual-tasks-dashboard-page.light .assignee-info{color:#666}.individual-tasks-dashboard-page.dark .assignee-info{color:#ffffffb3}.task-age{font-family:Poppins,sans-serif;font-size:13px;transition:color .3s ease}.individual-tasks-dashboard-page.light .task-age{color:#666}.individual-tasks-dashboard-page.dark .task-age{color:#ffffffb3}@media(max-width:768px){.individual-tasks-dashboard-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.stats-grid,.category-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.individual-tasks-dashboard-page{padding:12px}.page-title{font-size:20px}.task-meta{flex-direction:column;align-items:flex-start;gap:8px}}.admin-dashboard-page{padding:32px;min-height:100%;transition:background-color .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.admin-dashboard-page.light,.admin-dashboard-page.dark{background:transparent}.admin-dashboard-page.light .page-title{color:#333}.admin-dashboard-page.dark .page-title{color:#fff}.admin-dashboard-page.light .page-subtitle{color:#666}.admin-dashboard-page.dark .page-subtitle{color:#ffffffb3}.admin-dashboard-page.light .loading-state{color:#666}.admin-dashboard-page.dark .loading-state{color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.admin-dashboard-page.light .stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.admin-dashboard-page.light .stat-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;transform:translateY(-2px)}.admin-dashboard-page.dark .stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.admin-dashboard-page.dark .stat-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040;transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.admin-dashboard-page.light .stat-icon{background:#e0e0e0;color:#3b82f6;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.admin-dashboard-page.dark .stat-icon{background:#2d2d2d;color:#60a5fa;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.stat-content{flex:1;min-width:0}.stat-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.admin-dashboard-page.light .stat-label{color:#666}.admin-dashboard-page.dark .stat-label{color:#ffffffb3}.stat-value{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;transition:color .3s ease}.admin-dashboard-page.light .stat-value{color:#333}.admin-dashboard-page.dark .stat-value{color:#fff}.stat-completed{color:#22c55e!important}.stat-overdue{color:#ef4444!important}.dashboard-section{margin-bottom:32px}.admin-dashboard-page.light .section-title{color:#333}.admin-dashboard-page.dark .section-title{color:#fff}.dashboard-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{padding:16px 20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.admin-dashboard-page.light .breakdown-item{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.admin-dashboard-page.dark .breakdown-item{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.dashboard-section.birthdays-section{margin-bottom:40px!important}.dashboard-section.main-stats-section{margin-bottom:40px}.filter-btn{padding:6px 16px;border-radius:8px;border:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent}.admin-dashboard-page.light .filter-btn{color:#666}.admin-dashboard-page.light .filter-btn.active{background:#e0e0e0;color:#3b82f6;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.admin-dashboard-page.dark .filter-btn{color:#fff9}.admin-dashboard-page.dark .filter-btn.active{background:#2d2d2d;color:#60a5fa;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.birthday-name-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;flex-wrap:nowrap;min-width:0}.birthday-name-row .birthday-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.birthday-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border-radius:12px;flex-shrink:0;line-height:1;transition:all .3s ease}.admin-dashboard-page.light .birthday-date-badge{background:#d1d1d1;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.admin-dashboard-page.dark .birthday-date-badge{background:#1e2229;box-shadow:inset 2px 2px 5px #111,inset -1px -1px 2px #444}.badge-day{font-size:13px;font-weight:700;margin-bottom:2px}.badge-month{font-size:9px;font-weight:600;text-transform:uppercase;opacity:.8}.admin-dashboard-page.light .badge-day{color:#3b82f6}.admin-dashboard-page.light .badge-month{color:#555}.admin-dashboard-page.dark .badge-day{color:#60a5fa}.admin-dashboard-page.dark .badge-month{color:#94a3b8}.empty-birthdays{padding:32px;text-align:center;font-family:Poppins,sans-serif;font-size:14px;border-radius:16px}.admin-dashboard-page.light .empty-birthdays{color:#999}.admin-dashboard-page.dark .empty-birthdays{color:#fff6}.breakdown-label{display:flex;align-items:center;gap:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.admin-dashboard-page.light .breakdown-label{color:#333}.admin-dashboard-page.dark .breakdown-label{color:#fff}.breakdown-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.breakdown-value{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:color .3s ease}.admin-dashboard-page.light .breakdown-value{color:#333}.admin-dashboard-page.dark .breakdown-value{color:#fff}.priority-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.priority-indicator.urgent{background-color:#ef4444}.priority-indicator.high{background-color:#fb923c}.priority-indicator.medium{background-color:#3b82f6}.priority-indicator.low{background-color:#9ca3af}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.admin-dashboard-page{padding:20px}.page-header{margin-bottom:24px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:16px}.dashboard-sections-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{width:48px;height:48px}.stat-value{font-size:24px}}@media(max-width:480px){.admin-dashboard-page{padding:16px}.page-title{font-size:20px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;overflow-y:auto}.modal-content{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border-radius:20px;transition:all .3s ease;display:flex;flex-direction:column}.modal-content.light{background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.modal-content.dark{background:#2d2d2d;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid;transition:border-color .3s ease}.modal-content.light .modal-header{border-color:#0000001a}.modal-content.dark .modal-header{border-color:#ffffff1a}.modal-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;margin:0;transition:color .3s ease}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-content.light .modal-close:hover{background:#0000000d;color:#333}.modal-content.dark .modal-close:hover{background:#ffffff0d;color:#fff}.modal-body{padding:24px;flex:1;overflow-y:auto}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-item{padding:20px;border-radius:12px;transition:all .3s ease}.modal-content.light .task-item{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.dark .task-item{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.task-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}.task-item-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.task-item-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease;word-break:break-word}.modal-content.light .task-item-title{color:#333}.modal-content.dark .task-item-title{color:#fff}.task-item-badges{display:flex;gap:8px;flex-wrap:wrap}.priority-badge,.category-badge{padding:4px 10px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize}.task-item-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin:0 0 12px;transition:color .3s ease;word-break:break-word}.modal-content.light .task-item-description{color:#666}.modal-content.dark .task-item-description{color:#ffffffb3}.task-item-meta{display:flex;flex-wrap:wrap;gap:16px;font-family:Poppins,sans-serif;font-size:13px}.task-meta-item{display:flex;align-items:center;gap:6px;transition:color .3s ease}.modal-content.light .task-meta-item{color:#666}.modal-content.dark .task-meta-item{color:#fff9}.admin-tasks-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.admin-task-modal-card{width:100%;height:280px;padding:20px;border-radius:12px;display:flex;flex-direction:column;transition:all .3s ease;box-sizing:border-box;overflow:hidden}.modal-content.light .admin-task-modal-card{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.light .admin-task-modal-card:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-content.dark .admin-task-modal-card{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content.dark .admin-task-modal-card:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.admin-task-card-content-wrapper{display:flex;flex-direction:row;gap:20px;margin-bottom:12px;flex:1;min-height:0;align-items:center}.admin-task-card-header{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;justify-content:center}.admin-task-card-title-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.admin-task-card-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-width:0}.modal-content.light .admin-task-card-title{color:#333}.modal-content.dark .admin-task-card-title{color:#fff}.admin-task-card-badges{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.admin-task-priority-badge,.admin-task-category-badge{padding:4px 10px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}.admin-task-card-description-wrapper{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin-top:8px}.admin-task-card-description-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:color .3s ease}.modal-content.light .admin-task-card-description-label{color:#666}.modal-content.dark .admin-task-card-description-label{color:#fffc}.admin-task-card-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;margin:0;transition:color .3s ease;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-content.light .admin-task-card-description{color:#666}.modal-content.dark .admin-task-card-description{color:#ffffffb3}.admin-task-card-meta{display:flex;flex-direction:column;gap:8px;font-family:Poppins,sans-serif;font-size:12px;flex-shrink:0;min-width:200px;justify-content:center;align-items:flex-start}.admin-task-meta-item{display:flex;align-items:center;gap:6px;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-content.light .admin-task-meta-item{color:#666}.modal-content.dark .admin-task-meta-item{color:#fff9}.modal-content.light .empty-state p{color:#666}.modal-content.dark .empty-state p{color:#ffffffb3}@media(max-width:768px){.modal-content{max-width:95vw}.modal-header{padding:16px}.modal-title{font-size:20px}.modal-body,.task-item{padding:16px}.task-item-header{flex-direction:column;align-items:flex-start}.admin-tasks-modal-grid{grid-template-columns:1fr;gap:16px}.admin-task-modal-card{height:auto;min-height:240px}.admin-task-card-content-wrapper{flex-direction:column;gap:12px}.admin-task-card-meta{min-width:auto}}.admin-dashboard-page.light .performance-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.admin-dashboard-page.light .performance-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;transform:translateY(-2px)}.admin-dashboard-page.dark .performance-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.admin-dashboard-page.dark .performance-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040;transform:translateY(-2px)}.admin-dashboard-page.light .performance-employee-name{color:#333}.admin-dashboard-page.dark .performance-employee-name{color:#fff}.performance-score-badge{padding:6px 14px;border-radius:20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.performance-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-dashboard-page.light .metric-label{color:#666}.admin-dashboard-page.dark .metric-label{color:#ffffffb3}.admin-dashboard-page.light .metric-value{color:#333}.admin-dashboard-page.dark .metric-value{color:#fff}.metric-completed{color:#22c55e!important}.task-type-completed{color:#22c55e}.modal-content.light .task-type-separator{color:#666}.modal-content.dark .task-type-separator{color:#ffffffb3}.task-type-total{transition:color .3s ease}.modal-content.light .task-type-total{color:#333}.modal-content.dark .task-type-total{color:#fff}.modal-content.light .daily-performance-value{color:#333}.modal-content.dark .daily-performance-value{color:#fff}@media(max-width:768px){.performance-list{grid-template-columns:1fr}.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}.performance-detail-grid,.task-type-breakdown{grid-template-columns:1fr}.daily-performance-chart{padding:12px}.daily-performance-bar-container{min-width:30px}.daily-performance-bar-wrapper{width:24px;height:120px}}.birthdays-section{margin-bottom:32px}.birthdays-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.birthday-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;transition:all .3s ease}.admin-dashboard-page.light .birthday-card{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.admin-dashboard-page.light .birthday-card:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.admin-dashboard-page.dark .birthday-card{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.admin-dashboard-page.dark .birthday-card:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.birthday-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboard-page.light .birthday-icon,.admin-dashboard-page.dark .birthday-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.birthday-info{flex:1;min-width:0;overflow:hidden}.birthday-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin-bottom:4px;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard-page.light .birthday-name{color:#333}.admin-dashboard-page.dark .birthday-name{color:#fff}.birthday-email{font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard-page.light .birthday-email{color:#666}.admin-dashboard-page.dark .birthday-email{color:#ffffffb3}.performance-metrics-page{padding:32px;min-height:100%;transition:background-color .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.performance-metrics-page.light,.performance-metrics-page.dark{background:transparent}.performance-metrics-page.light .page-title{color:#333}.performance-metrics-page.dark .page-title{color:#fff}.performance-metrics-page.light .page-subtitle{color:#666}.performance-metrics-page.dark .page-subtitle{color:#fff}.performance-metrics-page.light .loading-state{color:#666}.performance-metrics-page.dark .loading-state{color:#fff}.performance-filter-section{margin-bottom:24px}.section-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px;transition:color .3s ease}.performance-metrics-page.light .section-title{color:#333}.performance-metrics-page.dark .section-title{color:#fff}.performance-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.performance-card{padding:20px;border-radius:16px;transition:all .3s ease}.performance-metrics-page.light .performance-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.performance-metrics-page.light .performance-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;transform:translateY(-2px)}.performance-metrics-page.dark .performance-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.performance-metrics-page.dark .performance-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040;transform:translateY(-2px)}.performance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.performance-employee-info{display:flex;align-items:center;gap:12px}.performance-metrics-page.dark .performance-employee-info{color:#fff}.performance-employee-name{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.performance-metrics-page.light .performance-employee-name{color:#333}.performance-metrics-page.dark .performance-employee-name{color:#fff}.performance-score-badge{padding:8px 16px;border-radius:24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .3s ease}.performance-good,.performance-avg,.performance-poor,.performance-info{transition:color .3s ease}.performance-metrics-page.light .performance-good,.performance-metrics-page.light .performance-avg,.performance-metrics-page.light .performance-poor,.performance-metrics-page.light .performance-info{color:#000!important}.performance-metrics-page.dark .performance-good,.performance-metrics-page.dark .performance-avg,.performance-metrics-page.dark .performance-poor,.performance-metrics-page.dark .performance-info{color:#fff!important}.modal-content.light .performance-good,.modal-content.light .performance-avg,.modal-content.light .performance-poor,.modal-content.light .performance-info{color:#000!important}.modal-content.dark .performance-good,.modal-content.dark .performance-avg,.modal-content.dark .performance-poor,.modal-content.dark .performance-info{color:#fff!important}.performance-metrics-page.light .performance-score-badge{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#333}.performance-metrics-page.dark .performance-score-badge{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;color:#fff}.badge-good,.badge-avg,.badge-poor{background:inherit!important;box-shadow:inherit!important;color:inherit!important}.performance-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.performance-metric{text-align:center}.metric-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.performance-metrics-page.light .metric-label{color:#666}.performance-metrics-page.dark .metric-label{color:#fff!important}.metric-value{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:color .3s ease}.performance-metrics-page.light .metric-value{color:#333}.performance-metrics-page.dark .metric-value{color:#fff}.metric-completed{color:inherit!important}.performance-metrics-page.light .metric-completed{color:#000!important}.performance-metrics-page.dark .metric-completed{color:#fff!important}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease}.performance-metrics-page.light .empty-state p{color:#666}.performance-metrics-page.dark .empty-state p{color:#fff}.modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.light{background:#fff}.modal-content.dark{background:#1a1a1a}.employee-performance-modal{max-width:900px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header p,.modal-subtitle{transition:color .3s ease;margin:4px 0 0;font-size:14px}.modal-content.light .modal-header p,.modal-content.light .modal-subtitle{color:#666}.modal-content.dark .modal-header p,.modal-content.dark .modal-subtitle{color:#fff!important;opacity:1!important}.modal-content.dark .modal-header{border-bottom-color:#ffffff1a}.modal-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.modal-content.light .modal-title{color:#333}.modal-content.dark .modal-title{color:#fff}.modal-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;transition:color .3s ease}.modal-content.light .modal-close{color:#666}.modal-content.dark .modal-close{color:#ffffffb3}.performance-score-section{display:flex;justify-content:center;padding:30px 0;margin-bottom:30px}.performance-score-circle{width:150px;height:150px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif}.performance-score-value{font-size:36px;font-weight:700;margin-bottom:4px}.modal-content.dark .performance-score-value{color:#fff!important}.performance-score-label{font-size:14px;font-weight:500;opacity:.8}.modal-content.dark .performance-score-label{color:#fff!important;opacity:1!important}.performance-detail-section{margin-bottom:30px}.performance-section-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px;transition:color .3s ease}.modal-content.light .performance-section-title{color:#333}.modal-content.dark .performance-section-title{color:#fff}.performance-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.performance-detail-card{padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.modal-content.light .performance-detail-card{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.modal-content.dark .performance-detail-card{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.detail-card-icon{transition:color .3s ease}.modal-content.light .detail-card-icon{color:#666}.modal-content.dark .detail-card-icon{color:#ffffffb3}.detail-card-content{flex:1}.detail-card-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.modal-content.light .detail-card-label{color:#666}.modal-content.dark .detail-card-label{color:#ffffffb3}.detail-card-value{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;transition:color .3s ease}.modal-content.light .detail-card-value{color:#333}.modal-content.dark .detail-card-value{color:#fff}.task-type-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.task-type-item{padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.modal-content.light .task-type-item{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.modal-content.dark .task-type-item{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.task-type-header{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease}.modal-content.light .task-type-header{color:#333}.modal-content.dark .task-type-header{color:#fff}.task-type-stats{display:flex;align-items:center;gap:4px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.task-type-completed{transition:color .3s ease}.modal-content.light .task-type-completed{color:#000!important}.modal-content.dark .task-type-completed{color:#fff!important}.task-type-separator{opacity:.5;transition:color .3s ease}.modal-content.light .task-type-separator,.modal-content.light .task-type-total{color:#333}.modal-content.dark .task-type-separator,.modal-content.dark .task-type-total{color:#fff!important;opacity:1!important}.daily-performance-chart{display:flex;align-items:flex-end;gap:8px;padding:20px;border-radius:12px;min-height:200px;overflow-x:auto;transition:background-color .3s ease}.modal-content.light .daily-performance-chart{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.modal-content.dark .daily-performance-chart{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.daily-performance-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:40px}.daily-performance-date{font-family:Poppins,sans-serif;font-size:10px;font-weight:500;text-align:center;transition:color .3s ease}.modal-content.light .daily-performance-date{color:#666}.modal-content.dark .daily-performance-date{color:#ffffffb3}.daily-performance-bar-wrapper{width:30px;height:150px;display:flex;align-items:flex-end;justify-content:center}.daily-performance-bar{width:100%;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer}.daily-performance-bar:hover{opacity:.8}.daily-performance-value{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:color .3s ease}.modal-content.light .daily-performance-date,.modal-content.light .daily-performance-value{color:#333}.modal-content.dark .daily-performance-date,.modal-content.dark .daily-performance-value{color:#fff!important;opacity:1!important}@media(max-width:768px){.performance-metrics-page{padding:20px}.performance-filter-select{width:100%;min-width:auto}.performance-list{grid-template-columns:1fr}.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}.performance-detail-grid,.task-type-breakdown{grid-template-columns:1fr}.daily-performance-chart{padding:12px}.daily-performance-bar-container{min-width:30px}.daily-performance-bar-wrapper{width:24px;height:120px}.modal-content{max-width:95vw}}.performance-metrics-summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.performance-metrics-summary-stat-card{padding:20px;border-radius:16px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.performance-metrics-page.light .performance-metrics-summary-stat-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.performance-metrics-page.light .performance-metrics-summary-stat-card:hover{box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff;transform:translateY(-2px)}.performance-metrics-page.dark .performance-metrics-summary-stat-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.performance-metrics-page.dark .performance-metrics-summary-stat-card:hover{box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040;transform:translateY(-2px)}.performance-metrics-summary-stat-icon{display:flex;align-items:center;justify-content:center;transition:color .3s ease}.performance-metrics-page.light .performance-metrics-summary-stat-icon{color:#666}.performance-metrics-page.dark .performance-metrics-summary-stat-icon{color:#ffffffb3}.performance-metrics-summary-stat-content{flex:1}.performance-metrics-summary-stat-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.performance-metrics-page.light .performance-metrics-summary-stat-label{color:#666}.performance-metrics-page.dark .performance-metrics-summary-stat-label{color:#ffffffb3}.performance-metrics-summary-stat-value{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;transition:color .3s ease}.performance-metrics-page.light .performance-metrics-summary-stat-value{color:#333}.performance-metrics-page.dark .performance-metrics-summary-stat-value{color:#fff}.performance-metrics-time-period-indicator{font-family:Poppins,sans-serif;font-size:14px;margin:12px 0 0;transition:color .3s ease}.performance-metrics-page.light .performance-metrics-time-period-indicator{color:#666}.performance-metrics-page.dark .performance-metrics-time-period-indicator{color:#fff}.performance-metrics-page.light .performance-metrics-metric-hint{color:#000!important;opacity:.6!important}.performance-metrics-page.dark .performance-metrics-metric-hint{color:#fff!important;opacity:1!important;font-weight:500!important}.performance-metrics-time-period-note{margin-left:8px;opacity:.6}.performance-metrics-progress-bar-container{width:100%;height:12px;border-radius:6px;margin-bottom:20px;overflow:hidden;position:relative}.performance-metrics-page.light .performance-metrics-progress-bar-container{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.performance-metrics-page.dark .performance-metrics-progress-bar-container{background:#2d2d2d;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.performance-metrics-progress-bar{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000001a}.performance-metrics-page.light .performance-metrics-progress-bar{background:#000;box-shadow:0 0 10px #0000001a}.performance-metrics-page.dark .performance-metrics-progress-bar{background:#fff;box-shadow:0 0 15px #fff6}.bar-good,.bar-avg,.bar-poor{background:inherit!important}.performance-metrics-metric-hint{font-size:10px;opacity:.5;margin-top:2px}.performance-score-circle{width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif;transition:all .3s ease;border:4px solid transparent}.modal-content.light .performance-score-circle{background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff;border-color:#000;color:#000}.modal-content.dark .performance-score-circle{background:#2d2d2d;box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040;border-color:#fff;color:#fff}.performance-score-value{font-size:42px;font-weight:800;margin-bottom:2px}.performance-score-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.daily-performance-bar{width:100%;border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;box-shadow:2px 0 5px #0000001a}.modal-content.light .daily-performance-bar{background:#000}.modal-content.dark .daily-performance-bar{background:#fff}@media(max-width:768px){.performance-metrics-summary-stats-grid{grid-template-columns:1fr}}.teams-page{padding:32px;min-height:100%;transition:all .3s ease}.teams-page.light,.teams-page.dark{background:transparent}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.teams-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.teams-page.light .teams-title{color:#333}.teams-page.dark .teams-title{color:#fff}.teams-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.teams-page.light .teams-subtitle{color:#666}.teams-page.dark .teams-subtitle{color:#ffffffb3}.neo-button-add-team{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important;background:#e0e0e0!important;color:#333!important;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff!important}.teams-page.dark .neo-button-add-team{background:#2d2d2d!important;color:#fff!important;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040!important}.teams-page.light .neo-button-add-team:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff!important;transform:translateY(-2px)}.teams-page.dark .neo-button-add-team:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040!important;transform:translateY(-2px)}.teams-page.light .neo-button-add-team:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff!important}.teams-page.dark .neo-button-add-team:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040!important}.neo-button-add-team svg{width:14.4px;height:14.4px}.filters-section{margin-bottom:24px;padding:24px;border-radius:16px;transition:all .3s ease}.teams-page.light .filters-section{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.teams-page.dark .filters-section{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.search-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.search-wrapper:before{content:"Search";font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:color .3s ease;display:block}.teams-page.light .search-wrapper:before{color:#555}.teams-page.dark .search-wrapper:before{color:#ffffffe6}.search-icon-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;object-fit:contain;pointer-events:none;z-index:2}.search-input{width:100%;padding:10px 42px 10px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;position:relative;z-index:1}.teams-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.teams-page.light .search-input::placeholder{color:#666}.teams-page.light .search-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.teams-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.teams-page.dark .search-input::placeholder{color:#fff9}.teams-page.dark .search-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;border-radius:16px;transition:all .3s ease}.teams-page.light .loading-state,.teams-page.light .empty-state{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;color:#666}.teams-page.dark .loading-state,.teams-page.dark .empty-state{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;color:#ffffffb3}.empty-state p{margin-top:16px;font-size:16px;font-family:Poppins,sans-serif}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.team-card{padding:24px;border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box;width:100%}.teams-page.light .team-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.teams-page.dark .team-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.team-card:hover{transform:translateY(-2px)}.teams-page.light .team-card:hover{box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.teams-page.dark .team-card:hover{box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040}.team-card-header{margin-bottom:16px}.team-info{width:100%}.team-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.team-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0;flex:1;transition:color .3s ease}.teams-page.light .team-name{color:#333}.teams-page.dark .team-name{color:#fff}.menu-wrapper{position:relative}.team-menu-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;color:inherit}.team-menu-btn:hover{opacity:.7}.teams-page.light .team-menu-btn:hover{background:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.teams-page.dark .team-menu-btn:hover{background:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.team-menu{position:absolute;top:100%;right:0;margin-top:8px;padding:8px;border-radius:12px;min-width:180px;z-index:1000;transition:all .3s ease}.teams-page.light .team-menu{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.teams-page.dark .team-menu{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.menu-item{width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;color:inherit;text-align:left}.teams-page.light .menu-item{color:#333}.teams-page.dark .menu-item{color:#fff}.menu-item:hover{opacity:.8}.teams-page.light .menu-item:hover{background:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.teams-page.dark .menu-item:hover{background:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.menu-item-danger{color:#ef4444}.team-description{margin-bottom:16px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;transition:color .3s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.team-description-text{display:inline;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.teams-page.light .team-description{color:#666}.teams-page.dark .team-description{color:#ffffffb3}.read-more-btn{background:none;border:none;color:inherit;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;margin-top:8px;display:inline-block;transition:all .3s ease;text-decoration:underline}.read-more-btn:hover{opacity:.8}.teams-page.light .read-more-btn{color:#3b82f6}.teams-page.dark .read-more-btn{color:#60a5fa}.team-details{display:flex;flex-direction:column;gap:12px}.team-detail-item{display:flex;align-items:center;gap:12px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.teams-page.light .team-detail-item{color:#666}.teams-page.dark .team-detail-item{color:#ffffffb3}.detail-label{font-weight:600;transition:color .3s ease}.teams-page.light .detail-label{color:#555}.teams-page.dark .detail-label{color:#ffffffe6}.team-members-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.member-tag{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;transition:all .3s ease}.teams-page.light .member-tag{background:#e0e0e0;color:#333;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.teams-page.dark .member-tag{background:#2d2d2d;color:#fff;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.modal-overlay{position:fixed!important;inset:0!important;display:flex;align-items:center;justify-content:center;z-index:99999!important;padding:24px}.teams-page.light .modal-overlay,.teams-page.dark .modal-overlay{background:transparent}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:20px;transition:all .3s ease;position:relative;z-index:100000}.teams-page.light .modal-content{background:#e0e0e0;box-shadow:20px 20px 40px #bebebe,-20px -20px 40px #fff}.teams-page.dark .modal-content{background:#2d2d2d;box-shadow:20px 20px 40px #1a1a1a,-20px -20px 40px #404040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(0,0,0,.1)}.teams-page.dark .modal-header{border-bottom-color:#ffffff1a}.teams-page.light .modal-header h2{color:#333}.teams-page.dark .modal-header h2{color:#fff}.modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;color:inherit}.modal-close:hover{opacity:.7}.teams-page.light .modal-close:hover{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.teams-page.dark .modal-close:hover{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.form-group label{display:block;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.teams-page.light .form-group label{color:#555}.teams-page.dark .form-group label{color:#ffffffe6}.error-text{display:block;margin-top:4px;font-family:Poppins,sans-serif;font-size:12px;color:#ef4444}.neo-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none}.teams-page.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.teams-page.light .neo-input::placeholder{color:#999}.teams-page.light .neo-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.teams-page.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.teams-page.dark .neo-input::placeholder{color:#666}.teams-page.dark .neo-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.members-selector{max-height:200px;overflow-y:auto;padding:12px;border-radius:12px;transition:all .3s ease}.teams-page.light .members-selector{background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.teams-page.dark .members-selector{background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.member-checkbox{display:flex!important;align-items:center!important;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.member-checkbox:hover{opacity:.7}.teams-page.light .member-checkbox:hover{background:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.teams-page.dark .member-checkbox:hover{background:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.member-checkbox input[type=checkbox]{margin:0 12px 0 0!important;width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.member-checkbox span{font-family:Poppins,sans-serif;font-size:14px;line-height:1!important;margin:0!important;padding:0!important;-webkit-user-select:none;user-select:none;transition:color .3s ease;transform:translateY(-2px)}.teams-page.light .member-checkbox span{color:#333}.teams-page.dark .member-checkbox span{color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid rgba(0,0,0,.1)}.teams-page.dark .modal-footer{border-top-color:#ffffff1a}.delete-modal .modal-body{padding:24px}.delete-modal .modal-body p{margin:0;font-size:16px;line-height:1.6}@media(max-width:768px){.teams-page{padding:16px}.page-header{flex-direction:column;gap:16px}.teams-grid{grid-template-columns:1fr}.modal-content{max-width:100%}}.placeholder-page{padding:32px;min-height:100%}.placeholder-content{padding:60px 40px;border-radius:20px;text-align:center;transition:all .3s ease}.placeholder-page.light .placeholder-content{background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff}.placeholder-page.dark .placeholder-content{background:#2d2d2d;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040}.placeholder-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin:0 0 16px;transition:color .3s ease}.placeholder-page.light .placeholder-title{color:#333}.placeholder-page.dark .placeholder-title{color:#fff}.placeholder-subtitle{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;margin:0;transition:color .3s ease}.placeholder-page.light .placeholder-subtitle{color:#666}.placeholder-page.dark .placeholder-subtitle{color:#ffffffb3}.profile-page{padding:32px;min-height:100%;transition:background-color .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.profile-page.light,.profile-page.dark{background:transparent}.profile-page .page-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;margin-bottom:32px!important;padding-left:8px}.profile-page.light .page-title{color:#333}.profile-page.dark .page-title{color:#fff}.profile-page.light .page-subtitle{color:#666}.profile-page.dark .page-subtitle{color:#ffffffb3}.profile-section{background:#e0e0e0;border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transition:all .3s ease}.profile-page.dark .profile-section{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-section-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin-bottom:12px!important;width:100%!important}.profile-section-header svg{flex-shrink:0!important;margin:0!important;transition:color .3s ease}.profile-section-header .section-title{margin:0!important;padding:0!important}.section-header svg{transition:color .3s ease}.profile-page.light .section-header svg,.profile-page.light .profile-section-header svg{color:#667eea}.profile-page.dark .section-header svg,.profile-page.dark .profile-section-header svg{color:#fff}.section-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0;transition:color .3s ease}.profile-page.light .section-title{color:#333}.profile-page.dark .section-title{color:#fff}.section-description{font-family:Poppins,sans-serif;font-size:14px;margin:0 0 24px;line-height:1.6;transition:color .3s ease}.profile-page.light .section-description{color:#666}.profile-page.dark .section-description{color:#ffffffb3}.email-config-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.profile-page.light .form-group label{color:#333}.profile-page.dark .form-group label{color:#fff}.neo-input{width:100%;padding:12px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;box-sizing:border-box}.profile-page.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.profile-page.light .neo-input::placeholder{color:#999}.profile-page.light .neo-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.profile-page.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.profile-page.dark .neo-input::placeholder{color:#ffffff80}.profile-page.dark .neo-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.form-hint{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.profile-page.light .form-hint{color:#999}.profile-page.dark .form-hint{color:#ffffff80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .neo-input{padding-right:48px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.profile-page.light .password-toggle{color:#666}.profile-page.light .password-toggle:hover{background:#0000000d;color:#333}.profile-page.dark .password-toggle{color:#ffffffb3}.profile-page.dark .password-toggle:hover{background:#ffffff0d;color:#fff}.save-message{padding:12px 16px;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease}.save-message.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.save-message.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.neo-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.neo-button:disabled{opacity:.6;cursor:not-allowed}.neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.profile-page.light .neo-button-primary:hover:not(:disabled){box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.profile-page.light .neo-button-primary:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.profile-page.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.profile-page.dark .neo-button-primary:hover:not(:disabled){box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.profile-page.dark .neo-button-primary:active:not(:disabled){box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);transform:translateY(0)}.profile-page.light .loading-state{color:#666}.profile-page.dark .loading-state{color:#ffffffb3}.info-message{font-family:Poppins,sans-serif;font-size:14px;padding:20px;text-align:center;border-radius:12px;transition:all .3s ease}.profile-page.light .info-message{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.profile-page.dark .info-message{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.info-item{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;transition:all .3s ease}.profile-page.light .info-item{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.profile-page.dark .info-item{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.info-label{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:color .3s ease}.profile-page.light .info-label{color:#666}.profile-page.dark .info-label{color:#ffffffb3}.info-label svg{transition:color .3s ease}.profile-page.light .info-label svg{color:#667eea}.profile-page.dark .info-label svg{color:#60a5fa}.info-value{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transition:color .3s ease}.profile-page.light .info-value{color:#333}.profile-page.dark .info-value{color:#fff}.capitalize{text-transform:capitalize}.password-change-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.neo-button-danger{background:#e0e0e0;color:#ef4444;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.profile-page.light .neo-button-danger:hover:not(:disabled){background:#ef44441a;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.profile-page.light .neo-button-danger:active:not(:disabled){box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(0)}.profile-page.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.profile-page.dark .neo-button-danger:hover:not(:disabled){background:#ef444426;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.profile-page.dark .neo-button-danger:active:not(:disabled){box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);transform:translateY(0)}@media(max-width:768px){.profile-page{padding:20px}.page-title{font-size:24px}.profile-section{padding:24px}.form-row{grid-template-columns:1fr}.user-info-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.profile-page{padding:16px}.page-title{font-size:20px}.profile-section{padding:20px}.section-title{font-size:20px}.user-info-grid{gap:12px}.info-item{padding:12px}.info-value{font-size:14px}}.logout-modal-text{font-family:Poppins,sans-serif;font-size:15px;line-height:1.6;margin:0;transition:color .3s ease}.profile-page.light .logout-modal-text{color:#444}.profile-page.dark .logout-modal-text{color:#fffc}.todo-list-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.todo-list-page.light,.todo-list-page.dark{background:transparent}.todo-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-todo{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important}.neo-button-add-todo svg{width:14.4px;height:14.4px;display:block;flex-shrink:0;transform:translateY(1px)!important}.todo-list-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo-list-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.todo-list-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo-list-page.dark .neo-button-primary{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.todo-list-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.todo-list-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.todo-list-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.todo-list-page.light .todo-list-title{color:#333}.todo-list-page.dark .todo-list-title{color:#fff}.todo-list-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.todo-list-page.light .todo-list-subtitle{color:#666}.todo-list-page.dark .todo-list-subtitle{color:#ffffffb3}.todo-stats{display:flex;gap:16px;margin-bottom:24px}.todo-list-page.light .stat-item{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo-list-page.light .stat-item:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.todo-list-page.dark .stat-item{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.todo-list-page.dark .stat-item:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.todo-list-page.light .stat-value{color:#333}.todo-list-page.dark .stat-value{color:#fffffff2}.todo-list-page.light .stat-label{color:#666}.todo-list-page.dark .stat-label{color:#ffffffbf}.todo-filters{display:flex;gap:12px;margin-bottom:24px;padding:4px;border-radius:12px;transition:all .3s ease}.todo-list-page.light .todo-filters{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo-list-page.dark .todo-filters{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);border:1px solid rgba(255,255,255,.05)}.todo-list-page.light .filter-button{background:transparent;color:#666}.todo-list-page.light .filter-button:hover{background:#0000000d}.todo-list-page.light .filter-button.active{background:#d0d0d0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.todo-list-page.dark .filter-button{background:transparent;color:#ffffffbf}.todo-list-page.dark .filter-button:hover{background:#ffffff14;color:#ffffffe6}.todo-list-page.dark .filter-button.active{background:#1a1a1a;color:#fffffff2;box-shadow:3px 3px 6px #0f0f0f,-3px -3px 6px #252525}.todo-list-page.light .loading-state,.todo-list-page.light .empty-state{color:#666}.todo-list-page.dark .loading-state,.todo-list-page.dark .empty-state{color:#fffc}.todo-list-page.dark .empty-state svg{color:#fff9}.todos-list{display:flex;flex-direction:column;gap:12px}.todo-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;transition:all .3s ease}.todo-list-page.light .todo-item{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo-list-page.light .todo-item:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.todo-list-page.dark .todo-item{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.todo-list-page.dark .todo-item:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232}.todo-checkbox{width:24px;height:24px;min-width:24px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.todo-list-page.light .todo-checkbox{border-color:#bebebe;background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.todo-list-page.light .todo-checkbox:hover{border-color:#3b82f6;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.todo-list-page.light .todo-checkbox.checked{background:#22c55e;border-color:#22c55e;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.todo-list-page.dark .todo-checkbox{border-color:#ffffff40;background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.todo-list-page.dark .todo-checkbox:hover{border-color:#60a5fa;background:#323232;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.todo-list-page.dark .todo-checkbox.checked{background:#22c55e;border-color:#22c55e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.todo-checkbox svg{color:#fff}.todo-content{flex:1;min-width:0;cursor:pointer}.todo-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:all .3s ease;word-break:break-word}.todo-list-page.light .todo-title{color:#333}.todo-list-page.dark .todo-title{color:#ffffffe6}.todo-title.strikethrough{text-decoration:line-through;opacity:.6}.todo-completed-date{font-family:Poppins,sans-serif;font-size:12px;margin-top:4px;transition:color .3s ease}.todo-list-page.light .todo-completed-date{color:#666}.todo-list-page.dark .todo-completed-date{color:#ffffffa6}.todo-delete-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#ef4444}.todo-list-page.light .todo-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.todo-list-page.light .todo-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.todo-list-page.light .todo-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.todo-list-page.dark .todo-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;color:#ef4444}.todo-list-page.dark .todo-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444440;color:#ff6b6b}.todo-list-page.dark .todo-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-content{width:100%;max-width:500px;border-radius:16px;transition:all .3s ease}.error-text{display:block;font-family:Poppins,sans-serif;font-size:12px;color:#ef4444;margin-top:4px}.neo-button{padding:10px 20px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.neo-button-primary{transition:all .3s ease}.todo-date-group{margin-bottom:32px}.todo-date-header{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;margin:0 0 16px 4px;padding-bottom:8px;transition:all .3s ease;position:relative}.todo-list-page.light .todo-date-header{color:#333;border-bottom:2px solid #e0e0e0}.todo-list-page.dark .todo-date-header{color:#fff;border-bottom:2px solid rgba(255,255,255,.1);text-shadow:0 2px 4px rgba(0,0,0,.3)}.recurring-tasks-page{padding:64px 32px;min-height:100%;width:100%;box-sizing:border-box}.recurring-tasks-page.light,.recurring-tasks-page.dark{background:transparent}.recurring-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-task{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important}.neo-button-add-task svg{width:14.4px;height:14.4px;display:block;flex-shrink:0;transform:translateY(1px)!important}.neo-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;line-height:normal;justify-content:center}.neo-button svg{display:block}.recurring-tasks-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recurring-tasks-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recurring-tasks-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recurring-tasks-page.dark .neo-button-primary{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recurring-tasks-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.recurring-tasks-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.recurring-tasks-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.recurring-tasks-page.light .recurring-tasks-title{color:#333}.recurring-tasks-page.dark .recurring-tasks-title{color:#fff}.recurring-tasks-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.recurring-tasks-page.light .recurring-tasks-subtitle{color:#666}.recurring-tasks-page.dark .recurring-tasks-subtitle{color:#ffffffb3}.recurring-stats-container{display:flex;gap:16px;margin-bottom:24px}.stat-item{flex:1;padding:20px;border-radius:12px;text-align:center;transition:all .3s ease}.recurring-tasks-page.light .stat-item{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recurring-tasks-page.light .stat-item:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recurring-tasks-page.dark .stat-item{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recurring-tasks-page.dark .stat-item:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.stat-value{display:block;font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.recurring-tasks-page.light .stat-value{color:#333}.recurring-tasks-page.dark .stat-value{color:#fffffff2}.stat-label{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.recurring-tasks-page.light .stat-label{color:#666}.recurring-tasks-page.dark .stat-label{color:#ffffffbf}.task-filters{display:flex;gap:12px;margin-bottom:24px;padding:4px;border-radius:12px;transition:all .3s ease}.recurring-tasks-page.light .task-filters{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recurring-tasks-page.dark .task-filters{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);border:1px solid rgba(255,255,255,.05)}.filter-button{flex:1;padding:10px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.recurring-tasks-page.light .filter-button{background:transparent;color:#666}.recurring-tasks-page.light .filter-button:hover{background:#0000000d}.recurring-tasks-page.light .filter-button.active{background:#d0d0d0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.recurring-tasks-page.dark .filter-button{background:transparent;color:#ffffffbf}.recurring-tasks-page.dark .filter-button:hover{background:#ffffff14;color:#ffffffe6}.recurring-tasks-page.dark .filter-button.active{background:#1a1a1a;color:#fffffff2;box-shadow:3px 3px 6px #0f0f0f,-3px -3px 6px #252525}.loading-state,.empty-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center}.recurring-tasks-page.light .loading-state,.recurring-tasks-page.light .empty-state{color:#666}.recurring-tasks-page.dark .loading-state,.recurring-tasks-page.dark .empty-state{color:#fffc}.recurring-tasks-page.dark .empty-state svg{color:#fff9}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;transition:all .3s ease}.recurring-tasks-page.light .task-item{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recurring-tasks-page.light .task-item:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recurring-tasks-page.dark .task-item{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recurring-tasks-page.dark .task-item:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232}.task-checkbox{width:24px;height:24px;min-width:24px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.recurring-tasks-page.light .task-checkbox{border-color:#bebebe;background:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.recurring-tasks-page.light .task-checkbox:hover{border-color:#3b82f6;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.recurring-tasks-page.light .task-checkbox.checked{background:#22c55e;border-color:#22c55e;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.recurring-tasks-page.dark .task-checkbox{border-color:#ffffff40;background:#2d2d2d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.recurring-tasks-page.dark .task-checkbox:hover{border-color:#60a5fa;background:#323232;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.recurring-tasks-page.dark .task-checkbox.checked{background:#22c55e;border-color:#22c55e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.task-checkbox svg{color:#fff}.task-content{flex:1;min-width:0;cursor:pointer}.task-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:all .3s ease;word-break:break-word;margin-bottom:4px}.recurring-tasks-page.light .task-title{color:#333}.recurring-tasks-page.dark .task-title{color:#ffffffe6}.task-title.strikethrough{text-decoration:line-through;opacity:.6}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.frequency-badge{font-family:Poppins,sans-serif;font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.frequency-badge.daily{background:#3b82f626;color:#60a5fa}.frequency-badge.weekly{background:#a855f726;color:#c084fc}.frequency-badge.monthly{background:#ec489926;color:#f472b6}.task-completed-date{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.recurring-tasks-page.light .task-completed-date{color:#666}.recurring-tasks-page.dark .task-completed-date{color:#ffffffa6}.task-delete-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#ef4444}.recurring-tasks-page.light .task-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.recurring-tasks-page.light .task-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.recurring-tasks-page.light .task-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.recurring-tasks-page.dark .task-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;color:#ef4444}.recurring-tasks-page.dark .task-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444440;color:#ff6b6b}.recurring-tasks-page.dark .task-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.neo-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.modal-content.light .neo-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.create-first-routine-btn{padding:24px 32px;font-size:15px}.jodit-container{border-radius:12px!important;overflow:hidden;transition:border .3s ease;display:flex!important;flex-direction:column}.jodit-workplace{overflow-y:auto!important;flex:1}.modal-content.light .jodit-container{border:1px solid #c0c0c0!important;box-shadow:none!important}.modal-content.dark .jodit-container{border:1px solid #404040!important;box-shadow:inset 2px 2px 5px #1a1a1a,inset -2px -2px 5px #404040!important}.jodit-container:not(.jodit_inline){border-color:transparent!important}.company-policies-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.company-policies-page.light,.company-policies-page.dark{background:transparent}.company-policies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-policy{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1!important}.neo-button-add-policy svg{width:14.4px;height:14.4px;display:block;flex-shrink:0;transform:translateY(1px)}.neo-button-empty-create{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.neo-button-empty-create svg{display:block;flex-shrink:0;transform:translateY(8px)!important}.company-policies-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.company-policies-page.light .company-policies-title{color:#333}.company-policies-page.dark .company-policies-title{color:#fff}.company-policies-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.company-policies-page.light .company-policies-subtitle{color:#666}.company-policies-page.dark .company-policies-subtitle{color:#ffffffb3}.company-policies-page.light .loading-state,.company-policies-page.light .empty-state{color:#666}.company-policies-page.dark .loading-state,.company-policies-page.dark .empty-state{color:#ffffffb3}.company-policies-page.light .empty-state svg{color:#999}.company-policies-page.dark .empty-state svg{color:#ffffff80}.policies-list{display:flex;flex-direction:column;gap:20px}.policy-card{padding:24px;border-radius:16px;transition:all .3s ease}.company-policies-page.light .policy-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.company-policies-page.light .policy-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.company-policies-page.dark .policy-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.company-policies-page.dark .policy-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.company-policies-page.light .policy-expand-icon{color:#666;background:#0000000d}.company-policies-page.light .policy-expand-icon:hover{background:#0000001a}.company-policies-page.dark .policy-expand-icon{color:#ffffffb3;background:#ffffff0d}.company-policies-page.dark .policy-expand-icon:hover{background:#ffffff1a}.company-policies-page.light .policy-title{color:#333}.company-policies-page.dark .policy-title{color:#fffffff2}.company-policies-page.light .policy-created,.company-policies-page.light .policy-updated{color:#666}.company-policies-page.dark .policy-created,.company-policies-page.dark .policy-updated{color:#fff9}.company-policies-page.light .policy-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.company-policies-page.light .policy-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#3b82f61a}.company-policies-page.light .policy-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.company-policies-page.dark .policy-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.company-policies-page.dark .policy-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#3b82f633;color:#60a5fa}.company-policies-page.dark .policy-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.policy-delete-btn{color:#ef4444}.company-policies-page.light .policy-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.company-policies-page.light .policy-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.company-policies-page.light .policy-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.company-policies-page.dark .policy-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.company-policies-page.dark .policy-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426;color:#f87171}.company-policies-page.dark .policy-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.policy-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;transition:all .3s ease;cursor:pointer;position:relative}.policy-content-preview-container{display:flex;flex-direction:column;gap:8px}.policy-card{cursor:pointer}.policy-description.preview{max-height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.policy-view-more{font-family:Poppins,sans-serif;font-size:13px;color:#3b82f6;font-weight:500;cursor:pointer;margin-top:-4px}.company-policies-page.dark .policy-view-more{color:#60a5fa}.policy-view-more:hover{text-decoration:underline}.policy-meta-info{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.company-policies-page.dark .policy-meta-info{border-bottom:1px solid rgba(255,255,255,.1)}.policy-date-info{font-size:13px;color:#666;margin:0}.company-policies-page.dark .policy-date-info{color:#fff9}.policy-full-content{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6}.policy-description p{margin:0 0 12px}.policy-description strong,.policy-description b{font-weight:700}.policy-description em,.policy-description i{font-style:italic}.policy-description u{text-decoration:underline}.policy-description ul,.policy-description ol{margin:0 0 12px 24px;padding:0}.policy-description li{margin-bottom:4px}.policy-description h1,.policy-description h2,.policy-description h3,.policy-description h4,.policy-description h5,.policy-description h6{font-weight:600;margin:16px 0 8px;line-height:1.3}.policy-description h1{font-size:1.5em}.policy-description h2{font-size:1.3em}.policy-description h3{font-size:1.1em}.policy-description a{color:#3b82f6;text-decoration:underline}.policy-description p:last-child{margin-bottom:0}.company-policies-page.light .policy-description{color:#555}.company-policies-page.dark .policy-description{color:#fffc}.policy-title-section.policy-clickable:hover .policy-title{opacity:.8}.policy-description:hover{opacity:.9}.neo-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;line-height:1}.neo-button svg{display:block;transform:translateY(1px)}.company-policies-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.company-policies-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.company-policies-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.company-policies-page.dark .neo-button-primary{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.company-policies-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.company-policies-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.modal-content{width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border-radius:16px;transition:all .3s ease}.modal-content.light .neo-button-danger:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.modal-content.dark .neo-button-danger:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426;color:#f87171}.jodit-container{border:none!important;border-radius:16px!important;transition:all .3s ease!important;overflow:hidden!important}.modal-content.light .jodit-container{background:#e0e0e0!important;box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff!important}.modal-content.dark .jodit-container{background:#2d2d2d!important;box-shadow:inset 6px 6px 12px #1a1a1a,inset -6px -6px 12px #404040!important}.jodit-toolbar__box{border-bottom:none!important;padding:8px!important;transition:all .3s ease!important}.modal-content.light .jodit-toolbar__box{background:#e0e0e0!important}.modal-content.dark .jodit-toolbar__box{background:#2d2d2d!important}.jodit-toolbar-button{border-radius:8px!important;transition:all .3s ease!important;margin:2px!important}.modal-content.light .jodit-toolbar-button:hover{background:#e0e0e0!important;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff!important}.modal-content.dark .jodit-toolbar-button:hover{background:#2d2d2d!important;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040!important}.jodit-workplace{border:none!important;background:transparent!important}.jodit-wysiwyg{padding:16px!important;font-family:Poppins,sans-serif!important;line-height:1.6!important}.modal-content.light .jodit-wysiwyg{color:#333!important;background:transparent!important}.jodit-wysiwyg em,.jodit-wysiwyg i{font-style:italic!important}.jodit-wysiwyg b,.jodit-wysiwyg strong{font-weight:700!important}.jodit-wysiwyg b i,.jodit-wysiwyg i b,.jodit-wysiwyg strong em,.jodit-wysiwyg em strong,.jodit-wysiwyg b em,.jodit-wysiwyg em b,.jodit-wysiwyg strong i,.jodit-wysiwyg i strong{font-weight:700!important;font-style:italic!important}.modal-content.dark .jodit-wysiwyg{color:#fff!important;background:transparent!important}.jodit-status-bar{border-top:none!important;font-size:11px!important;opacity:.7!important}.modal-content.light .jodit-status-bar{background:#e0e0e0!important;color:#666!important}.modal-content.dark .jodit-status-bar{background:#2d2d2d!important;color:#ffffff80!important}.jodit-wysiwyg ul,.jodit-wysiwyg ol{padding-left:24px!important;margin-left:0!important}.jodit-wysiwyg li{margin-bottom:4px!important}.modal-content.dark .jodit-wysiwyg li{color:#fff!important}.modal-content.dark .jodit-wysiwyg li::marker{color:#fff!important}[data-theme=light] .jodit-popup__content,[data-theme=light] .jodit-ui-list,[data-theme=light] .jodit-dropdown__content{background:#e0e0e0!important;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff!important;border:none!important;border-radius:12px!important;padding:8px!important}[data-theme=dark] .jodit-popup__content,[data-theme=dark] .jodit-ui-list,[data-theme=dark] .jodit-dropdown__content{background:#2d2d2d!important;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040!important;border:none!important;border-radius:12px!important;padding:8px!important}.jodit-ui-list__item,.jodit-dropdown__item{border-radius:8px!important;margin:4px 0!important;padding:8px 12px!important;transition:all .2s ease!important;border:none!important;font-family:Poppins,sans-serif!important;background:transparent!important}[data-theme=light] .jodit-ui-list__item,[data-theme=light] .jodit-dropdown__item{color:#333!important}[data-theme=light] .jodit-ui-list__item:hover,[data-theme=light] .jodit-dropdown__item:hover{background:#e0e0e0!important;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff!important;color:#000!important}[data-theme=dark] .jodit-ui-list__item,[data-theme=dark] .jodit-dropdown__item{color:#ffffffe6!important}[data-theme=dark] .jodit-ui-list__item:hover,[data-theme=dark] .jodit-dropdown__item:hover{background:#2d2d2d!important;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040!important;color:#fff!important}[data-theme=light] .jodit-ui-list__item_active,[data-theme=light] .jodit-dropdown__item_active{background:#e0e0e0!important;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff!important;color:#000!important}[data-theme=dark] .jodit-ui-list__item_active,[data-theme=dark] .jodit-dropdown__item_active{background:#2d2d2d!important;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)!important;color:#fff!important}.jodit-popup{border:none!important;background:transparent!important}.jodit-ui-list__item[data-value=lower-alpha],.jodit-ui-list__item[data-value=upper-alpha],.jodit-ui-list__item[data-value=lower-greek],.jodit-ui-list__item[data-value=lower-roman],.jodit-ui-list__item[data-value=upper-roman],.jodit-ui-list__item[class*=_lower-alpha],.jodit-ui-list__item[class*=_upper-alpha],.jodit-ui-list__item[class*=_lower-greek],.jodit-ui-list__item[class*=_lower-roman],.jodit-ui-list__item[class*=_upper-roman],.jodit-ui-list__item[title*=Greek],.jodit-ui-list__item[title*=Roman],.jodit-ui-list__item[title*=Alpha]{display:none!important;opacity:0!important;pointer-events:none!important;height:0!important;overflow:hidden!important}.jodit-ui-list__item[data-value=default],.jodit-ui-list__item[data-value=circle],.jodit-ui-list__item[data-value=disc],.jodit-ui-list__item[data-value=square]{display:flex!important;opacity:1!important;height:auto!important}.jodit-popup-container{z-index:1000000!important}.jodit-toolbar-button__trigger{border-radius:6px!important;transition:all .2s ease!important}.company-blog-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.company-blog-page.light,.company-blog-page.dark{background:transparent}.company-blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-post{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-post svg{width:14.4px;height:14.4px}.company-blog-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.company-blog-page.light .company-blog-title{color:#333}.company-blog-page.dark .company-blog-title{color:#fff}.company-blog-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.company-blog-page.light .company-blog-subtitle{color:#666}.company-blog-page.dark .company-blog-subtitle{color:#ffffffb3}.company-blog-page.light .search-icon{color:#666}.company-blog-page.dark .search-icon{color:#ffffffb3}.company-blog-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.company-blog-page.light .search-input:focus{box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.company-blog-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.company-blog-page.dark .search-input:focus{box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.company-blog-page.light .loading-state,.company-blog-page.light .empty-state{color:#666}.company-blog-page.dark .loading-state,.company-blog-page.dark .empty-state{color:#ffffffb3}.company-blog-page.light .empty-state svg{color:#999}.company-blog-page.dark .empty-state svg{color:#ffffff80}.posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media(min-width:768px){.posts-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1024px){.posts-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(min-width:1440px){.posts-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1600px}}.blog-post-card{padding:20px;border-radius:16px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:300px}.company-blog-page.light .blog-post-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.company-blog-page.light .blog-post-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.company-blog-page.dark .blog-post-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.company-blog-page.dark .blog-post-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.blog-post-card:hover:not(.expanded){transform:translateY(-4px)}.company-blog-page.light .policy-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.company-blog-page.light .policy-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.company-blog-page.dark .policy-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.company-blog-page.dark .policy-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.policy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.policy-title-section{flex:1;min-width:0}.policy-title-section.policy-clickable{cursor:pointer}.policy-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.policy-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0;transition:color .3s ease;word-break:break-word;flex:1}.policy-expand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;width:24px;height:24px;border-radius:6px}.company-blog-page.light .policy-expand-icon{color:#666;background:#0000000d}.company-blog-page.light .policy-expand-icon:hover{background:#0000001a}.company-blog-page.dark .policy-expand-icon{color:#ffffffb3;background:#ffffff0d}.company-blog-page.dark .policy-expand-icon:hover{background:#ffffff1a}.company-blog-page.light .policy-title{color:#333}.company-blog-page.dark .policy-title{color:#fffffff2}.policy-created,.policy-updated{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.company-blog-page.light .policy-created,.company-blog-page.light .policy-updated{color:#666}.company-blog-page.dark .policy-created,.company-blog-page.dark .policy-updated{color:#fff9}.policy-edit-btn,.policy-delete-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.policy-edit-btn{color:#3b82f6}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.post-type-badge{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.company-blog-page.light .post-type-badge{color:#666}.company-blog-page.dark .post-type-badge{color:#ffffffbf}.post-actions{display:flex;gap:8px;flex-shrink:0;z-index:1}.post-edit-btn,.post-delete-btn{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px}.post-edit-btn{color:#3b82f6}.company-blog-page.light .post-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.company-blog-page.light .post-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#3b82f61a}.company-blog-page.light .post-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.company-blog-page.dark .post-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.company-blog-page.dark .post-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#3b82f633;color:#60a5fa}.company-blog-page.dark .post-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.post-delete-btn{color:#ef4444}.company-blog-page.light .post-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.company-blog-page.light .post-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.company-blog-page.light .post-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.company-blog-page.dark .post-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.company-blog-page.dark .post-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444426;color:#f87171}.company-blog-page.dark .post-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.post-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px;transition:color .3s ease;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card.expanded .post-title{display:block;-webkit-line-clamp:unset;line-clamp:unset}.company-blog-page.light .post-title{color:#333}.company-blog-page.dark .post-title{color:#fffffff2}.post-image{width:100%;margin-bottom:12px;border-radius:12px;overflow:hidden;max-height:200px;flex-shrink:0}.post-image img{width:100%;height:200px;display:block;object-fit:cover}.blog-post-card.expanded .post-image{max-height:400px}.blog-post-card.expanded .post-image img{height:auto;max-height:400px}.post-content{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;transition:color .3s ease;margin-bottom:12px;flex:1;display:flex;flex-direction:column}.post-content-preview{margin:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-content.expanded .post-content-preview{display:block;-webkit-line-clamp:unset;line-clamp:unset}.post-content p{margin:0 0 12px}.post-content p:last-child{margin-bottom:0}.company-blog-page.light .post-content{color:#555}.company-blog-page.dark .post-content{color:#fffc}.expand-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:500;font-size:13px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.company-blog-page.light .expand-toggle{color:#3b82f6}.company-blog-page.dark .expand-toggle{color:#60a5fa}.image-preview-container{margin-top:12px;position:relative;display:inline-block;z-index:1}.company-blog-page.light .remove-image-btn{background:#e0e0e0;color:#ef4444;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.company-blog-page.light .remove-image-btn:hover{background:#ef44441a;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.company-blog-page.dark .remove-image-btn{background:#2d2d2d;color:#ff6b6b;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.company-blog-page.dark .remove-image-btn:hover{background:#ef444426;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.post-recognition{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:12px;border-radius:8px;flex-shrink:0}.company-blog-page.light .post-recognition{background:#00000008}.company-blog-page.dark .post-recognition{background:#ffffff0d}.recognized-users,.recognized-team{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.company-blog-page.light .recognized-users,.company-blog-page.light .recognized-team{color:#555}.company-blog-page.dark .recognized-users,.company-blog-page.dark .recognized-team{color:#fffc}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid;font-family:Poppins,sans-serif;font-size:12px}.company-blog-page.light .post-footer{border-color:#0000001a}.company-blog-page.dark .post-footer{border-color:#ffffff1a}.post-author,.post-date{transition:color .3s ease}.company-blog-page.light .post-author,.company-blog-page.light .post-date{color:#666}.company-blog-page.dark .post-author,.company-blog-page.dark .post-date{color:#fff9}.blog-filters{display:flex;gap:12px;margin-bottom:24px;padding:4px;border-radius:12px;transition:all .3s ease;flex-wrap:wrap}.company-blog-page.light .blog-filters{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.company-blog-page.dark .blog-filters{background:#2d2d2d;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.company-blog-page.light .filter-button{background:transparent;color:#666}.company-blog-page.light .filter-button:hover{background:#0000000d}.company-blog-page.light .filter-button.active{background:#d0d0d0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.company-blog-page.dark .filter-button{background:transparent;color:#ffffffbf}.company-blog-page.dark .filter-button:hover{background:#ffffff14;color:#ffffffe6}.company-blog-page.dark .filter-button.active{background:#1a1a1a;color:#fffffff2;box-shadow:3px 3px 6px #0f0f0f,-3px -3px 6px #252525}.company-blog-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.company-blog-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.company-blog-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.company-blog-page.dark .neo-button-primary{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.company-blog-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.company-blog-page.dark .neo-button-primary:active{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.modal-content.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #404040}.modal-content.light .modal-footer{background:#e0e0e0}.modal-content.dark .modal-footer{background:#2d2d2d}.modal-content.light .neo-button-danger{background:#e0e0e0;color:#dc2626;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.light .neo-button-danger:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#dc26261a}.modal-content.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content.dark .neo-button-danger:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#f8717133;color:#fca5a5}.dropdown-wrapper{position:relative;width:100%;z-index:1}.form-group:has(.dropdown-menu){z-index:10}.form-group:has(.dropdown-menu.open){z-index:20}.dropdown-trigger{position:relative;width:100%;display:flex;align-items:center}.dropdown-trigger input{padding-right:40px;cursor:pointer}.dropdown-icon{position:absolute;right:12px;pointer-events:none;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}.company-blog-page.light .dropdown-icon,.modal-overlay.light .dropdown-icon{color:#333}.company-blog-page.dark .dropdown-icon,.modal-overlay.dark .dropdown-icon{color:#fff}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:16px;z-index:10000;max-height:350px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;background:#e0e0e0;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff,0 10px 30px #00000026;isolation:isolate}.company-blog-page.light .dropdown-menu,.modal-overlay.light .dropdown-menu{background:#e0e0e0!important;box-shadow:12px 12px 24px #bebebe,-12px -12px 24px #fff,0 10px 30px #00000026!important}.company-blog-page.dark .dropdown-menu,.modal-overlay.dark .dropdown-menu{background:#2d2d2d!important;box-shadow:12px 12px 24px #1a1a1a,-12px -12px 24px #404040,0 10px 30px #0000004d!important}.dropdown-search{padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid;background:transparent}.company-blog-page.light .dropdown-search,.modal-overlay.light .dropdown-search{border-color:#00000014}.company-blog-page.dark .dropdown-search,.modal-overlay.dark .dropdown-search{border-color:#ffffff14}.dropdown-search svg{flex-shrink:0}.company-blog-page.light .dropdown-search svg,.modal-overlay.light .dropdown-search svg{color:#333}.company-blog-page.dark .dropdown-search svg,.modal-overlay.dark .dropdown-search svg{color:#fff}.dropdown-search input{flex:1;border:none;background:transparent;outline:none;font-family:Poppins,sans-serif;font-size:14px;padding:0}.company-blog-page.light .dropdown-search input,.modal-overlay.light .dropdown-search input{color:#333}.company-blog-page.light .dropdown-search input::placeholder,.modal-overlay.light .dropdown-search input::placeholder{color:#999}.company-blog-page.dark .dropdown-search input,.modal-overlay.dark .dropdown-search input{color:#fff}.company-blog-page.dark .dropdown-search input::placeholder,.modal-overlay.dark .dropdown-search input::placeholder{color:#ffffff80}.dropdown-list{max-height:220px;overflow-y:auto;overflow-x:hidden;padding:8px}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:transparent}.company-blog-page.light .dropdown-list::-webkit-scrollbar-thumb{background:#bebebe;border-radius:3px}.company-blog-page.dark .dropdown-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.dropdown-item{padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:10px;transition:all .2s ease;font-family:Poppins,sans-serif;font-size:14px;margin-bottom:4px;min-height:48px;box-sizing:border-box}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{transform:translateY(-1px)}.company-blog-page.light .dropdown-item,.modal-overlay.light .dropdown-item{color:#333}.company-blog-page.light .dropdown-item:hover,.modal-overlay.light .dropdown-item:hover{background:#d0d0d0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.company-blog-page.dark .dropdown-item,.modal-overlay.dark .dropdown-item{color:#fff}.company-blog-page.dark .dropdown-item:hover,.modal-overlay.dark .dropdown-item:hover{background:#3d3d3d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.dropdown-item.selected{font-weight:600}.company-blog-page.light .dropdown-item.selected,.modal-overlay.light .dropdown-item.selected{background:#d0d0d0;color:#3b82f6;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.company-blog-page.dark .dropdown-item.selected,.modal-overlay.dark .dropdown-item.selected{background:#3d3d3d;color:#60a5fa;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.dropdown-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;flex-shrink:0;accent-color:#3b82f6;margin:0}.company-blog-page.dark .dropdown-item input[type=checkbox]{accent-color:#60a5fa}.dropdown-item>span:not(.item-email){flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.dropdown-item .item-email{font-size:12px;opacity:.7;font-weight:400;margin-left:auto;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:12px}.dropdown-item{display:flex;align-items:center;gap:12px}.dropdown-empty{padding:24px 20px;text-align:center;font-family:Poppins,sans-serif;font-size:14px}.company-blog-page.light .dropdown-empty,.modal-overlay.light .dropdown-empty{color:#666}.company-blog-page.dark .dropdown-empty,.modal-overlay.dark .dropdown-empty{color:#fff9}.selected-items{padding:14px 16px;border-top:1px solid;background:transparent}.company-blog-page.light .selected-items,.modal-overlay.light .selected-items{border-color:#00000014;background:#00000005}.company-blog-page.dark .selected-items,.modal-overlay.dark .selected-items{border-color:#ffffff14;background:#ffffff05}.selected-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.company-blog-page.light .selected-label,.modal-overlay.light .selected-label{color:#666}.company-blog-page.dark .selected-label,.modal-overlay.dark .selected-label{color:#ffffffb3}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.selected-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s ease}.company-blog-page.light .selected-tag,.modal-overlay.light .selected-tag{background:#d0d0d0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.company-blog-page.light .selected-tag:hover,.modal-overlay.light .selected-tag:hover{box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;transform:translateY(-1px)}.company-blog-page.dark .selected-tag,.modal-overlay.dark .selected-tag{background:#3d3d3d;color:#fff;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.company-blog-page.dark .selected-tag:hover,.modal-overlay.dark .selected-tag:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040;transform:translateY(-1px)}.selected-tag button{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;transition:all .2s ease;flex-shrink:0}.company-blog-page.light .selected-tag button,.modal-overlay.light .selected-tag button{color:#666}.company-blog-page.light .selected-tag button:hover,.modal-overlay.light .selected-tag button:hover{background:#bebebe;color:#ef4444;box-shadow:inset 2px 2px 4px #a0a0a0,inset -2px -2px 4px #d0d0d0}.company-blog-page.dark .selected-tag button,.modal-overlay.dark .selected-tag button{color:#ffffffb3}.company-blog-page.dark .selected-tag button:hover,.modal-overlay.dark .selected-tag button:hover{background:#2d2d2d;color:#f87171;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.post-detail-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.post-detail-overlay.light{background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.post-detail-overlay.dark{background:#000c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.post-detail-modal{width:100%;max-width:900px;max-height:90vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.post-detail-modal.light{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-2px -2px 4px #fff}.post-detail-modal.dark{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.post-detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid;flex-shrink:0}.post-detail-modal.light .post-detail-header{border-color:#0000001a;box-shadow:inset 0 -2px 4px #0000000d}.post-detail-modal.dark .post-detail-header{border-color:#ffffff1a;box-shadow:inset 0 -2px 4px #0003}.post-detail-type-badge{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.post-detail-modal.light .post-detail-type-badge{color:#666}.post-detail-modal.dark .post-detail-type-badge{color:#fffc}.post-detail-actions{display:flex;align-items:center;gap:12px}.post-detail-edit-btn,.post-detail-delete-btn,.post-detail-close-btn{width:44px;height:44px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.post-detail-edit-btn{color:#3b82f6}.post-detail-modal.light .post-detail-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.post-detail-modal.light .post-detail-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.post-detail-modal.dark .post-detail-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.post-detail-modal.dark .post-detail-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.post-detail-delete-btn{color:#ef4444}.post-detail-modal.light .post-detail-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.post-detail-modal.light .post-detail-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.post-detail-modal.dark .post-detail-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.post-detail-modal.dark .post-detail-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.post-detail-close-btn{color:#666}.post-detail-modal.light .post-detail-close-btn{background:#e0e0e0;color:#666;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.post-detail-modal.light .post-detail-close-btn:hover{background:#d0d0d0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff;color:#333}.post-detail-modal.dark .post-detail-close-btn{background:#2d2d2d;color:#ffffffb3;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.post-detail-modal.dark .post-detail-close-btn:hover{background:#3d3d3d;box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040;color:#fff}.post-detail-content{padding:32px;overflow-y:auto;flex:1}.post-detail-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 24px;line-height:1.3;word-break:break-word}.post-detail-modal.light .post-detail-title{color:#333}.post-detail-modal.dark .post-detail-title{color:#fff}.post-detail-image{width:100%;margin-bottom:32px;border-radius:16px;overflow:hidden}.post-detail-image img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.post-detail-body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.8;margin-bottom:32px}.post-detail-body p{margin:0 0 16px}.post-detail-body p:last-child{margin-bottom:0}.post-detail-modal.light .post-detail-body{color:#555}.post-detail-modal.dark .post-detail-body{color:#ffffffe6}.post-detail-recognition{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding:20px;border-radius:12px}.post-detail-modal.light .post-detail-recognition{background:#00000008}.post-detail-modal.dark .post-detail-recognition{background:#ffffff0d}.recognized-users-detail,.recognized-team-detail{display:flex;align-items:flex-start;gap:12px;font-family:Poppins,sans-serif;font-size:15px}.recognized-users-detail>div,.recognized-team-detail>div{display:flex;flex-direction:column;gap:4px}.recognized-users-detail strong,.recognized-team-detail strong{font-weight:600}.post-detail-modal.light .recognized-users-detail,.post-detail-modal.light .recognized-team-detail{color:#555}.post-detail-modal.dark .recognized-users-detail,.post-detail-modal.dark .recognized-team-detail{color:#fffc}.post-detail-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid;font-family:Poppins,sans-serif;font-size:14px}.post-detail-modal.light .post-detail-footer{border-color:#0000001a;color:#666}.post-detail-modal.dark .post-detail-footer{border-color:#ffffff1a;color:#ffffffb3}.post-detail-author strong,.post-detail-date{margin-left:8px}.recognition-wall-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.recognition-wall-page.light,.recognition-wall-page.dark{background:transparent}.recognition-wall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.neo-button-add-recognition{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important}.neo-button-add-recognition svg{width:14.4px;height:14.4px}.recognition-wall-page .neo-button-add-recognition{display:flex;align-items:center;gap:8px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.recognition-wall-page.light .neo-button-add-recognition{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recognition-wall-page.light .neo-button-add-recognition:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recognition-wall-page.light .neo-button-add-recognition:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recognition-wall-page.dark .neo-button-add-recognition{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recognition-wall-page.dark .neo-button-add-recognition:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.recognition-wall-page.dark .neo-button-add-recognition:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.recognition-wall-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.recognition-wall-page.light .recognition-wall-title{color:#333}.recognition-wall-page.dark .recognition-wall-title{color:#fff}.recognition-wall-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.recognition-wall-page.light .recognition-wall-subtitle{color:#666}.recognition-wall-page.dark .recognition-wall-subtitle{color:#ffffffb3}.search-section{margin-bottom:24px}.search-input-container{position:relative;width:100%;max-width:500px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;transition:color .3s ease}.recognition-wall-page.light .search-icon{color:#666}.recognition-wall-page.dark .search-icon{color:#ffffffb3}.search-input{width:100%;padding:12px 16px 12px 48px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;outline:none;box-sizing:border-box}.recognition-wall-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recognition-wall-page.light .search-input:focus{box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.recognition-wall-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.recognition-wall-page.dark .search-input:focus{box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.recognition-wall-page.light .loading-state,.recognition-wall-page.light .empty-state{color:#666}.recognition-wall-page.dark .loading-state,.recognition-wall-page.dark .empty-state{color:#ffffffb3}.recognition-wall-page.light .empty-state svg{color:#999}.recognition-wall-page.dark .empty-state svg{color:#ffffff80}.recognitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.recognition-card{padding:24px;border-radius:16px;transition:all .3s ease}.recognition-wall-page.light .recognition-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recognition-wall-page.light .recognition-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recognition-wall-page.dark .recognition-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recognition-wall-page.dark .recognition-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.recognition-wall-page.light .policy-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recognition-wall-page.light .policy-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recognition-wall-page.dark .policy-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recognition-wall-page.dark .policy-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.recognition-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.recognition-type-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .3s ease}.recognition-wall-page.light .recognition-type-badge{background:#0000000d;color:#333}.recognition-wall-page.dark .recognition-type-badge{background:#ffffff1a;color:#ffffffe6}.recognition-actions{display:flex;gap:8px;flex-shrink:0;z-index:1}.recognition-edit-btn,.recognition-delete-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.recognition-edit-btn{color:#3b82f6}.recognition-wall-page.light .recognition-edit-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.recognition-wall-page.light .recognition-edit-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#3b82f61a}.recognition-wall-page.light .recognition-edit-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.recognition-wall-page.dark .recognition-edit-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.recognition-wall-page.dark .recognition-edit-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#3b82f633;color:#60a5fa}.recognition-wall-page.dark .recognition-edit-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.recognition-delete-btn{color:#ef4444}.recognition-wall-page.light .recognition-delete-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.recognition-wall-page.light .recognition-delete-btn:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px);background:#ef44441a}.recognition-wall-page.light .recognition-delete-btn:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.recognition-wall-page.dark .recognition-delete-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.recognition-wall-page.dark .recognition-delete-btn:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px);background:#ef444440;color:#ff6b6b}.recognition-wall-page.dark .recognition-delete-btn:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.recognition-image{width:100%;margin-bottom:16px;border-radius:12px;overflow:hidden;max-height:300px}.recognition-image img{width:100%;height:300px;display:block;object-fit:cover}.recognition-employee{margin-bottom:12px}.recognition-employee h3{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.recognition-wall-page.light .recognition-employee h3{color:#333}.recognition-wall-page.dark .recognition-employee h3{color:#fffffff2}.recognition-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px;transition:color .3s ease;word-break:break-word}.recognition-wall-page.light .recognition-title{color:#333}.recognition-wall-page.dark .recognition-title{color:#ffffffe6}.recognition-description{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;transition:color .3s ease;margin-bottom:16px;cursor:pointer}.recognition-description p{margin:0 0 12px}.recognition-description p:last-child{margin-bottom:0}.recognition-wall-page.light .recognition-description{color:#555}.recognition-wall-page.dark .recognition-description{color:#fffc}.expand-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:500;font-size:13px;transition:all .3s ease}.recognition-wall-page.light .expand-toggle{color:#3b82f6}.recognition-wall-page.dark .expand-toggle{color:#60a5fa}.expand-toggle:hover{opacity:.8}.image-preview-container{margin-top:12px;position:relative;display:inline-block}.image-preview{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.remove-image-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border:none;border-radius:6px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.recognition-wall-page.light .remove-image-btn{background:#e0e0e0;color:#ef4444;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.recognition-wall-page.light .remove-image-btn:hover{background:#ef44441a;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.recognition-wall-page.dark .remove-image-btn{background:#2d2d2d;color:#ff6b6b;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.recognition-wall-page.dark .remove-image-btn:hover{background:#ef444440;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.recognition-footer{padding-top:12px;border-top:1px solid;font-family:Poppins,sans-serif;font-size:12px}.recognition-wall-page.light .recognition-footer{border-color:#0000001a}.recognition-wall-page.dark .recognition-footer{border-color:#ffffff1a}.recognition-date{transition:color .3s ease}.recognition-wall-page.light .recognition-date{color:#666}.recognition-wall-page.dark .recognition-date{color:#fff9}.recognition-filters{display:flex;gap:12px;margin-bottom:24px;padding:4px;border-radius:12px;transition:all .3s ease;flex-wrap:wrap}.recognition-wall-page.light .recognition-filters{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recognition-wall-page.dark .recognition-filters{background:#2d2d2d;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.filter-button{padding:10px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.recognition-wall-page.light .filter-button{background:transparent;color:#666}.recognition-wall-page.light .filter-button:hover{background:#0000000d}.recognition-wall-page.light .filter-button.active{background:#d0d0d0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.recognition-wall-page.dark .filter-button{background:transparent;color:#ffffffbf}.recognition-wall-page.dark .filter-button:hover{background:#ffffff14;color:#ffffffe6}.recognition-wall-page.dark .filter-button.active{background:#1a1a1a;color:#fffffff2;box-shadow:3px 3px 6px #0f0f0f,-3px -3px 6px #252525}.policy-actions{display:flex;gap:8px;flex-shrink:0;z-index:1}.neo-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.recognition-wall-page.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.recognition-wall-page.light .neo-button-primary:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.recognition-wall-page.light .neo-button-primary:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.recognition-wall-page.dark .neo-button-primary{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.recognition-wall-page.dark .neo-button-primary:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.recognition-wall-page.dark .neo-button-primary:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.modal-content{width:100%;max-width:600px;border-radius:16px;transition:all .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:none;transition:all .3s ease}.modal-content.light .modal-header{box-shadow:inset 0 -2px 4px #0000000d}.modal-content.dark .modal-header{box-shadow:inset 0 -2px 4px #0003}.modal-body{padding:24px}.modal-body p{font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;margin:0;transition:color .3s ease}.modal-content.light .modal-body p{color:#555}.modal-content.dark .modal-body p{color:#ffffffe6}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.neo-input{width:100%;padding:12px 16px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;box-sizing:border-box}.modal-content.light .neo-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.modal-content.light .neo-input:focus{outline:none;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.modal-content.dark .neo-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.modal-content.dark .neo-input:focus{outline:none;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.neo-textarea{resize:vertical;min-height:120px;font-family:Poppins,sans-serif}.error-text{display:block;font-family:Poppins,sans-serif;font-size:12px;color:#ef4444;margin-top:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:none;transition:all .3s ease}.modal-content.light .modal-footer{box-shadow:inset 0 2px 4px #0000000d}.modal-content.dark .modal-footer{box-shadow:inset 0 2px 4px #0003}.neo-button-secondary{transition:all .3s ease}.modal-content.light .neo-button-secondary{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.light .neo-button-secondary:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-content.light .neo-button-secondary:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-content.dark .neo-button-secondary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content.dark .neo-button-secondary:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.modal-content.dark .neo-button-secondary:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-content.light .neo-button-primary{background:#e0e0e0;color:#333;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.modal-content.light .neo-button-primary:hover{box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;transform:translateY(-2px)}.modal-content.light .neo-button-primary:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-content.dark .neo-button-primary{background:#2d2d2d;color:#fff;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.modal-content.dark .neo-button-primary:hover{box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040;transform:translateY(-2px)}.modal-content.dark .neo-button-primary:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.modal-content.light .neo-button-danger{background:#e0e0e0;color:#ef4444;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.modal-content.light .neo-button-danger:hover{background:#ef44441a;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.modal-content.light .neo-button-danger:active{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.modal-content.dark .neo-button-danger{background:#2d2d2d;color:#f87171;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.modal-content.dark .neo-button-danger:hover{background:#ef444426;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.modal-content.dark .neo-button-danger:active{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.attendance-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.attendance-page.light,.attendance-page.dark{background:transparent}.attendance-page.light .page-title{color:#333}.attendance-page.dark .page-title{color:#fff}.attendance-page.light .page-subtitle{color:#666}.attendance-page.dark .page-subtitle{color:#ffffffb3}.attendance-card{padding:24px;border-radius:16px;margin-bottom:24px;transition:all .3s ease}.attendance-page.light .attendance-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.attendance-page.dark .attendance-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.attendance-page.light .today-status{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.attendance-page.dark .today-status{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.status-info h3{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.attendance-page.light .status-info h3{color:#333}.attendance-page.dark .status-info h3{color:#fffffff2}.date-text{font-family:Poppins,sans-serif;font-size:14px;margin:0;transition:color .3s ease}.attendance-page.light .date-text{color:#666}.attendance-page.dark .date-text{color:#ffffffb3}.status-badge{padding:8px 16px;border-radius:20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.hours-display{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;border-radius:12px;transition:all .3s ease}.attendance-page.light .hours-display{background:#00000008}.attendance-page.dark .hours-display{background:#ffffff0d}.hours-display svg{transition:color .3s ease}.attendance-page.light .hours-display svg{color:#666}.attendance-page.dark .hours-display svg{color:#ffffffb3}.hours-value{font-family:Poppins,sans-serif;font-size:36px;font-weight:700;line-height:1;transition:color .3s ease}.attendance-page.light .hours-value{color:#333}.attendance-page.dark .hours-value{color:#fffffff2}.hours-label{font-family:Poppins,sans-serif;font-size:14px;margin-top:4px;transition:color .3s ease}.attendance-page.light .hours-label{color:#666}.attendance-page.dark .hours-label{color:#ffffffb3}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toggle-filter-btn{padding:8px 16px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.attendance-page.light .toggle-filter-btn{background:#e0e0e0;color:#333;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.attendance-page.light .toggle-filter-btn:hover{box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.attendance-page.dark .toggle-filter-btn{background:#2d2d2d;color:#ffffffe6;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #404040}.attendance-page.dark .toggle-filter-btn:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.date-filter-group{display:flex;flex-direction:column;gap:8px}.date-filter-group label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.attendance-page.light .date-filter-group label{color:#333}.attendance-page.dark .date-filter-group label{color:#ffffffe6}.all-activity-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.activity-day-card{padding:16px;border-radius:12px;transition:all .3s ease}.attendance-page.light .activity-day-card{background:#00000005}.attendance-page.dark .activity-day-card{background:#ffffff08}.activity-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-day-header h4{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.attendance-page.light .activity-day-header h4{color:#333}.attendance-page.dark .activity-day-header h4{color:#fffffff2}.day-total-hours{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:color .3s ease}.attendance-page.light .day-total-hours{color:#666}.attendance-page.dark .day-total-hours{color:#ffffffb3}.empty-activity{text-align:center;padding:40px 20px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.attendance-page.light .empty-activity{color:#666}.attendance-page.dark .empty-activity{color:#ffffffb3}.card-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.attendance-page.light .card-title{color:#333}.attendance-page.dark .card-title{color:#fffffff2}.entries-list{display:flex;flex-direction:column;gap:12px}.entry-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:all .3s ease}.attendance-page.light .entry-item{background:#00000008}.attendance-page.dark .entry-item{background:#ffffff0d}.entry-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.entry-details{flex:1}.entry-type{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px;transition:color .3s ease}.attendance-page.light .entry-type{color:#333}.attendance-page.dark .entry-type{color:#ffffffe6}.entry-time{font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.attendance-page.light .entry-time{color:#666}.attendance-page.dark .entry-time{color:#ffffffb3}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:200px;padding:20px 0;margin-top:40px}.day-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-container{width:100%;height:150px;border-radius:8px 8px 0 0;position:relative;overflow:hidden;transition:all .3s ease}.attendance-page.light .bar-container{background:#0000000d}.attendance-page.dark .bar-container{background:#ffffff0d}.bar-fill{width:100%;position:absolute;bottom:0;border-radius:8px 8px 0 0;transition:all .3s ease;background:linear-gradient(180deg,#667eea,#764ba2)}.day-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:color .3s ease}.attendance-page.light .day-label{color:#666}.attendance-page.dark .day-label{color:#ffffffb3}.day-hours{font-family:Poppins,sans-serif;font-size:11px;transition:color .3s ease}.attendance-page.light .day-hours{color:#999}.attendance-page.dark .day-hours{color:#ffffff80}.loading-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease}.attendance-page.light .loading-state{color:#666}.attendance-page.dark .loading-state{color:#ffffffb3}.day-stats-row{display:flex;gap:12px;flex-wrap:wrap}.stat-pill{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;min-width:0}.attendance-page.light .stat-pill{background:#e0e0e0;color:#333}.attendance-page.dark .stat-pill{background:#ffffff0d;color:#ffffffe6}.stat-pill .label{font-weight:500;opacity:.8;font-size:13px}.stat-pill .value{font-weight:700;font-size:18px}.attendance-page.light .stat-pill.work,.attendance-page.light .stat-pill.break,.attendance-page.light .stat-pill.span{color:#2f4f4f;background:#e7e7e7;box-shadow:5px 5px 10px #d1d1d1,-5px -5px 10px #fff}.attendance-page.dark .stat-pill.work,.attendance-page.dark .stat-pill.break,.attendance-page.dark .stat-pill.span{color:#a9c7c7;background:#2d2d2d;box-shadow:5px 5px 10px #1f1f1f,-5px -5px 10px #3b3b3b}.team-attendance-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.team-attendance-page.light,.team-attendance-page.dark{background:transparent}.team-attendance-page.light .page-title{color:#333}.team-attendance-page.dark .page-title{color:#fff}.team-attendance-page.light .page-subtitle{color:#666}.team-attendance-page.dark .page-subtitle{color:#ffffffb3}.filters-section{display:flex;gap:16px;margin-bottom:24px;align-items:flex-end}.search-group{flex:1}.search-input-container{position:relative;width:100%}.team-attendance-page .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;transition:color .3s ease}.team-attendance-page.light .search-icon{color:#666}.team-attendance-page.dark .search-icon{color:#ffffffb3}.date-group{display:flex;flex-direction:column;gap:8px}.date-group label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:color .3s ease}.team-attendance-page.light .date-group label{color:#333}.team-attendance-page.dark .date-group label{color:#ffffffe6}.team-attendance-page.light .attendance-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.team-attendance-page.light .attendance-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.team-attendance-page.dark .attendance-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.team-attendance-page.dark .attendance-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.team-attendance-page.light .user-info h3{color:#333}.team-attendance-page.dark .user-info h3{color:#fffffff2}.team-attendance-page.light .user-info p{color:#666}.team-attendance-page.dark .user-info p{color:#ffffffb3}.team-attendance-page.light .hours-section{background:#00000008}.team-attendance-page.dark .hours-section{background:#ffffff0d}.team-attendance-page.light .hours-section svg{color:#666}.team-attendance-page.dark .hours-section svg{color:#ffffffb3}.team-attendance-page.light .hours-value{color:#333}.team-attendance-page.dark .hours-value{color:#fffffff2}.team-attendance-page.light .hours-label{color:#666}.team-attendance-page.dark .hours-label{color:#ffffffb3}.team-attendance-page.light .entries-section{border-color:#0000001a}.team-attendance-page.dark .entries-section{border-color:#ffffff1a}.team-attendance-page.light .entries-section h4{color:#333}.team-attendance-page.dark .entries-section h4{color:#ffffffe6}.team-attendance-page.light .entry-item{background:#00000005}.team-attendance-page.dark .entry-item{background:#ffffff08}.team-attendance-page.light .entry-type{color:#333}.team-attendance-page.dark .entry-type{color:#ffffffe6}.team-attendance-page.light .entry-time{color:#666}.team-attendance-page.dark .entry-time{color:#ffffffb3}.loading-state,.empty-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease;display:flex;flex-direction:column;align-items:center;gap:16px}.team-attendance-page.light .loading-state,.team-attendance-page.light .empty-state{color:#666}.team-attendance-page.dark .loading-state,.team-attendance-page.dark .empty-state{color:#ffffffb3}.team-attendance-page.light .empty-state svg{color:#999}.team-attendance-page.dark .empty-state svg{color:#ffffff80}.all-attendance-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.all-attendance-page.light,.all-attendance-page.dark{background:transparent}.page-header{margin-bottom:32px}.page-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.all-attendance-page.light .page-title{color:#333}.all-attendance-page.dark .page-title{color:#fff}.page-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.all-attendance-page.light .page-subtitle{color:#666}.all-attendance-page.dark .page-subtitle{color:#ffffffb3}.search-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;border-radius:16px;transition:all .3s ease;flex-wrap:wrap}.all-attendance-page.light .search-filter-bar{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.all-attendance-page.dark .search-filter-bar{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.search-input-wrapper{position:relative;flex:1;max-width:400px;min-width:200px}.search-emoji{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;object-fit:contain;pointer-events:none;z-index:2}.search-input{width:100%;padding:10px 42px 10px 16px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;line-height:20px;transition:all .3s ease;outline:none;position:relative;z-index:1;box-sizing:border-box}.all-attendance-page.light .search-input{background:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.all-attendance-page.light .search-input::placeholder{color:#666}.all-attendance-page.light .search-input:focus{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.all-attendance-page.dark .search-input{background:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.all-attendance-page.dark .search-input::placeholder{color:#fff9}.all-attendance-page.dark .search-input:focus{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:12px;text-align:center;transition:all .3s ease}.all-attendance-page.light .stat-card{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.all-attendance-page.dark .stat-card{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.stat-value{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.all-attendance-page.light .stat-value{color:#333}.all-attendance-page.dark .stat-value{color:#fffffff2}.stat-label{font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.all-attendance-page.light .stat-label{color:#666}.all-attendance-page.dark .stat-label{color:#ffffffb3}.attendance-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.attendance-card{padding:24px;border-radius:16px;transition:all .3s ease}.all-attendance-page.light .attendance-card{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.all-attendance-page.light .attendance-card:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.all-attendance-page.dark .attendance-card{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.all-attendance-page.dark .attendance-card:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-info h3{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 4px;transition:color .3s ease}.all-attendance-page.light .user-info h3{color:#333}.all-attendance-page.dark .user-info h3{color:#fffffff2}.user-info p{font-family:Poppins,sans-serif;font-size:12px;margin:0;transition:color .3s ease}.all-attendance-page.light .user-info p{color:#666}.all-attendance-page.dark .user-info p{color:#ffffffb3}.status-badge{padding:6px 12px;border-radius:16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.logged-in{background:#22c55e1a;color:#22c55e}.status-badge.logged-out{background:#6b72801a;color:#6b7280}.status-badge.on-break{background:#f59e0b1a;color:#f59e0b}.hours-section{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;border-radius:10px;transition:all .3s ease}.all-attendance-page.light .hours-section{background:#00000008}.all-attendance-page.dark .hours-section{background:#ffffff0d}.hours-section svg{transition:color .3s ease}.all-attendance-page.light .hours-section svg{color:#666}.all-attendance-page.dark .hours-section svg{color:#ffffffb3}.hours-value{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;transition:color .3s ease}.all-attendance-page.light .hours-value{color:#333}.all-attendance-page.dark .hours-value{color:#fffffff2}.hours-label{font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.all-attendance-page.light .hours-label{color:#666}.all-attendance-page.dark .hours-label{color:#ffffffb3}.entries-section{margin-top:16px;padding-top:16px;border-top:1px solid;transition:border-color .3s ease}.all-attendance-page.light .entries-section{border-color:#0000001a}.all-attendance-page.dark .entries-section{border-color:#ffffff1a}.entries-section h4{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px;transition:color .3s ease}.all-attendance-page.light .entries-section h4{color:#333}.all-attendance-page.dark .entries-section h4{color:#ffffffe6}.entries-list{display:flex;flex-direction:column;gap:8px}.entry-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;transition:all .3s ease}.all-attendance-page.light .entry-item{background:#00000005}.all-attendance-page.dark .entry-item{background:#ffffff08}.entry-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.entry-item.login .entry-icon{background:#22c55e1a;color:#22c55e}.entry-item.logout .entry-icon{background:#ef44441a;color:#ef4444}.entry-item.break-start .entry-icon{background:#f59e0b1a;color:#f59e0b}.entry-item.break-end .entry-icon{background:#22c55e1a;color:#22c55e}.entry-details{flex:1;display:flex;justify-content:space-between;align-items:center}.entry-type{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:color .3s ease}.all-attendance-page.light .entry-type{color:#333}.all-attendance-page.dark .entry-type{color:#ffffffe6}.entry-time{font-family:Poppins,sans-serif;font-size:11px;transition:color .3s ease}.all-attendance-page.light .entry-time{color:#666}.all-attendance-page.dark .entry-time{color:#ffffffb3}.loading-state,.empty-state,.error-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease;display:flex;flex-direction:column;align-items:center;gap:16px}.all-attendance-page.light .loading-state,.all-attendance-page.light .empty-state,.all-attendance-page.light .error-state{color:#666}.all-attendance-page.dark .loading-state,.all-attendance-page.dark .empty-state,.all-attendance-page.dark .error-state{color:#ffffffb3}.error-state h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.all-attendance-page.light .error-state h2{color:#333}.all-attendance-page.dark .error-state h2{color:#fffffff2}.empty-state svg{transition:color .3s ease}.all-attendance-page.light .empty-state svg{color:#999}.all-attendance-page.dark .empty-state svg{color:#ffffff80}.all-attendance-page .neo-filters-bar{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap;align-items:center}.all-attendance-page .neo-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.all-attendance-page .neo-filter-search-group{flex:2;min-width:300px}.all-attendance-page .neo-filter-label{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-left:4px;transition:color .3s ease}.all-attendance-page.light .neo-filter-label{color:#666}.all-attendance-page.dark .neo-filter-label{color:#ffffffb3}.all-attendance-page .filters-right-group{display:flex;gap:24px;flex:2;min-width:320px}.neo-toggle-wrapper{display:flex;align-items:center;gap:12px}.neo-toggle-label{font-size:12px;font-weight:600;opacity:.8}.all-attendance-page.light .neo-toggle-label{color:#333}.all-attendance-page.dark .neo-toggle-label{color:#ffffffe6}.neo-toggle{position:relative;display:inline-block;width:44px;height:24px}.neo-toggle input{opacity:0;width:0;height:0}.neo-toggle-slider{position:absolute;cursor:pointer;inset:0;border-radius:34px;transition:.4s}.all-attendance-page.light .neo-toggle-slider{background-color:#e0e0e0;box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff}.all-attendance-page.dark .neo-toggle-slider{background-color:#2d2d2d;box-shadow:inset 3px 3px 6px #0b0b0b,inset -3px -3px 6px #4f4f4f}.neo-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;border-radius:50%;transition:.4s}.all-attendance-page.light .neo-toggle-slider:before{background-color:#333;box-shadow:2px 2px 4px #0003}.all-attendance-page.dark .neo-toggle-slider:before{background-color:#fff;box-shadow:2px 2px 4px #0006}input:checked+.neo-toggle-slider{background-color:#2196f3}.all-attendance-page.light input:checked+.neo-toggle-slider{background-color:#e0e0e0}input:checked+.neo-toggle-slider:before{transform:translate(20px)}.all-attendance-page.light input:checked+.neo-toggle-slider:before{background-color:#22c55e}.all-attendance-page.dark input:checked+.neo-toggle-slider:before{background-color:#22c55e}.all-attendance-page .exclusion-bar{width:100%;margin-bottom:32px;padding:16px 24px;border-radius:16px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;transition:all .3s ease}.all-attendance-page.light .exclusion-bar{background:#e0e0e0;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.all-attendance-page.dark .exclusion-bar{background:#2d2d2d;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.all-attendance-page .exclusion-label{font-size:14px;font-weight:600;white-space:nowrap;opacity:.8}.all-attendance-page.light .exclusion-label{color:#333}.all-attendance-page.dark .exclusion-label{color:#ffffffe6}.all-attendance-page .exclusion-controls{display:flex;gap:20px;align-items:center;flex:1;flex-wrap:wrap}.all-attendance-page .user-select-wrapper{flex:1;min-width:200px}.all-attendance-page .save-btn{height:45px;padding:0 24px}.payslips-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box}.payslips-page.light,.payslips-page.dark{background:transparent}.payslips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;width:100%}.payslips-title{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.payslips-page.light .payslips-title{color:#333}.payslips-page.dark .payslips-title{color:#fff}.payslips-subtitle{font-family:Poppins,sans-serif;font-size:16px;margin:0;transition:color .3s ease}.payslips-page.light .payslips-subtitle{color:#666}.payslips-page.dark .payslips-subtitle{color:#ffffffb3}.neo-button-add-payslip{padding:9.6px 16.8px!important;font-size:14.4px!important;white-space:nowrap;flex-shrink:0;max-width:none!important;width:auto!important;min-width:auto!important;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.neo-button-add-payslip svg{width:14.4px;height:14.4px}.payslips-page.light .neo-button-add-payslip{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.payslips-page.light .neo-button-add-payslip:hover{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;transform:translateY(-2px)}.payslips-page.light .neo-button-add-payslip:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.payslips-page.dark .neo-button-add-payslip{background:#2d2d2d;color:#fffffff2;box-shadow:6px 6px 12px #1a1a1a,-6px -6px 12px #404040}.payslips-page.dark .neo-button-add-payslip:hover{box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040;transform:translateY(-2px);background:#323232;color:#fff}.payslips-page.dark .neo-button-add-payslip:active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.loading-state,.empty-state{text-align:center;padding:60px 20px;font-family:Poppins,sans-serif;font-size:16px;transition:color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.payslips-page.light .empty-state{color:#666}.payslips-page.dark .empty-state{color:#fff9}.empty-state svg{margin-bottom:16px;opacity:.5}.payslips-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.payslip-card{padding:20px;border-radius:16px;transition:all .3s ease}.payslips-page.light .payslip-card{background:#e0e0e0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.payslips-page.dark .payslip-card{background:#2d2d2d;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #404040}.payslip-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.payslip-info{flex:1;min-width:0}.payslip-employee{margin-bottom:12px}.employee-name{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.payslips-page.light .employee-name{color:#333}.payslips-page.dark .employee-name{color:#fff}.payslip-date{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;transition:color .3s ease}.payslips-page.light .payslip-date{color:#666}.payslips-page.dark .payslip-date{color:#ffffffb3}.payslip-meta{display:flex;flex-direction:column;gap:4px;font-family:Poppins,sans-serif;font-size:12px;transition:color .3s ease}.payslips-page.light .payslip-meta{color:#666}.payslips-page.dark .payslip-meta{color:#fff9}.payslip-file-name{word-break:break-word}.payslip-uploader{font-size:11px}.payslip-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.payslips-page.light .action-btn{background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.payslips-page.light .action-btn:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff}.payslips-page.light .action-btn:active{box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.payslips-page.dark .action-btn{background:#2d2d2d;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #404040}.payslips-page.dark .action-btn:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #404040}.payslips-page.dark .action-btn:active{box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.action-view{color:#3b82f6}.action-download{color:#22c55e}.action-delete{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal-overlay.light,.modal-overlay.dark{background:transparent}.modal-content{width:100%;max-width:600px;overflow:visible;border-radius:16px;transition:all .3s ease;display:flex;flex-direction:column}.modal-content.light{background:#e0e0e0;box-shadow:none}.modal-content.dark{background:#2d2d2d;box-shadow:none}.modal-content-large{max-width:95vw;width:95vw;max-height:98vh;height:auto;border-radius:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:none;transition:all .3s ease;border-radius:16px 16px 0 0}.modal-content.light .modal-header{background:#e0e0e0;box-shadow:inset 0 -2px 4px #0000000d}.modal-content.dark .modal-header{background:#2d2d2d;box-shadow:inset 0 -2px 4px #0003}.modal-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;transition:color .3s ease}.modal-content.light .modal-header h2{color:#333}.modal-content.dark .modal-header h2{color:#fff}.modal-close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-content.light .modal-close{color:#666;background:#e0e0e0;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.modal-content.light .modal-close:hover{box-shadow:inset 3px 3px 6px #bebebe,inset -3px -3px 6px #fff;color:#333}.modal-content.dark .modal-close{color:#ffffffb3;background:#2d2d2d;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #404040}.modal-content.dark .modal-close:hover{box-shadow:inset 3px 3px 6px #1a1a1a,inset -3px -3px 6px #404040;color:#fff}.modal-body{padding:24px;overflow:visible}.modal-content.light .modal-body{background:#e0e0e0}.modal-content.dark .modal-body{background:#2d2d2d}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:none;border-radius:0 0 16px 16px}.modal-content.light .modal-footer{background:#e0e0e0;box-shadow:inset 0 2px 4px #0000000d}.modal-content.dark .modal-footer{background:#2d2d2d;box-shadow:inset 0 2px 4px #0003}.form-group{position:relative;overflow:visible;margin-bottom:20px}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px;transition:color .3s ease}.modal-content.light .form-group label{color:#333}.modal-content.dark .form-group label{color:#fff}.neo-input{width:100%;height:44px;padding:0 16px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease;box-sizing:border-box;display:flex;align-items:center}.filter-group .neo-input{width:220px}.payslips-page.light .neo-input,.modal-content.light .neo-input{background-color:#e0e0e0;color:#333;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.payslips-page.light select.neo-input,.modal-content.light select.neo-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5z' fill='%23666'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important;appearance:none!important;-webkit-appearance:none!important;padding-right:44px!important}.payslips-page.light .neo-input:focus,.modal-content.light .neo-input:focus{outline:none;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.payslips-page.dark .neo-input,.modal-content.dark .neo-input{background-color:#2d2d2d;color:#fff;box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.payslips-page.dark select.neo-input,.modal-content.dark select.neo-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5z' fill='%23ffffff'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important;appearance:none!important;-webkit-appearance:none!important;padding-right:44px!important}.payslips-page.dark .neo-input:focus,.modal-content.dark .neo-input:focus{outline:none;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.error-text{color:#ef4444;font-size:14px;margin-top:8px;display:block;font-family:Poppins,sans-serif}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.payslips-list{grid-template-columns:1fr}.payslips-header{flex-direction:column;gap:16px}.filters-section{flex-direction:column}.filter-group{min-width:100%}.form-row{grid-template-columns:1fr}.modal-content-large{max-width:95vw;width:95vw}}.neo-input-container{position:relative;width:100%;min-width:200px;font-family:Poppins,sans-serif}.neo-input-wrapper{display:flex;align-items:center;border-radius:12px;transition:all .3s ease;overflow:hidden;padding:0 16px;height:48px;box-sizing:border-box}.neo-input-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;opacity:.6}.neo-input{width:100%;border:none;outline:none;background:transparent;font-family:Poppins,sans-serif;font-size:14px;color:inherit;height:100%;padding:0}.neo-input-container.light .neo-input-wrapper{background:#e0e0e0;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.neo-input-container.light input::placeholder{color:#9ca3af}.neo-input-container.light .neo-input{color:#333}.neo-input-container.dark .neo-input-wrapper{background:#2d2d2d;box-shadow:inset 5px 5px 10px #1a1a1a,inset -5px -5px 10px #404040}.neo-input-container.dark input::placeholder{color:#fff6}.neo-input-container.dark .neo-input{color:#fff}.neo-input-container.disabled{opacity:.6;pointer-events:none}.pi-personal-info-page{padding:32px;min-height:100%;width:100%;box-sizing:border-box;font-family:Poppins,sans-serif}.pi-personal-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.pi-personal-info-title{font-size:32px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.pi-personal-info-subtitle{font-size:16px;margin:0;transition:color .3s ease}.pi-personal-info-page.light .pi-personal-info-title{color:#333}.pi-personal-info-page.light .pi-personal-info-subtitle{color:#666}.pi-personal-info-page.dark{background:#1a1a1a}.pi-personal-info-page.dark .pi-personal-info-title{color:#fff}.pi-personal-info-page.dark .pi-personal-info-subtitle{color:#ffffffb3}.pi-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;gap:16px;color:#ef4444}.loading-state{display:flex;justify-content:center;align-items:center;height:60vh;font-family:Poppins,sans-serif;font-size:18px;font-weight:500}.layout-container.light .loading-state{color:#333}.layout-container.dark .loading-state{color:#fff}.pi-card{padding:24px;border-radius:16px;margin-bottom:32px;transition:all .3s ease}.pi-personal-info-page.light .pi-card{background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.pi-personal-info-page.dark .pi-card{background:#2d2d2d;box-shadow:10px 10px 20px #1a1a1a,-10px -10px 20px #404040}.pi-selection-label{font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px}.pi-personal-info-page.light .pi-selection-label{color:#333}.pi-personal-info-page.dark .pi-selection-label{color:#fff}.pi-profile-tabs{display:flex;gap:16px;margin-bottom:32px;overflow-x:auto;padding:10px 5px}.pi-tab-btn{padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s ease;background:transparent;font-size:14px;white-space:nowrap}.pi-personal-info-page.light .pi-tab-btn{color:#666}.pi-personal-info-page.dark .pi-tab-btn{color:#aaa}.pi-personal-info-page.light .pi-tab-btn:hover{background:#0000000d}.pi-personal-info-page.dark .pi-tab-btn:hover{background:#ffffff0d}.pi-personal-info-page.light .pi-tab-btn.active{background:#e0e0e0;color:#333;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;font-weight:600}.pi-personal-info-page.dark .pi-tab-btn.active{background:#242424;color:#fff;box-shadow:4px 4px 12px #080808,-4px -4px 12px #323232;font-weight:600}.pi-profile-content{padding:32px;border-radius:20px;min-height:400px;transition:all .3s ease}.pi-personal-info-page.light .pi-profile-content{background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}.pi-personal-info-page.dark .pi-profile-content{background:#242424;box-shadow:10px 10px 30px #080808,-10px -10px 30px #323232}.pi-form-section h3{margin:0 0 24px;font-size:20px;font-weight:600;color:inherit;letter-spacing:-.01em}.pi-personal-info-page.dark .pi-form-section h3{color:#fff;opacity:.9}.pi-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.pi-form-group{display:flex;flex-direction:column;gap:12px}.pi-form-group.full-width{grid-column:1 / -1}.pi-form-group label{font-size:14px;font-weight:500;margin-left:4px}.pi-personal-info-page.light .pi-form-group label{color:#555}.pi-personal-info-page.dark .pi-form-group label{color:#fffc}.pi-table-section{margin-top:48px}.pi-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pi-table-header h3{margin-bottom:0}.pi-neo-table-container{width:100%;overflow-x:auto;border-radius:16px;padding:8px 4px}.pi-neo-table{width:100%;border-collapse:separate;border-spacing:0 16px}.pi-neo-table th{text-align:left;padding:12px 24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.pi-personal-info-page.light .pi-neo-table th{color:#444}.pi-personal-info-page.dark .pi-neo-table th{color:#fff}.pi-neo-table td{padding:16px 24px;transition:all .3s ease;font-size:14px}.pi-personal-info-page.light .pi-neo-table td{background:#e0e0e0;box-shadow:0 6px 12px -2px #bebebe,0 -6px 12px -2px #fff}.pi-personal-info-page.dark .pi-neo-table td{background:#2a2a2a;box-shadow:0 6px 15px -4px #181818,0 -6px 15px -4px #3c3c3c;color:#fff}.pi-personal-info-page.light .pi-neo-table td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:-6px 6px 12px -2px #bebebe,-6px -6px 12px -2px #fff,0 6px 12px -2px #bebebe,0 -6px 12px -2px #fff}.pi-personal-info-page.dark .pi-neo-table td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:-6px 6px 15px -4px #181818,-6px -6px 15px -4px #3c3c3c,0 6px 15px -4px #181818,0 -6px 15px -4px #3c3c3c}.pi-personal-info-page.light .pi-neo-table td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:6px 6px 12px -2px #bebebe,6px -6px 12px -2px #fff,0 6px 12px -2px #bebebe,0 -6px 12px -2px #fff}.pi-personal-info-page.dark .pi-neo-table td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px;box-shadow:6px 6px 15px -4px #181818,6px -6px 15px -4px #3c3c3c,0 6px 15px -4px #181818,0 -6px 15px -4px #3c3c3c}.pi-neo-table tr{cursor:default}.pi-neo-table tr:hover td{transform:translateY(-2px)}.pi-personal-info-page.light .pi-neo-table tr:hover td{box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.pi-personal-info-page.dark .pi-neo-table tr:hover td{box-shadow:8px 8px 20px #121212,-8px -8px 20px #424242}.pi-row-action-btn{background:transparent;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}.pi-personal-info-page.light .pi-row-action-btn{box-shadow:4px 4px 10px #bebebe,-4px -4px 10px #fff;color:#666}.pi-personal-info-page.dark .pi-row-action-btn{box-shadow:4px 4px 10px #181818,-4px -4px 10px #3c3c3c;color:#aaa}.pi-row-action-btn:hover{transform:scale(1.1)}.pi-row-action-btn:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffffb3}.pi-personal-info-page.dark .pi-row-action-btn:active{box-shadow:inset 2px 2px 5px #000,inset -2px -2px 5px #444}.pi-row-action-btn.edit:hover{color:#3b82f6}.pi-row-action-btn.delete:hover{color:#ef4444}.pi-neo-button-small{padding:10px 20px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.pi-personal-info-page.light .pi-neo-button-small{background:#e0e0e0;color:#333;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff}.pi-personal-info-page.dark .pi-neo-button-small{background:#242424;color:#fff;box-shadow:4px 4px 10px #080808,-4px -4px 10px #323232}.pi-neo-button-small:hover{transform:translateY(-2px)}.pi-neo-button-small:active{transform:translateY(0)}.pi-nav-buttons{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid rgba(0,0,0,.05)}.pi-personal-info-page .neo-button-primary{min-width:140px;width:auto;padding:12px 24px}.pi-personal-info-page.dark .neo-button-primary{background:#242424;color:#fff;box-shadow:6px 6px 15px #080808,-6px -6px 15px #323232}.pi-personal-info-page.dark .neo-button-primary:hover{box-shadow:8px 8px 20px #080808,-8px -8px 20px #323232;transform:translateY(-2px)}.pi-row-delete-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pi-row-delete-btn:hover{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(239,68,68,.3))}.pi-empty-table{text-align:center;padding:32px!important;opacity:.5;font-style:italic}.pi-fade-in{animation:piFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes piFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pi-personal-info-page .neo-datepicker-container,.pi-personal-info-page .neo-select-container{width:100%}.pi-form-group.error .neo-input-wrapper{box-shadow:inset 2px 2px 5px #ef444433,inset -2px -2px 5px #ef444433!important;border:1px solid rgba(239,68,68,.3)!important}.pi-error-message{color:#ef4444;font-size:11px;margin-top:4px;margin-left:4px;font-weight:500}.pi-personal-info-page .pi-page-input .neo-input{background:transparent!important;box-shadow:none!important;border:none!important;outline:none!important}.pi-personal-info-page.dark .pi-page-input .neo-input-wrapper{background:#2a2a2a!important;box-shadow:inset 5px 5px 10px #181818,inset -5px -5px 10px #3c3c3c!important}.pi-personal-info-page.dark .pi-page-input .neo-input{color:#fff!important}.pi-personal-info-page.dark .pi-page-input .neo-input::placeholder{color:#fff6!important}.pi-personal-info-page.light .pi-page-input .neo-input-wrapper{background:#e0e0e0!important;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff!important}.pi-personal-info-page .pi-page-datepicker .neo-datepicker-input{background:transparent!important;box-shadow:none!important;border:none!important}.pi-personal-info-page.dark .pi-page-datepicker{background:#2a2a2a!important;border-radius:10px;box-shadow:inset 5px 5px 10px #181818,inset -5px -5px 10px #3c3c3c!important;color:#fff!important}.pi-personal-info-page.dark .pi-page-datepicker .neo-datepicker-input{color:#fff!important}.pi-personal-info-page.light .pi-page-datepicker{background:#e0e0e0!important;border-radius:10px;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff!important}.pi-neo-textarea{width:100%;border-radius:12px;padding:16px;background:transparent;border:none;min-height:100px;outline:none;color:inherit;font-family:inherit;transition:all .3s ease}.pi-personal-info-page.light .pi-neo-textarea,.pi-modal-content.light .pi-neo-textarea{box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff!important;background:#e0e0e0!important}.pi-personal-info-page.dark .pi-neo-textarea,.pi-modal-content.dark .pi-neo-textarea{box-shadow:inset 6px 6px 14px #121212,inset -6px -6px 14px #3c3c3c!important;background:#2a2a2a!important;color:#fff!important}.pi-personal-info-page.dark .pi-neo-textarea::placeholder{color:#fff6!important}.pi-modal-content .pi-form-group input,.pi-modal-content .pi-form-group textarea{width:100%}.pi-modal-content .pi-neo-textarea{width:100%;box-sizing:border-box}.pi-nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid rgba(0,0,0,.05)}.pi-nav-left,.pi-nav-right{display:flex;align-items:center}.pi-personal-info-page.dark .pi-nav-buttons{border-top:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.pi-personal-info-page{padding:16px}.pi-form-grid{grid-template-columns:1fr;gap:24px}.pi-profile-content{padding:20px}.pi-personal-info-header{flex-direction:column;align-items:flex-start;gap:20px}.pi-tab-btn{padding:10px 16px;font-size:13px}}.pi-personal-info-page .required-star{margin-left:4px;font-weight:700;transition:all .3s ease}.pi-personal-info-page.light .required-star{color:#000;text-shadow:1px 1px 0px #ffffff,-.5px -.5px 0px #bebebe}.pi-personal-info-page.dark .required-star{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4)}.app-container{min-height:100vh}