:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--secondary-dark: #6a3f8f;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #d0d0d0;--gray-400: #aaa;--gray-500: #999;--gray-600: #666;--gray-700: #333;--success-bg: #e8f5e9;--success-light: #c8e6c9;--success-color: #388e3c;--success-dark: #2e7d32;--error-bg: #ffebee;--error-light: #ffcdd2;--error-color: #d32f2f;--error-dark: #c62828;--warning-bg: #fff8e1;--warning-light: #fff3e0;--warning-color: #f57c00;--warning-dark: #e65100;--info-bg: #e3f2fd;--info-color: #1976d2;--info-dark: #1565c0;--create-bg: #e3f2fd;--create-color: #1976d2;--unarchive-bg: #e8f5e9;--unarchive-color: #388e3c;--archive-bg: #fff3e0;--archive-color: #f57c00;--update-bg: #f3e5f5;--update-color: #8e24aa;--addmember-bg: #e0f2f1;--addmember-color: #00796b;--report-bg: #fce4ec;--report-color: #c2185b;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 30px;--space-4xl: 32px;--font-xs: 11px;--font-sm: 13px;--font-md: 14px;--font-base: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 28px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 5px 20px rgba(102, 126, 234, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2);--text-shadow: 0 1px 3px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--primary-gradient);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}#app{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.footer{position:fixed;bottom:var(--space-xl);left:0;right:0;text-align:center;color:var(--white);font-size:var(--font-md);text-shadow:var(--text-shadow);z-index:1000}.error-message{color:var(--error-color);font-size:var(--font-md);margin-top:var(--space-lg);text-align:center;min-height:20px;font-weight:500}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;color:var(--gray-700);font-size:var(--font-md);font-weight:500;margin-bottom:var(--space-sm)}.form-group input,.form-group select{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-base);background-color:var(--white);transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:var(--gray-400)}.form-group select{cursor:pointer}.actions-container{width:100%;max-width:1400px;height:calc(100vh - 80px);display:flex;flex-direction:column;padding:var(--space-xl)}.actions-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-3xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.action-selector{display:flex;flex-direction:column;min-width:0}.action-selector-title{color:var(--gray-700);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gray-200)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.action-btn{padding:var(--space-md) var(--space-lg);background:var(--white);color:var(--gray-600);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-align:left;white-space:nowrap}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.action-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.action-btn.selected{background:var(--primary-gradient);color:var(--white);border-color:var(--primary-color)}.three-column-layout{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--space-2xl);flex:1;min-height:0;margin-bottom:var(--space-xl);overflow:hidden}.middle-column,.right-column{min-width:0;display:flex;flex-direction:column;min-height:0}#formContainer{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding-right:var(--space-sm)}#formContainer::-webkit-scrollbar{width:8px}#formContainer::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}#formContainer::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-sm);transition:background var(--transition-base)}#formContainer::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-dark) 100%)}.form-section{margin-bottom:var(--space-xl)}.form-section-title{color:var(--gray-700);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gray-200)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.button-group{display:flex;gap:var(--space-md);flex-wrap:wrap}.select-btn{padding:10px var(--space-xl);background:var(--white);color:var(--gray-600);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.select-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.select-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.select-btn.selected{background:var(--primary-gradient);color:var(--white);border-color:var(--primary-color)}.add-request-btn{width:100%;padding:var(--space-md);background:var(--primary-gradient);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);margin-top:var(--space-md);flex-shrink:0}.add-request-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.add-request-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.add-request-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-300)}.requests-section{display:flex;flex-direction:column;flex:1;min-height:0}.requests-header{color:var(--gray-700);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-md);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.requests-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-sm);flex-shrink:0;flex-wrap:wrap}.stat-item{padding:var(--space-sm) var(--space-md);background:var(--gray-100);border-radius:var(--radius-sm);font-weight:500;transition:background var(--transition-base)}.stat-create{color:var(--create-color)}.stat-unarchive{color:var(--unarchive-color)}.stat-archive{color:var(--archive-color)}.stat-update{color:var(--update-color)}.stat-addmember{color:var(--addmember-color)}.stat-report{color:var(--report-color)}.requests-list{border:2px solid var(--gray-200);border-radius:var(--radius-md);flex:1;overflow-y:auto;background:var(--gray-50);position:relative;scroll-behavior:smooth;min-height:0}.requests-list::-webkit-scrollbar{width:10px}.requests-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:0 var(--radius-md) var(--radius-md) 0}.requests-list::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:5px;transition:background var(--transition-slow)}.requests-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-dark) 100%)}.requests-list:before,.requests-list:after{content:"";position:absolute;left:0;right:10px;height:30px;pointer-events:none;z-index:10;opacity:0;transition:opacity var(--transition-slow)}.requests-list:before{top:0;background:linear-gradient(to bottom,#fafafaf2,#fafafa00);border-radius:var(--radius-md) var(--radius-md) 0 0}.requests-list:after{bottom:0;background:linear-gradient(to top,#fafafaf2,#fafafa00);border-radius:0 0 var(--radius-md) var(--radius-md)}.requests-list.show-top-indicator:before{opacity:1}.requests-list.show-bottom-indicator:after{opacity:1}.requests-list-empty{padding:var(--space-3xl);text-align:center;color:var(--gray-500);font-size:var(--font-md)}.request-item{padding:var(--space-lg);border-bottom:1px solid var(--gray-200);background:var(--white);transition:background-color var(--transition-base),transform var(--transition-fast);position:relative}.request-item:last-child{border-bottom:none}.request-item:hover{background:var(--gray-50)}.request-item.processing{background:var(--warning-bg)}.request-item.success{background:var(--success-bg)}.request-item.failed{background:var(--error-bg)}@keyframes highlightNew{0%{background-color:var(--info-bg);transform:scale(1.02)}to{background-color:var(--white);transform:scale(1)}}.request-item.newly-added{animation:highlightNew .6s ease-out}.request-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.request-item-title{display:flex;align-items:center;gap:var(--space-md)}.request-item-name{font-size:var(--font-lg);font-weight:600;color:var(--gray-700)}.action-badge{padding:var(--space-xs) 10px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.action-badge.create{background:var(--create-bg);color:var(--create-color)}.action-badge.unarchive{background:var(--unarchive-bg);color:var(--unarchive-color)}.action-badge.archive{background:var(--archive-bg);color:var(--archive-color)}.action-badge.updategroupsite{background:var(--update-bg);color:var(--update-color)}.action-badge.addmember{background:var(--addmember-bg);color:var(--addmember-color)}.action-badge.getactiveclientteamcounts{background:var(--report-bg);color:var(--report-color)}.request-item-actions{display:flex;gap:var(--space-sm);align-items:center}.request-status{font-size:var(--font-sm);padding:var(--space-xs) 10px;border-radius:var(--radius-sm);font-weight:500}.request-status.pending{background:var(--info-bg);color:var(--info-color)}.request-status.processing{background:var(--warning-bg);color:var(--warning-color)}.request-status.success{background:var(--success-light);color:var(--success-color)}.request-status.failed{background:var(--error-light);color:var(--error-color)}.remove-request-btn{background:transparent;border:none;color:var(--gray-500);font-size:var(--space-xl);cursor:pointer;padding:var(--space-xs) var(--space-sm);line-height:1;transition:color var(--transition-base),transform var(--transition-fast);border-radius:var(--radius-sm)}.remove-request-btn:hover:not(:disabled){color:var(--error-color);transform:scale(1.1)}.remove-request-btn:focus-visible{outline:2px solid var(--error-color);outline-offset:2px}.remove-request-btn:disabled{cursor:not-allowed;opacity:.3}.request-item-details{font-size:var(--font-sm);color:var(--gray-600);line-height:1.6}.detail-row{margin-bottom:var(--space-xs)}.detail-label{font-weight:600;color:var(--gray-700)}.request-timer{position:absolute;bottom:var(--space-sm);right:var(--space-lg);font-size:var(--font-sm);font-weight:600;font-family:Courier New,Courier,monospace;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info-color);transition:all var(--transition-base)}.request-timer.pending{background:var(--info-bg);color:var(--info-color)}.request-timer.processing{background:var(--warning-bg);color:var(--warning-color)}.request-timer.success{background:var(--success-light);color:var(--success-color)}.request-timer.failed{background:var(--error-light);color:var(--error-color)}.bottom-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);flex-shrink:0}.back-btn{flex:1;padding:var(--space-md);background:var(--white);color:var(--gray-600);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.back-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.submit-btn{flex:2;padding:var(--space-md);background:var(--primary-gradient);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-300)}.clear-queue-btn{padding:var(--space-sm) var(--font-md);background:var(--error-color);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.clear-queue-btn:hover{background:var(--error-dark);transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.clear-queue-btn:focus-visible{outline:2px solid var(--error-color);outline-offset:2px}.progress-info{text-align:center;margin-top:var(--space-lg);font-size:var(--font-md);color:var(--gray-600);flex-shrink:0}.loading-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.loading-state p{color:var(--gray-600);font-size:var(--font-md);margin-top:var(--space-lg)}.spinner{border:3px solid var(--gray-100);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--primary-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:300px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-sm);display:none}.autocomplete-results::-webkit-scrollbar{width:8px}.autocomplete-results::-webkit-scrollbar-track{background:var(--gray-100)}.autocomplete-results::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-sm)}.autocomplete-item{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background-color var(--transition-base);border-bottom:1px solid var(--gray-200)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--info-bg)}.autocomplete-item.no-results{cursor:default;color:var(--gray-500);text-align:center;font-style:italic}.autocomplete-item.no-results:hover{background-color:var(--white)}.autocomplete-item-name{font-weight:600;color:var(--gray-700);font-size:var(--font-base);margin-bottom:var(--space-xs)}.autocomplete-item-email{font-size:var(--font-sm);color:var(--gray-600)}.selected-user-display{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md)}.selected-user-header{font-size:var(--font-lg);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--gray-200)}.selected-user-info{display:flex;flex-direction:column;gap:var(--space-md)}.user-info-row{display:flex;align-items:center;gap:var(--space-md)}.user-info-label{font-weight:600;color:var(--gray-700);min-width:80px;font-size:var(--font-base)}.user-info-value{color:var(--gray-600);font-size:var(--font-base)}.user-info-value.job-code{background:var(--primary-gradient);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:600;display:inline-block}.form-group{position:relative}.password-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md)}.password-section-title{font-size:var(--font-lg);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-md)}.password-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.password-input-group input{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-base);transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.password-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.password-error{color:var(--error-color);font-size:var(--font-sm);min-height:20px;font-weight:500}.welcome-header{position:fixed;top:20px;right:20px;z-index:10000;background:var(--primary-gradient);border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);animation:slideInFromRight .5s ease-out;min-width:280px;overflow:hidden}@keyframes slideInFromRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.welcome-banner{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-xl);cursor:pointer;transition:background var(--transition-base);-webkit-user-select:none;user-select:none;position:relative}.welcome-banner:hover{background:#ffffff1a}.welcome-banner:active{background:#ffffff26}.welcome-banner.non-admin{cursor:default}.welcome-banner.non-admin:hover,.welcome-banner.non-admin:active{background:transparent}.welcome-greeting{color:var(--white);font-size:var(--font-lg);font-weight:600;text-shadow:var(--text-shadow);white-space:nowrap}#userInitials{font-weight:700;font-size:var(--font-xl);letter-spacing:1px;text-transform:uppercase}.dropdown-arrow{position:absolute;right:var(--space-xl);color:var(--white);font-size:var(--font-sm);transition:transform var(--transition-base);opacity:.8}.dropdown-arrow.open{transform:rotate(180deg)}.welcome-dropdown{background:#fffffff2;padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.3);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.refresh-cache-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary-gradient);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;width:100%}.refresh-cache-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.refresh-cache-btn:active:not(:disabled){transform:translateY(0)}.refresh-cache-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:var(--font-lg);display:inline-block;transition:transform var(--transition-base)}.refresh-cache-btn:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.refresh-cache-btn:disabled .refresh-icon{animation:spin 1s linear infinite}.cache-loading-bar{margin-top:var(--space-md);background:#667eea33;border-radius:var(--radius-md);overflow:hidden;position:relative;height:8px}.loading-bar-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-md);animation:loadingProgress 15s linear forwards;box-shadow:0 0 10px #667eea80}@keyframes loadingProgress{0%{width:0%}to{width:100%}}.loading-text{color:var(--gray-700);font-size:var(--font-sm);font-weight:500;text-align:center;margin-top:var(--space-sm)}.cache-message{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cache-message.success{background:var(--success-light);color:var(--success-dark)}.cache-message.error{background:var(--error-light);color:var(--error-dark)}.hidden{display:none!important}